ok
Direktori : /home2/selectio/public_html/assets/vendor/file-manager/ |
Current File : //home2/selectio/public_html/assets/vendor/file-manager/file-manager-panel.js |
/** ------------------------------------------------------------------------------------------------ Image File Manager ------------------------------------------------------------------------------------------------ */ var manager_image_type = "main"; $(document).on('click', '.btn-file-manager', function () { manager_image_type = $(this).attr("data-image-type"); refresh_file_manager_images(); $('#selected_file_manager_img_id').val(''); $('#selected_file_manager_img_path').val(''); $('#btn_file_manager_delete').hide(); $('#btn_file_manager_select').hide(); }); $(document).on('click', '#imageFileManagerModal .file-box', function () { $('.file-manager .file-box').removeClass('selected'); $(this).addClass('selected'); var val_id = $(this).attr('data-file-id'); var val_path = $(this).attr('data-file-path'); $('#selected_file_manager_img_id').val(val_id); $('#selected_file_manager_img_path').val(val_path); $('#btn_file_manager_delete').show(); $('#btn_file_manager_select').show(); }); //refresh file manager images function refresh_file_manager_images() { var data = {}; data[csfr_token_name] = $.cookie(csfr_cookie_name); $.ajax({ type: "POST", url: base_url + "file_controller/get_blog_images", data: data, success: function (response) { var obj = JSON.parse(response); if (obj.result == 1) { document.getElementById("image_file_manager_upload_response").innerHTML = obj.content; } } }); } //select image file $(document).on('click', '#imageFileManagerModal #btn_file_manager_select', function () { select_image(); }); //select image file on double click $(document).on('dblclick', '#imageFileManagerModal .file-box', function () { select_image(); }); //select image function select_image() { var img_id = $('#selected_file_manager_img_id').val(); var img_path = $('#selected_file_manager_img_path').val(); if (manager_image_type == "editor") { tinymce.activeEditor.execCommand('mceInsertContent', false, '<p><img src="' + img_path + '" alt=""/></p>'); } else { var image = '<div class="post-select-image-container">' + '<img src="' + img_path + '" alt="">' + '<a id="btn_delete_blog_main_image" class="btn btn-danger btn-sm btn-delete-selected-file-image">' + '<i class="fa fa-times"></i> ' + '</a>' + '</div>'; document.getElementById("blog_select_image_container").innerHTML = image; $('input[name=blog_image_id]').val(img_id); } $('#imageFileManagerModal').modal('toggle'); } //delete image file $(document).on('click', '#imageFileManagerModal #btn_file_manager_delete', function () { var file_id = $('#selected_file_manager_img_id').val(); $('#file_manager_col_id_' + file_id).remove(); var data = { "file_id": file_id }; data[csfr_token_name] = $.cookie(csfr_cookie_name); $.ajax({ type: "POST", url: base_url + "file_controller/delete_blog_image", data: data, success: function (response) { $('#btn_file_manager_delete').hide(); $('#btn_file_manager_select').hide(); } }); }); //delete blog main image $(document).on('click', '#btn_delete_blog_main_image', function () { var content = '<a class="btn-select-image" data-toggle="modal" data-target="#imageFileManagerModal">' + '<div class="btn-select-image-inner">' + '<i class="fa fa-image"></i>' + '<button class="btn">' + txt_select_image + '</button>' + '</div>' + '</a>'; document.getElementById("blog_select_image_container").innerHTML = content; $("#blog_image_id").val(''); }); //delete blog main image database $(document).on('click', '#btn_delete_blog_main_image_database', function () { var data = { "post_id": $(this).attr("data-post-id") }; data[csfr_token_name] = $.cookie(csfr_cookie_name); $.ajax({ type: "POST", url: base_url + "blog_controller/delete_post_image_post", data: data, success: function (response) { var content = '<a class="btn-select-image" data-toggle="modal" data-target="#imageFileManagerModal">' + '<div class="btn-select-image-inner">' + '<i class="fa fa-image"></i>' + '<button class="btn">' + txt_select_image + '</button>' + '</div>' + '</a>'; document.getElementById("blog_select_image_container").innerHTML = content; $("#blog_image_id").val(''); } }); });