ok
Mini Shell
<?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>
Zerion Mini Shell 1.0