ok
Direktori : /proc/thread-self/root/home2/selectio/www/application/views/admin/includes/ |
Current File : //proc/thread-self/root/home2/selectio/www/application/views/admin/includes/_image_file_manager.php |
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/vendor/file-manager/file-manager.css"> <script src="<?php echo base_url(); ?>assets/vendor/file-manager/file-manager-panel.js"></script> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/vendor/file-uploader/css/jquery.dm-uploader.min.css"/> <link rel="stylesheet" href="<?php echo base_url(); ?>assets/vendor/file-uploader/css/styles.css"/> <script src="<?php echo base_url(); ?>assets/vendor/file-uploader/js/jquery.dm-uploader.min.js"></script> <script src="<?php echo base_url(); ?>assets/vendor/file-uploader/js/ui.js"></script> <div class="modal fade" id="imageFileManagerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-file-manager" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"><?php echo trans("images"); ?></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="icon-close"></i></span> </button> </div> <div class="modal-body"> <div class="file-manager"> <div class="file-manager-left"> <div class="dm-uploader-container"> <div id="drag-and-drop-zone-file-manager" class="dm-uploader text-center"> <p class="file-manager-file-types"> <span>JPG</span> <span>JPEG</span> <span>PNG</span> </p> <p class="dm-upload-icon"> <i class="fa fa-cloud-upload"></i> </p> <p class="dm-upload-text"><?php echo trans("drag_drop_images_here"); ?></p> <p class="text-center"> <button class="btn btn-default btn-browse-files"><?php echo trans('browse_files'); ?></button> </p> <a class='btn btn-md dm-btn-select-files'> <input type="file" name="file" size="40" multiple="multiple"> </a> <ul class="dm-uploaded-files" id="files-file-manager"></ul> <button type="button" id="btn_reset_upload_image" class="btn btn-reset-upload"><?php echo trans("reset"); ?></button> </div> </div> </div> <div class="file-manager-right"> <div class="file-manager-content"> <div id="image_file_manager_upload_response"> <?php $images = $this->file_model->get_blog_images(60); if (!empty($images)): foreach ($images as $image): ?> <div class="col-file-manager" id="file_manager_col_id_<?php echo $image->id; ?>"> <div class="file-box" data-file-id="<?php echo $image->id; ?>" data-file-path="<?php echo get_blog_file_manager_image($image); ?>"> <div class="image-container"> <img src="<?= get_blog_file_manager_image($image); ?>" alt="" class="img-responsive"> </div> </div> </div> <?php endforeach; endif; ?> </div> </div> </div> <input type="hidden" id="selected_file_manager_img_id"> <input type="hidden" id="selected_file_manager_img_path"> </div> </div> <div class="modal-footer"> <div class="file-manager-footer"> <button type="button" id="btn_file_manager_delete" class="btn btn-sm btn-danger color-white pull-left btn-file-delete"><i class="fa fa-trash"></i> <?php echo trans('delete'); ?></button> <button type="button" id="btn_file_manager_select" class="btn btn-sm btn-success color-white btn-file-select"><i class="fa fa-check"></i> <?php echo trans('select_image'); ?></button> <button type="button" class="btn btn-sm btn-default color-white" data-dismiss="modal"><?php echo trans('close'); ?></button> </div> </div> </div> </div> </div> <script type="text/html" id="files-template-file-manager"> <li class="media"> <img class="preview-img" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt=""> <div class="media-body"> <div class="progress"> <div class="dm-progress-waiting"><?php echo trans("waiting"); ?></div> <div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </li> </script> <script> var txt_processing = "<?php echo trans("processing"); ?>"; var txt_select_image = "<?php echo trans("select_image"); ?>"; $(function () { $('#drag-and-drop-zone-file-manager').dmUploader({ url: '<?php echo base_url(); ?>file_controller/upload_blog_image', queue: true, allowedTypes: 'image/*', extFilter: ["jpg", "jpeg", "png"], extraData: function (id) { return { "file_id": id, "<?php echo $this->security->get_csrf_token_name(); ?>": $.cookie(csfr_cookie_name) }; }, onNewFile: function (id, file) { ui_multi_add_file(id, file, "file-manager"); if (typeof FileReader !== "undefined") { var reader = new FileReader(); var img = $('#uploaderFile' + id).find('img'); reader.onload = function (e) { img.attr('src', e.target.result); } reader.readAsDataURL(file); } }, onBeforeUpload: function (id) { $('#uploaderFile' + id + ' .dm-progress-waiting').hide(); ui_multi_update_file_progress(id, 0, '', true); ui_multi_update_file_status(id, 'uploading', 'Uploading...'); $("#btn_reset_upload_image").show(); }, onUploadProgress: function (id, percent) { ui_multi_update_file_progress(id, percent); }, onUploadSuccess: function (id, data) { document.getElementById("uploaderFile" + id).remove(); refresh_file_manager_images(); ui_multi_update_file_status(id, 'success', 'Upload Complete'); ui_multi_update_file_progress(id, 100, 'success', false); $("#btn_reset_upload_image").hide(); } }); }); $(document).on('click', '#btn_reset_upload_image', function () { $("#drag-and-drop-zone-file-manager").dmUploader("reset"); $("#files-file-manager").empty(); $(this).hide(); }); </script> <script> $('#imageFileManagerModal').on('show.bs.modal', function (e) { refresh_file_manager_images(); }); </script> <script> jQuery(function ($) { $('.file-manager-content').on('scroll', function () { if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) { var min = 0; $('#image_file_manager_upload_response .file-box').each(function () { var value = parseInt($(this).attr('data-file-id')); if (min == 0) { min = value; } if (value < min) { min = value; } }); var data = { 'min': min }; data[csfr_token_name] = $.cookie(csfr_cookie_name); $.ajax({ type: "POST", url: base_url + "file_controller/load_more_blog_images", data: data, success: function (response) { setTimeout(function () { var obj = JSON.parse(response); if (obj.result == 1) { $("#image_file_manager_upload_response").append(obj.content); } }, 100); } }); } }) }); </script>