| Current File : /home/itiffy/itiffyproject.com/wollombi/wp-content/plugins/wp-media-folder/assets/js/script.es6 |
/**
* Main WP Media Folder script
* It handles the categories filtering
*/
let wpmfFoldersModule;
(function ($) {
wpmfFoldersModule = {
taxonomy: null, // WPMF taxonomy
categories_order: null, // Categories ids in order
categories: null, // All categories objects
media_root: null, // Id of media folder root category
relation_category_filter: [], // Relation between categories variable and filter select
relation_filter_category: [], // Relation between filter select content and category categories variable
last_selected_folder: 0, // Last folder we moved into
attachments_browser_initialized: false, // Is the attachment browser already initialized
attachments_browser: null, // Variable used to store attachment browser reference to use it later
dragging_elements: null, // Variable used to store elements while dragging files or folders
hover_image: false, // Do we show or not the image on hover
aws3_label: false, // Do we show or not the attachment label
hover_images: [], // hover images
global_search: false, // Do we search in all folder
doing_global_search: false, // Save status of search
folder_ordering: 'name-ASC', // Folder ordering
page_type: null, // Current page type upload-list, upload-grid
editFolderId: 0, // Current folder id to edit or delete ...
editFileId: 0, // Current file id to edit
folder_search: null,
events: [], // event handling
/**
* Retrieve the current displayed frame
*/
getFrame: function () {
if (wpmfFoldersModule.page_type === 'upload-list') {
// We're in the list mode
return $('.upload-php #posts-filter');
} else {
return $('[id^="__wp-uploader-id-"]:visible div.media-frame');
}
},
/**
* Initialize module related things
*/
initModule: function () {
// Retrieve values we'll use
wpmfFoldersModule.taxonomy = wpmf.vars.taxo;
wpmfFoldersModule.categories_order = wpmf.vars.wpmf_categories_order;
wpmfFoldersModule.categories = wpmf.vars.wpmf_categories;
wpmfFoldersModule.media_root = wpmf.vars.root_media_root;
wpmfFoldersModule.folder_design = wpmf.vars.folder_design;
wpmfFoldersModule.global_search = wpmf.vars.wpmf_search === '1';
// Define the page type
if (wpmf.vars.wpmf_pagenow === 'upload.php' && $('#posts-filter input[name="mode"][value="list"]').length && $('#posts-filter .media').length) {
wpmfFoldersModule.page_type = 'upload-list';
wpmfFoldersModule.folder_ordering = wpmf.vars.wpmf_order_f;
} else if (wpmf.vars.wpmf_pagenow === 'upload.php' && $('#wp-media-grid').length) {
wpmfFoldersModule.page_type = 'upload-grid';
}
if (wpmf.vars.option_hoverimg === 1) wpmfFoldersModule.hover_image = true;
if (wpmf.vars.aws3_label === 1) wpmfFoldersModule.aws3_label = true;
const init = function () {
const $current_frame = wpmfFoldersModule.getFrame();
// get last access folder
let lastAccessFolder = wpmfFoldersModule.getCookie('lastAccessFolder_' + wpmf.vars.site_url);
if (wpmfFoldersModule.page_type !== 'upload-list') {
// Do not add WPMF when editing a gallery
if (wp.media.frame !== undefined && wp.media.frame._state === 'gallery-edit') {
wpmfFoldersModule.trigger('wpGalleryEdition');
return;
}
}
// Initialize select folder filter
wpmfFoldersModule.initLoadingFolder();
// Select the first item of folder filter
if (wpmfFoldersModule.page_type !== 'upload-list') {
if (typeof lastAccessFolder === "undefined" || (typeof lastAccessFolder !== "undefined" && lastAccessFolder === '') || (typeof lastAccessFolder !== "undefined" && parseInt(lastAccessFolder) === 0) || typeof wpmfFoldersModule.categories[lastAccessFolder] === "undefined") {
if (typeof wpmfFoldersModule.relation_category_filter[wpmfFoldersModule.last_selected_folder] === "undefined") {
wpmfFoldersModule.changeFolder(wpmfFoldersModule.getCurrentFolderId());
} else {
$current_frame.find('#wpmf-media-category').val(wpmfFoldersModule.relation_category_filter[wpmfFoldersModule.last_selected_folder]).trigger('change');
}
} else {
$current_frame.find('#wpmf-media-category').val(wpmfFoldersModule.relation_category_filter[lastAccessFolder]).trigger('change');
}
}
// render context menu box
wpmfFoldersModule.renderContextMenu();
// Add the breadcrumb
if ($current_frame.find('#wpmf-breadcrumb').length === 0) {
if (wpmfFoldersModule.page_type !== 'upload-list') {
$current_frame.find('.attachments-browser ul.attachments').before('<ul id="wpmf-breadcrumb"></ul>');
} else {
$current_frame.find('.tablenav.top').before('<ul id="wpmf-breadcrumb"></ul>');
}
}
// Initialize some thing for listing page
if (wpmfFoldersModule.page_type === 'upload-list') {
// Create folder container for list view
$current_frame.find('.tablenav.top').before('<ul class="attachments"></ul>');
if (typeof lastAccessFolder === "undefined" || (typeof lastAccessFolder !== "undefined" && lastAccessFolder === '') || (typeof lastAccessFolder !== "undefined" && parseInt(lastAccessFolder) === 0)) {
wpmfFoldersModule.last_selected_folder = 0;
} else {
wpmfFoldersModule.last_selected_folder = lastAccessFolder;
$('#wpmf-media-category').val(wpmfFoldersModule.last_selected_folder);
}
// Change the upload href link to add current folder as parameter
$('.page-title-action').attr('href', $('.page-title-action').attr('href') + '?wpmf-folder=' + wpmfFoldersModule.last_selected_folder);
}
if (typeof wpmf.vars.hide_tree === "undefined" || parseInt(wpmf.vars.hide_tree) === 0) {
// Remove the loader on list page
if (wpmfFoldersModule.page_type === 'upload-list' && !$('.upload-php #posts-filter').hasClass('wpmf-not-loading')) {
setTimeout(function () {
$('.upload-php #posts-filter').addClass('wpmf-not-loading');
}, 200);
}
}
// Change the upload href link to add current folder as parameter
let new_media_url = $('#menu-media').find('a[href="media-new.php"]').attr('href');
$('#menu-media li a[href="media-new.php"]').attr('href', new_media_url + '?wpmf-folder=' + wpmfFoldersModule.last_selected_folder);
// Initialize breadcrumb
wpmfFoldersModule.updateBreadcrumb();
// check if enable display own media
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator' && wpmfFoldersModule.page_type !== 'upload-list' && wpmf.vars.term_root_id) {
// Finally render folders
wpmfFoldersModule.renderFolders(wpmf.vars.term_root_id);
// selected top folder if enable display own media
wpmfFoldersModule.getFrame().find('#wpmf-media-category option[value="0"]').prop('selected', true);
} else {
if (typeof lastAccessFolder === "undefined" || (typeof lastAccessFolder !== "undefined" && lastAccessFolder === '') || (typeof lastAccessFolder !== "undefined" && parseInt(lastAccessFolder) === 0)) {
// Finally render folders
wpmfFoldersModule.renderFolders();
} else {
// Finally render folders
if (typeof wpmfFoldersModule.categories[parseInt(lastAccessFolder)] !== "undefined") {
wpmfFoldersModule.renderFolders(parseInt(lastAccessFolder));
} else {
wpmfFoldersModule.renderFolders();
}
}
}
if (wpmfFoldersModule.page_type !== 'upload-list') {
// Attach event when something is added to the attachments list
let timeout;
// call drag folderempty attachment
wpmfFoldersModule.initializeDragAndDropAttachments();
// call open context menu when empty attachment
wpmfFoldersModule.openContextMenuFolder();
$current_frame.find('.attachments-browser ul.attachments').on("DOMNodeInserted", function () {
// Wait All DOMInserted events to be thrown before calling the initialization functions
window.clearTimeout(timeout);
timeout = window.setTimeout(function () {
// Attach drag and drop event to the attachments
wpmfFoldersModule.initializeDragAndDropAttachments();
// Hovering image intialization
wpmfFoldersModule.initHoverImage();
wpmfFoldersModule.initAttachmentLabelS3();
// open / close context menu box
wpmfFoldersModule.openContextMenuFolder();
wpmfFoldersModule.openContextMenuFile();
}, 300);
});
// Add the creation gallery from folder button
if (typeof wp.data === "undefined" || (typeof wp.data !== "undefined" && typeof wp.data.select('core/editor') === "undefined")) {
wpmfFoldersModule.addCreateGalleryBtn();
}
} else {
// Attach drag and drop event to the attachments
wpmfFoldersModule.initializeDragAndDropAttachments();
// open / close context menu box
wpmfFoldersModule.openContextMenuFolder();
}
wpmfFoldersModule.trigger('ready', $current_frame);
};
if ($('.upload-php #posts-filter input[name="mode"][value="list"]').length) {
// Initialize directly in list mode
init();
} else {
// Initialize folders rendering when the attachment browser is ready
if (typeof wp !== "undefined") {
if (typeof wp.media !== "undefined" && typeof wp.media.view !== "undefined" && typeof wp.media.view.AttachmentsBrowser !== "undefined") {
wp.media.view.AttachmentsBrowser.prototype.on('ready', function () {
init();
});
}
}
}
if (wpmfFoldersModule.page_type !== 'upload-list') {
// Extend uploader to send some POST datas with the uploaded file
if (typeof wp === "undefined") {
return;
}
if (typeof wp.Uploader === "undefined") {
return;
}
$.extend(wp.Uploader.prototype, {
init: function () {
// Add the current wpmf folder to the request
this.uploader.bind('BeforeUpload', function () {
this.settings.multipart_params['wpmf_folder'] = wpmfFoldersModule.last_selected_folder;
});
// Reload attachments so they can show up if we're inside a folder
this.uploader.bind('UploadComplete', function () {
wpmfFoldersModule.reloadAttachments();
wpmfFoldersModule.renderFolders();
// Hovering image intialization
wpmfFoldersModule.initHoverImage();
wpmfFoldersModule.initAttachmentLabelS3();
wpmfFoldersModule.updateCountFiles(wpmfFoldersModule.last_selected_folder);
if (parseInt(wpmf.vars.wpmf_addon_active) === 1) {
wpmfFoldersModule.awsRemoveFilesAfterUpload();
}
});
jQuery(document).ajaxComplete(function (e, xhs, req) {
try {
if (req.data.indexOf("action=delete-post") > -1) {
wpmfFoldersModule.updateCountFiles(wpmfFoldersModule.last_selected_folder);
}
} catch (e) {
}
}.bind(this));
}
});
// Extend attachment model to send extra info on saving attachment properties
$.extend(wp.media.model.Attachment.prototype, {
parentSaveCompat: wp.media.model.Attachment.prototype.saveCompat, // Save original compat
saveCompat: function () {
// Add current folder to the request parameters
arguments[0]['attachments[' + this.id + '][wpmf_folder]'] = wpmfFoldersModule.last_selected_folder;
// Store post id
let post_id = this.id;
// Call original method
let ret = wp.media.model.Attachment.prototype.parentSaveCompat.apply(this, arguments);
if (arguments[0]['attachments[' + this.id + '][wpmf_field_bgfolder]'] === 'on') {
// The attachment is set as cover
// Wait the response from server
ret.then(function (data) {
// Retrieve thumbnail url if available
let image;
if (data.sizes.thumbnail !== undefined) {
image = data.sizes.thumbnail.url;
} else {
image = data.url;
}
// Initialize cover image as array is not already an array
if (
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image === undefined ||
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image === ''
) {
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image = [];
}
// Save the new image as cover
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image[0] = post_id;
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image[1] = image;
});
} else if (
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image !== undefined &&
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image[0] === post_id
) {
// The attachment has been removed as cover
// Remove cover from category informations
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image = '';
}
return ret;
}
});
// Initialize folders rendering on media modal events
let myMediaViewModal = wp.media.view.Modal;
if (typeof myMediaViewModal !== "undefined") {
wp.media.view.Modal = wp.media.view.Modal.extend({
open: function () {
myMediaViewModal.prototype.open.apply(this, arguments);
if (typeof wp.media.frame !== "undefined") {
wp.media.frame.on('router:render:browse', function () {
init();
});
wp.media.frame.on('content:activate:browse', function () {
init();
});
} else {
wpmfFoldersModule.renderFolders();
}
}
});
}
// Hide create gallery button if attachments are selected
if (typeof wpmf.vars.usegellery !== "undefined" && parseInt(wpmf.vars.usegellery) === 1) {
let myMediaViewToolbar = wp.media.view.Toolbar;
if (typeof myMediaViewToolbar !== "undefined") {
wp.media.view.Toolbar = wp.media.view.Toolbar.extend({
refresh: function () {
myMediaViewToolbar.prototype.refresh.apply(this, arguments);
let state = this.controller.state(),
selection = state.get('selection');
if (typeof state !== "undefined" && typeof selection !== "undefined") {
if (selection.length === 0) {
$('.btn-selectall,.btn-selectall-gallery').show();
$('.media-button-gallery').hide();
} else {
$('.btn-selectall,.btn-selectall-gallery').hide();
$('.media-button-gallery').show();
}
}
}
});
}
}
let myMediaControllerCollectionEdit = wp.media.controller.CollectionEdit;
if (typeof myMediaControllerCollectionEdit !== "undefined") {
wp.media.controller.CollectionEdit = wp.media.controller.CollectionEdit.extend({
activate: function () {
myMediaControllerCollectionEdit.prototype.activate.apply(this, arguments);
},
deactivate: function () {
myMediaControllerCollectionEdit.prototype.deactivate.apply(this, arguments);
}
});
}
// display folder on feature image
let myMediaControllerFeaturedImage = wp.media.controller.FeaturedImage;
if (typeof myMediaControllerFeaturedImage !== "undefined") {
wp.media.controller.FeaturedImage = wp.media.controller.FeaturedImage.extend({
updateSelection: function () {
myMediaControllerFeaturedImage.prototype.updateSelection.apply(this, arguments);
wpmfFoldersModule.renderFolders();
}
});
}
// Create and initialize select filter used to filter by folder
wpmfFoldersModule.initFolderFilter();
// Add button to the uploader content page
let myMediaViewToolbar = wp.media.view.UploaderInline;
if (typeof myMediaViewToolbar !== "undefined") {
wp.media.view.UploaderInline = wp.media.view.UploaderInline.extend({
ready: function () {
myMediaViewToolbar.prototype.ready.apply(this, arguments);
// Add remote video button
if (typeof wpmf.vars.hide_remote_video !== "undefined" && parseInt(wpmf.vars.hide_remote_video) === 1) {
if (!this.$el.find('.wpmf_btn_remote_video').length) {
this.$el.find('.upload-ui button').after('<button href="#" class="wpmf_btn_remote_video button button-hero">' + wpmf.l18n.remote_video + '</button>');
wpmfFoldersModule.initRemoteVideo();
}
}
// Add reload button
let $current_frame = wpmfFoldersModule.getFrame();
if (!$current_frame.find('.media-frame-content .media-toolbar-secondary .wpmf_btn_reload').length) {
$current_frame.find('.media-frame-content .media-toolbar-secondary').append('<i class="material-icons wpmf_btn_reload" data-for="' + wpmf.l18n.reload_media + '">refresh</i>');
wpmfFoldersModule.showTooltip();
}
$('.wpmf_btn_reload').unbind('click').click(function () {
wpmfFoldersModule.reloadAttachments();
wpmfFoldersModule.renderFolders();
});
// render folder tree in left menu
if (typeof wpmf.vars.hide_tree !== "undefined" && parseInt(wpmf.vars.hide_tree) === 1) {
wpmfFoldersTreeModule.initModule(wpmfFoldersModule.getFrame());
}
if (wpmf.vars.wpmf_pagenow !== 'upload.php') {
if (!this.$el.find('.wpmf_msg_upload_folder').length) {
let bread = '';
let lastAccessFolder = wpmfFoldersModule.getCookie('lastAccessFolder_' + wpmf.vars.site_url);
if (typeof lastAccessFolder === "undefined" || (typeof lastAccessFolder !== "undefined" && lastAccessFolder === '') || (typeof lastAccessFolder !== "undefined" && parseInt(lastAccessFolder) === 0) || typeof wpmfFoldersModule.categories[lastAccessFolder] === "undefined") {
bread = wpmfFoldersModule.getBreadcrumb();
} else {
bread = wpmfFoldersModule.getBreadcrumb(lastAccessFolder);
}
this.$el.find('.post-upload-ui').after('<p class="wpmf_msg_upload_folder">' + wpmf.l18n.msg_upload_folder + '<span>' + bread + '</span></p>');
}
}
}
});
}
// Manage reset iframe
wp.Uploader.queue.on('reset', function () {
// remove attachment loading
$('.attachment.loading').remove();
});
// Manage adding an uploaded file
wp.Uploader.queue.on('add', function (file_info) {
if (parseInt(wpmf.vars.wpmf_post_type) !== 1 || !$('#wpb_visual_composer').is(":visible")) {
// Show snackbar
wpmfSnackbarModule.show({
id: file_info.attributes.file.id,
content: wpmf.l18n.wpmf_fileupload,
auto_close: false,
is_progress: true
});
// Create the download attachment
wpmfFoldersModule.getFrame().find('.attachments-browser .attachments').prepend('<li data-cid="' + file_info.attributes.file.id + '" class="attachment loading"><div class="attachment-preview js--select-attachment type-image subtype-jpeg portrait"><div class="thumbnail"><div class="media-progress-bar"><div style="width:0"></div></div></div></div></li>');
}
});
// Get upload progress infos
let myMediaUploaderStatus = wp.media.view.UploaderStatus;
if (typeof myMediaUploaderStatus !== "undefined") {
wp.media.view.UploaderStatus = wp.media.view.UploaderStatus.extend({
progress: function (file_info) {
// Call parent function
myMediaUploaderStatus.prototype.progress.apply(this, arguments);
// This is not a uploading update
if (file_info === undefined || file_info.changed === undefined || file_info.changed.percent === undefined) {
return;
}
// Retrieve snackbar from its id
let $snack = wpmfSnackbarModule.getFromId(file_info.attributes.file.id);
// Is the upload finished
if (file_info.changed.percent === 100) {
wpmfSnackbarModule.close($snack);
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_media_uploaded
});
} else {
wpmfSnackbarModule.setProgress($snack, file_info.changed.percent);
}
// Update the uploaded percentage for this file
$('li.attachment[data-cid=' + file_info.attributes.file.id + '] .media-progress-bar > div').css({'width': file_info.changed.percent + '%'});
},
error: function (error) {
if (error.get('message') === wpmf.l18n.error_replace) {
$('.upload-errors').addClass('wpmferror_replace');
wp.Uploader.queue.reset();
}
myMediaUploaderStatus.prototype.error.apply(this, arguments);
}
});
}
}
wpmfFoldersModule.trigger('afterFiltersInitialization');
},
/**
* Create the folder/taxonomy filtering
*/
initFolderFilter: function () {
/**
* We extend the AttachmentFilters view to add our own filtering
*/
if (typeof wp.media.view.AttachmentFilters !== "undefined") {
wp.media.view.AttachmentFilters['wpmf_categories'] = wp.media.view.AttachmentFilters.extend({
className: 'wpmf-media-categories attachment-filters',
id: 'wpmf-media-category',
createFilters: function () {
let filters = {};
let ij = 0;
let space = ' ';
_.each(wpmfFoldersModule.categories_order || [], function (key) {
let term = wpmfFoldersModule.categories[key];
if (typeof term !== "undefined") {
if (parseInt(wpmfFoldersModule.media_root) !== parseInt(term.id)) {
let query = {
taxonomy: wpmfFoldersModule.taxonomy,
term_id: parseInt(term.id, 10),
term_slug: term.slug,
wpmf_taxonomy: 'true',
wpmf_nonce: wpmf.vars.wpmf_nonce
};
if (typeof term.depth === 'undefined') {
term.depth = 0;
}
filters[ij] = {
text: space.repeat(term.depth) + term.label,
props: query
};
wpmfFoldersModule.relation_category_filter[term.id] = ij;
wpmfFoldersModule.relation_filter_category[ij] = term.id;
ij++;
}
}
});
this.filters = filters;
}
});
}
// render filter
let myAttachmentsBrowser = wp.media.view.AttachmentsBrowser;
if (typeof myAttachmentsBrowser !== "undefined") {
wp.media.view.AttachmentsBrowser = wp.media.view.AttachmentsBrowser.extend({
createToolbar: function () {
wp.media.model.Query.defaultArgs.filterSource = 'filter-attachment-category';
myAttachmentsBrowser.prototype.createToolbar.apply(this, arguments);
//Save the attachments because we'll need it to change the category filter
wpmfFoldersModule.attachments_browser = this;
this.toolbar.set(wpmfFoldersModule.taxonomy, new wp.media.view.AttachmentFilters['wpmf_categories']({
controller: this.controller,
model: this.collection.props,
priority: -75
}).render()
);
},
// Add video icon for each remote video attachment
updateContent: function () {
myAttachmentsBrowser.prototype.updateContent.apply(this, arguments);
wpmfFoldersModule.getFrame().find('.attachments-browser .attachment').each(function (i, v) {
const id_img = $(v).data('id');
if (wp.media.attachment(id_img).get('description') === 'wpmf_remote_video') {
if ($('li.attachment[data-id="' + id_img + '"] .attachment-preview .wpmf_remote_video').length === 0) {
$('li.attachment[data-id="' + id_img + '"] .attachment-preview').append('<i class="material-icons wpmf_remote_video">play_circle_filled</i>');
}
}
});
}
});
}
// If the filter has already been rendered, force it to be reloaded
if (wpmfFoldersModule.attachments_browser !== null) {
// Remove previous filter
wpmfFoldersModule.getFrame().find('#wpmf-media-category').remove();
// Regenerate filter
wpmfFoldersModule.attachments_browser.toolbar.set(wpmfFoldersModule.taxo, new wp.media.view.AttachmentFilters['wpmf_categories']({
controller: wpmfFoldersModule.attachments_browser.controller,
model: wpmfFoldersModule.attachments_browser.collection.props,
priority: -75
}).render()
);
wpmfFoldersModule.initLoadingFolder();
}
// order image gallery
let myMediaControllerGalleryEdit = wp.media.controller.GalleryEdit;
if (typeof myMediaControllerGalleryEdit !== "undefined") {
wp.media.controller.GalleryEdit = wp.media.controller.GalleryEdit.extend({
gallerySettings: function (browser) {
// Apply original method
myMediaControllerGalleryEdit.prototype.gallerySettings.apply(this, arguments);
var library = this.get('library');
browser.toolbar.set('wpmf_reverse_gallery', {
text: 'Order by',
priority: 70,
click: function () {
/* Sort images gallery by setting */
var lists_i = library.toArray();
var listsId = [];
var wpmf_orderby = $('.wpmf_orderby').val();
var wpmf_order = $('.wpmf_order').val();
$.each(lists_i, function (i, v) {
listsId.push(v.id);
});
var wpmf_img_order = [];
$.ajax({
method: "POST",
dataType: 'json',
url: ajaxurl,
data: {
action: "wpmf",
ids: listsId,
wpmf_orderby: wpmf_orderby,
wpmf_order: wpmf_order,
task: "gallery_get_image",
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (res) {
if (res !== false) {
$.each(res, function (i, v) {
$.each(lists_i, function (k, h) {
if (h.id === v.ID)
wpmf_img_order.push(h);
});
});
library.reset(wpmf_img_order);
}
}
});
}
});
}
});
}
// Reload folders after searching
let mySearch = wp.media.view.Search;
let search_initialized = false;
if (typeof mySearch !== "undefined") {
wp.media.view.Search = wp.media.view.Search.extend({
search: function (event) {
// Apply original method
mySearch.prototype.search.apply(this, arguments);
// Save as a global variable is we're currently doing a global search or not
wpmfFoldersModule.doing_global_search = !!(event.target.value && wpmfFoldersModule.global_search);
// Register on change event if not already done
if (!search_initialized) {
this.model.on('change', function () {
wpmfFoldersModule.renderFolders();
});
// Prevent to register the function on the event each time search is called
search_initialized = true;
}
}
});
}
},
setFolderOrdering: function (ordering) {
wpmfFoldersModule.folder_ordering = ordering;
// Rerender folders
wpmfFoldersModule.renderFolders();
},
/**
* Force attachments to be reloaded in the current view
*/
reloadAttachments: function () {
// Force reloading files
if (typeof wp.media.frame !== "undefined") {
if (wp.media.frame.library !== undefined) {
wp.media.frame.library.props.set({ignore: (+new Date())});
if (wpmf.vars.wpmf_pagenow === 'upload.php') {
if (typeof wpmf_move_fi !== "undefined") {
wpmf_move_fi.controller.state().get('selection').reset();
}
}
} else if (wp.media.frame.content.get() !== null && wp.media.frame.content.get().collection !== undefined) {
wp.media.frame.content.get().collection.props.set({ignore: (+new Date())});
wp.media.frame.content.get().options.selection.reset();
} else {
// Nothing to do attachments have not been already loaded
}
} else {
$('.wpmf-snackbar').remove();
}
},
/**
* Initialize the events on which the folders should be reloaded
*/
initLoadingFolder: function () {
wpmfFoldersModule.getFrame().find('#wpmf-media-category').on('change', function () {
if (wpmfFoldersModule.page_type === 'upload-list') {
// In list view submit filter form
$('.upload-php #posts-filter').submit();
} else {
wpmfFoldersModule.renderFolders(wpmfFoldersModule.relation_filter_category[$(this).val()]);
wpmfFoldersModule.updateBreadcrumb(wpmfFoldersModule.relation_filter_category[$(this).val()]);
// set cookie last access folder
if (typeof wpmfFoldersModule.relation_filter_category[$(this).val()] === "undefined") {
wpmfFoldersModule.setCookie('lastAccessFolder_' + wpmf.vars.site_url, 0, 365);
} else {
wpmfFoldersModule.setCookie('lastAccessFolder_' + wpmf.vars.site_url, wpmfFoldersModule.relation_filter_category[$(this).val()], 365);
}
// Trigger change changeFolder event for other modules
wpmfFoldersModule.trigger('changeFolder', wpmfFoldersModule.relation_filter_category[$(this).val()]);
}
});
},
/**
* set a cookie
* @param cname cookie name
* @param cvalue cookie value
* @param exdays
*/
setCookie: function (cname, cvalue, exdays) {
let d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
},
/**
* get a cookie
* @param cname cookie name
* @returns {*}
*/
getCookie: function (cname) {
let name = cname + "=";
let ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1);
}
if (c.indexOf(name) === 0) {
return c.substring(name.length, c.length);
}
}
return "";
},
/**
* Move into the term_id folder
* It will change the selected option in the filter
* This will update the attachments and render the folders
*
* @param term_id
*/
changeFolder: function (term_id) {
// set cookie last access folder
if (typeof term_id === "undefined") {
wpmfFoldersModule.setCookie('lastAccessFolder_' + wpmf.vars.site_url, 0, 365);
} else {
wpmfFoldersModule.setCookie('lastAccessFolder_' + wpmf.vars.site_url, term_id, 365);
}
// Select the filter folder
if (wpmfFoldersModule.page_type === 'upload-list') {
wpmfFoldersModule.getFrame().find('#wpmf-media-category').val(term_id).trigger('change');
} else {
wpmfFoldersModule.getFrame().find('#wpmf-media-category').val(wpmfFoldersModule.relation_category_filter[term_id]).trigger('change');
}
},
/**
* Generate the html tag for a folder attachment
*
* @param type string type of folder
* @param name string folder name
* @param term_id int folder term id
* @param parent_id int folder parent id
* @param cover_image string cover image url
*
* @return {string} the string that contains the single folder attachment rendered
*/
getFolderRendering: function (type, name, term_id, parent_id, cover_image) {
let buttons = '';
let class_names = '';
let main_icon = '';
let action = '';
let cover = '';
if (type === 'folder') {
// This is a folder
buttons = `<span class="dashicons dashicons-edit" onclick="wpmfFoldersModule.clickEditFolder(event, ${term_id})"></span>
<span class="dashicons dashicons-trash" onclick="wpmfFoldersModule.clickDeleteFolder(event, ${term_id})"></span>`;
class_names = 'wpmf-folder';
action = 'onclick="wpmfFoldersModule.changeFolder(' + term_id + ');"';
if (typeof cover_image === 'object' && wpmfFoldersModule.folder_design === 'classic') {
cover = '<img src="' + cover_image[1] + '" />';
main_icon = '';
} else {
main_icon = '<i class="material-icons wpmf-icon-category">folder</i>';
}
} else if (type === 'back') {
// This is a back folder
class_names = 'wpmf-folder wpmf-back';
main_icon = '<span class="dashicons dashicons-arrow-left-alt2"></span>';
action = 'onclick="wpmfFoldersModule.changeFolder(' + term_id + ');"';
} else if (type === 'new') {
// This is a create new folder button
class_names = 'wpmf-new';
main_icon = '<i class="material-icons wpmf-icon-category">create_new_folder</i>';
action = 'onclick="wpmfFoldersModule.newFolder(' + term_id + ');"';
} else if (type === 'line break') {
class_names = 'wpmf-line-break';
}
// check if enable display own media
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator') {
if (type === 'back' && parent_id === 0) {
return '';
}
}
if (wpmfFoldersModule.folder_design === 'classic') {
return `<li
class="wpmf-attachment attachment ${wpmfFoldersModule.folder_design} ${class_names}"
data-parent_id="${parent_id}"
data-id="${term_id}"
${action}
>
<div class="wpmf-attachment-preview attachment-preview">
<div class="thumbnail">
${buttons}
${main_icon}
<div class="centered">${cover}</div>
<div class="filename">
<div>${name}</div>
</div>
</div>
</div>
</li>`
} else {
// get color folder
let bgcolor = '#8f8f8f';
if (typeof wpmf.vars.colors !== 'undefined' && typeof wpmf.vars.colors[term_id] !== 'undefined' && type === 'folder') {
bgcolor = 'color: ' + wpmf.vars.colors[term_id];
}
return `<li class="mdc-list-item attachment wpmf-attachment ${wpmfFoldersModule.folder_design} ${class_names} mdc-ripple-upgraded"
data-parent_id="${parent_id}"
data-id="${term_id}"
${action}
>
<span class="mdc-list-item__start-detail white-bg" role="presentation" style="${bgcolor}">
${main_icon}
</span>
<span class="mdc-list-item__text" title="${name}">
${name}
</span>
</li>`
}
},
/**
* Amazon remove file from local server
*/
awsRemoveFilesAfterUpload: function () {
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf-remove-file-server-after-upload",
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (!response.status) {
wpmfs3Module.awsRemoveFilesAfterUpload();
}
}
});
},
/**
* Update count files in folder
* @param term_id
*/
updateCountFiles: function (term_id) {
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "getcountfiles",
term_id: term_id,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (response.status) {
if (term_id !== 0) {
wpmfFoldersModule.categories[term_id].files_count = parseInt(response.count);
}
// Import categories with updated count
wpmfFoldersTreeModule.importCategories();
// Reload tree view
wpmfFoldersTreeModule.loadTreeView();
}
}
});
},
/**
* Render the folders to the attachments listing
*
* @param term_id
*/
renderFolders: function (term_id) {
if (wpmfFoldersModule.doing_global_search) {
// If we're currently doing a global search, we do not show folders
return;
}
if (typeof term_id === "undefined") {
// check if enable display own media
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator' && wpmfFoldersModule.page_type !== 'upload-list' && wpmf.vars.term_root_id) {
// If not term id is set we use the latest used
term_id = wpmf.vars.term_root_id;
} else {
// If not term id is set we use the latest used
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator') {
term_id = wpmf.vars.term_root_id;
} else {
if (typeof wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder] === "undefined") {
wpmfFoldersModule.last_selected_folder = 0;
wpmfFoldersModule.changeFolder(0);
}
term_id = wpmfFoldersModule.last_selected_folder;
}
}
} else {
// Let's save this term as the last used one
wpmfFoldersModule.last_selected_folder = term_id;
}
// Retrieve current frame
const $frame = wpmfFoldersModule.getFrame();
// Retrieve the attachments container
let $attachments_container;
if (wpmfFoldersModule.page_type === 'upload-list') {
$attachments_container = $frame.find('ul.attachments');
} else {
$attachments_container = $frame.find('.attachments-browser ul.attachments');
}
// Remove previous folders
$attachments_container.find('.wpmf-attachment').remove();
// Retrieve the folders that may be added to current view
let folders_ordered = [];
// get search keyword
let search = $('.wpmf_search_folder').val();
wpmfFoldersModule.folder_search = [];
let folder_search = wpmfFoldersModule.folder_search;
if (typeof search === "undefined") {
search = '';
}
for (let folder_id in wpmfFoldersModule.categories) {
if (search === '') {
if (wpmfFoldersModule.categories[folder_id].id !== 0 && // We don't show the root folder
wpmfFoldersModule.categories[folder_id].parent_id === term_id // We only show folders of the current parent
) {
folders_ordered.push(wpmfFoldersModule.categories[folder_id]);
}
} else {
let folder_name = wpmfFoldersModule.categories[folder_id].label;
// check folder name with search keyword
if (folder_name.indexOf(search) !== -1 &&
wpmfFoldersModule.categories[folder_id].parent_id === term_id &&
wpmfFoldersModule.categories[folder_id].id !== 0) {
folders_ordered.push(wpmfFoldersModule.categories[folder_id]);
}
if (folder_name.indexOf(search) !== -1) {
folder_search.push(folder_id);
}
}
}
let a = wpmfFoldersModule.getCookie('#media-order-folder' + wpmf.vars.site_url);
if (typeof a !== "undefined") {
wpmfFoldersModule.folder_ordering = a;
}
// Order folders
switch (wpmfFoldersModule.folder_ordering) {
default:
case 'name-ASC':
folders_ordered = folders_ordered.sort(function (a, b) {
return a.label.localeCompare(b.label);
});
break;
case 'name-DESC':
folders_ordered = folders_ordered.sort(function (a, b) {
return b.label.localeCompare(a.label);
});
break;
case 'id-ASC':
folders_ordered = folders_ordered.sort(function (a, b) {
return a.id - b.id
});
break;
case 'id-DESC':
folders_ordered = folders_ordered.sort(function (a, b) {
return b.id - a.id
});
break;
case 'custom':
folders_ordered = folders_ordered.sort(function (a, b) {
return a.order - b.order
});
break;
}
// Add each folder to the attachments listing
$(folders_ordered).each(function () {
// Get the formatted folder for the attachment listing
let folder = wpmfFoldersModule.getFolderRendering('folder', this.label, this.id, this.parent_id, this.cover_image);
// Add the folder to the attachment listing
$attachments_container.append(folder);
});
// Get the formatted new button
let folder = wpmfFoldersModule.getFolderRendering('new', wpmf.l18n['create_folder'], term_id, '', '');
// Add the new folder button to the attachment listing
$attachments_container.prepend(folder);
// Check if we're not on the top folder
if (parseInt(wpmfFoldersModule.categories[term_id].id) !== parseInt(wpmf.vars.term_root_id)) {
// Get the formatted back button
let folder = wpmfFoldersModule.getFolderRendering('back', wpmf.l18n['back'], wpmfFoldersModule.categories[term_id].parent_id, wpmfFoldersModule.categories[term_id].parent_id, wpmfFoldersModule.categories[term_id].cover_image);
// Add the back button to the attachment listing
$attachments_container.prepend(folder);
}
// Get the formatted folder to use as a line break
let line_break = wpmfFoldersModule.getFolderRendering('line break', '', '', '', '');
// Add the folder to the attachment listing
$attachments_container.append(line_break);
},
/**
* Set status folder color
*/
appendCheckColor: function () {
$('.color-wrapper .color .color_check:not(.custom_color .color_check)').remove();
$('.color-wrapper .color[data-color="' + wpmf.vars.colors[wpmfFoldersModule.editFolderId] + '"]').append('<i class="material-icons color_check">done</i>');
},
/**
* right click on folder to open menu
*/
openContextMenuFolder: function () {
// init context menu on folders
$('.wpmf-attachment, .wpmf-folder-tree ul li a[data-id]').bind('contextmenu', function (e) {
if (!$(this).hasClass('wpmf-new') && !$(this).hasClass('wpmf-back')) {
wpmfFoldersModule.houtside();
let x = e.clientX; // Get the horizontal coordinate
let y = e.clientY;
if ($(e.target).hasClass('wpmf-attachment')) {
wpmfFoldersModule.editFolderId = $(e.target).data('id');
} else {
wpmfFoldersModule.editFolderId = $(e.target).closest('li').data('id');
}
// render custom color
wpmfFoldersModule.renderCustomColor();
// change color for folder
wpmfFoldersModule.setFolderColor();
// Set status folder color
wpmfFoldersModule.appendCheckColor();
$('.wpmf-contextmenu').removeClass('context_overflow');
if (x + $('.wpmf-contextmenu-folder').width() + 236 > $(window).width()) {
$('.wpmf-contextmenu.wpmf-contextmenu-folder').addClass('context_overflow').slideDown().css({
'right': $(window).width() - x + 'px',
'left': 'auto',
'top': y + 'px'
});
} else {
$('.wpmf-contextmenu.wpmf-contextmenu-folder').slideDown().css({
'left': x + 'px',
'right': 'auto',
'top': y + 'px'
});
}
}
return false;
});
$('body').bind('click', function (e) {
if (!$(e.target).hasClass('colorsub') && !$(e.target).hasClass('wp-color-folder')) {
wpmfFoldersModule.houtside();
}
});
// edit folder
$('.material_editfolder').unbind('click').bind('click', function (e) {
wpmfFoldersModule.clickEditFolder(e, wpmfFoldersModule.editFolderId);
wpmfFoldersModule.houtside();
});
// delete folder
$('.material_deletefolder').unbind('click').bind('click', function (e) {
wpmfFoldersModule.clickDeleteFolder(e, wpmfFoldersModule.editFolderId);
wpmfFoldersModule.houtside();
});
// change color for folder
wpmfFoldersModule.setFolderColor();
},
/**
* render custom color
*/
renderCustomColor: function () {
// remove old html
$('.custom_color_wrap').remove();
let value = '';
let custom_color = '';
let colorlists = wpmf.l18n.colorlists;
let folder_color = '<div class="custom_color_wrap">';
if (typeof colorlists[wpmf.vars.colors[wpmfFoldersModule.editFolderId]] === 'undefined') {
if (typeof wpmf.vars.colors[wpmfFoldersModule.editFolderId] === 'undefined') {
custom_color = '#8f8f8f';
} else {
custom_color = wpmf.vars.colors[wpmfFoldersModule.editFolderId];
value = wpmf.vars.colors[wpmfFoldersModule.editFolderId];
}
} else {
custom_color = '#8f8f8f';
}
folder_color += `
<input name="wpmf_color_folder" type="text"
placeholder="${wpmf.l18n.placegolder_color}"
value="${value}"
class="inputbox input-block-level wp-color-folder wp-color-picker">`
if (value === '') {
folder_color += `<div data-color="${custom_color}" class="color custom_color" style="background: ${custom_color}"><i class="material-icons color_uncheck">clear</i></div>`;
} else {
folder_color += `<div data-color="${custom_color}" class="color custom_color" style="background: ${custom_color}"><i class="material-icons color_check">done</i></div>`;
}
folder_color += `</div>`;
$('.color-wrapper').append(folder_color);
},
/**
* Set folder color
*/
setFolderColor: function () {
$('.wp-color-folder').keyup(function (e) {
let val = $(this).val();
if (val.length >= 4) {
$('.color.custom_color').data('color', val).css('background', val);
} else {
$('.color.custom_color').data('color', 'transparent').css('background', 'transparent');
}
});
// change color for folder
$('.wpmf-contextmenu.wpmf-contextmenu-folder .color').unbind('click').bind('click', function (e) {
let color = $(this).data('color');
$('.wpmf-attachment[data-id="' + wpmfFoldersModule.editFolderId + '"] .mdc-list-item__start-detail').css('color', color);
$('.wpmf-folder-tree a[data-id="' + wpmfFoldersModule.editFolderId + '"] > i').css('color', color);
wpmf.vars.colors[wpmfFoldersModule.editFolderId] = color;
wpmfFoldersModule.appendCheckColor();
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "set_folder_color",
color: color,
folder_id: wpmfFoldersModule.editFolderId,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (!response.status) {
// Show dialog when set background folder failed
showDialog({
title: wpmf.l18n.information, // todo : use the response message instead of a predefined one
text: wpmf.l18n.bgcolorerror,
closeicon: true
});
}
}
});
});
},
/**
* render form replace
*/
renderFormReplace: function () {
$('.replace_wrap, .wpmf-replaced').remove();
let form_replace = `
<div class="replace_wrap" style="display: none">
<form id="wpmf_form_upload" method="post" action="${wpmf.vars.ajaxurl}" enctype="multipart/form-data">
<input class="hide" type="file" name="wpmf_replace_file" id="wpmf_upload_input_version">
<input type="hidden" name="action" value="wpmf_replace_file">
<input type="hidden" name="post_selected" value="${wpmfFoldersModule.editFileId}">
</form>
<div class="wpmf-replaced" data-wpmftype="replace" data-timeout="3000" data-html-allowed="true" data-content="' + wpmf.l18n.wpmf_file_replace + '"></div>
`
if (!$('.replace_wrap').length) {
$('body').append(form_replace);
}
},
/**
* render folder cover on context menu
*/
renderFolderCover: function () {
if (wpmfFoldersModule.last_selected_folder !== 0) {
$('.context_folder_cover').remove();
let cover = '';
if (parseInt(wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image[0]) === wpmfFoldersModule.editFileId) {
cover = `
<li class="context_folder_cover">
<div class="items_menu item_folder_cover">
${wpmf.l18n.folder_cover}
<div class="waves waves-effect"></div>
<i class="material-icons">insert_photo</i>
<i class="material-icons right">done</i>
</div>
</li>
`
} else {
cover = `
<li class="context_folder_cover">
<div class="items_menu item_folder_cover">
${wpmf.l18n.folder_cover}
<div class="waves waves-effect"></div>
<i class="material-icons">insert_photo</i>
</div>
</li>
`
}
$('.wpmf-contextmenu-file').append(cover);
// click to set folder cover
$('.item_folder_cover').unbind('click').bind('click', function (e) {
wpmfFoldersModule.saveFolderCover();
wpmfFoldersModule.houtside();
});
} else {
$('.context_folder_cover').remove();
}
},
/**
* right click on file to open menu
*/
openContextMenuFile: function () {
// init context menu on files
$('.attachments-browser .attachment:not(.wpmf-attachment)').bind('contextmenu', function (e) {
wpmfFoldersModule.houtside();
let x = e.clientX; // Get the horizontal coordinate
let y = e.clientY;
if ($(e.target).hasClass('thumbnail')) {
wpmfFoldersModule.editFileId = $(e.target).closest('li').data('id');
} else {
wpmfFoldersModule.editFileId = $(e.target).data('id');
}
$('.wpmf-contextmenu').removeClass('context_overflow')
if (x + $('.wpmf-contextmenu-file').width() > $(window).width()) {
$('.wpmf-contextmenu.wpmf-contextmenu-file').addClass('context_overflow').slideDown().css({
'right': $(window).width() - x + 'px',
'left': 'auto',
'top': y + 'px'
});
} else {
$('.wpmf-contextmenu.wpmf-contextmenu-file').slideDown().css({
'left': x + 'px',
'right': 'auto',
'top': y + 'px'
});
}
// create form replace
wpmfFoldersModule.renderFormReplace();
// create folder cover menu
wpmfFoldersModule.renderFolderCover();
return false;
});
// edit folder
$('.material_editfile').unbind('click').bind('click', function (e) {
$('.attachments-browser .attachments .attachment[data-id="' + wpmfFoldersModule.editFileId + '"]').click();
wpmfFoldersModule.houtside();
});
// delete folder
$('.material_deletefile').unbind('click').bind('click', function (e) {
wpmfFoldersModule.clickDeleteFile(e, wpmfFoldersModule.editFileId);
wpmfFoldersModule.houtside();
});
// duplicate file
$('.material_duplicatefile').unbind('click').bind('click', function (e) {
wpmfDuplicateModule.doDuplicate(wpmfFoldersModule.editFileId);
wpmfFoldersModule.houtside();
});
// get URL attachment
$('.material_geturlfile').unbind('click').bind('click', function (e) {
let url = wp.media.attachment(wpmfFoldersModule.editFileId).get('url');
wpmfFoldersModule.setClipboardText(url, wpmf.l18n.copy_url);
wpmfFoldersModule.houtside();
});
// Add the form replace to body
$('.material_overridefile').unbind('click').bind('click', function (e) {
$('#wpmf_upload_input_version').click();
wpmfReplaceModule.doEvent();
wpmfReplaceModule.replace_attachment(wpmfFoldersModule.editFileId, 'material');
wpmfFoldersModule.houtside();
});
// change folder for file
$('.material_changefolder').unbind('click').bind('click', function (e) {
wpmfAssignModule.showdialog('one');
wpmfAssignModule.initTree(wpmfFoldersModule.editFileId);
wpmfFoldersModule.houtside();
});
},
/**
* click outside
*/
houtside: function () {
$('.wpmf-contextmenu-file, .wpmf-contextmenu-folder').hide();
},
/**
* set clipboard text
* @param text
*/
setClipboardText: function (text, msg_success) {
let id = "mycustom-clipboard-textarea-hidden-id";
let existsTextarea = document.getElementById(id);
if (!existsTextarea) {
let textarea = document.createElement("textarea");
textarea.id = id;
// Place in top-left corner of screen regardless of scroll position.
textarea.style.position = 'fixed';
textarea.style.top = 0;
textarea.style.left = 0;
// Ensure it has a small width and height. Setting to 1px / 1em
// doesn't work as this gives a negative w/h on some browsers.
textarea.style.width = '1px';
textarea.style.height = '1px';
// We don't need padding, reducing the size if it does flash render.
textarea.style.padding = 0;
// Clean up any borders.
textarea.style.border = 'none';
textarea.style.outline = 'none';
textarea.style.boxShadow = 'none';
// Avoid flash of white box if rendered for any reason.
textarea.style.background = 'transparent';
document.querySelector("body").appendChild(textarea);
existsTextarea = document.getElementById(id);
}
existsTextarea.value = text;
existsTextarea.select();
try {
let status = document.execCommand('copy');
if (!status) {
showDialog({
title: wpmf.l18n.information, // todo : use the response message instead of a predefined one
text: wpmf.l18n.cannot_copy,
closeicon: true
});
} else {
wpmfSnackbarModule.show({
content: msg_success,
auto_close_delay: 1000
});
}
} catch (err) {
showDialog({
title: wpmf.l18n.information, // todo : use the response message instead of a predefined one
text: wpmf.l18n.unable_copy,
closeicon: true
});
}
},
/**
* render context menu box
*/
renderContextMenu: function () {
var colors = '';
// render list color
$.each(wpmf.l18n.colorlists, function (i, title) {
colors += `<div data-color="${i}" title="${title}" class="color"
style="background: ${i}"></div>`
});
// render context menu for folder
let context_folder = `
<ul class="wpmf-contextmenu wpmf-contextmenu-folder contextmenu z-depth-1 grey-text text-darken-2">
<li><div class="material_editfolder items_menu">${wpmf.l18n.edit_folder}<i class="material-icons">border_color</i></div></li>
<li><div class="material_deletefolder items_menu">${wpmf.l18n.delete}<i class="material-icons">delete</i></div></li>
`;
if (wpmfFoldersModule.folder_design === 'material_design') {
context_folder += `<li class="sub folder-color">
<div class="items_menu">
${wpmf.l18n.change_color}
<div class="waves waves-effect"></div>
<i class="material-icons">palette</i>
<i class="material-icons right">keyboard_arrow_right</i>
</div>
<ul class="colorsub submenu z-depth-1">
<li class="waves-effect wpmf-color-picker">
<div class="color-wrapper">
${colors}
</div>
</li>
</ul>
</li>`;
}
context_folder += '</ul>';
// render context menu for file
// duplicate menu
let duplicate = '';
if (typeof wpmf.vars.duplicate !== 'undefined' && parseInt(wpmf.vars.duplicate) === 1) {
duplicate = `<li><div class="material_duplicatefile items_menu">${wpmf.l18n.duplicate_text}<i class="material-icons">content_copy</i></div></li>`
}
// replace menu
let override = '';
if (typeof wpmf.vars.override !== 'undefined' && parseInt(wpmf.vars.override) === 1) {
override = `<li><div class="material_overridefile items_menu">${wpmf.l18n.replace}<i class="material-icons">cached</i></div></li>`
}
let context_file = '<ul class="wpmf-contextmenu wpmf-contextmenu-file contextmenu z-depth-1 grey-text text-darken-2">';
if (wpmf.vars.wpmf_pagenow === 'upload.php') {
context_file += `<li><div class="material_editfile items_menu">${wpmf.l18n.edit_file}<i class="material-icons">border_color</i></div></li>`;
}
context_file += `
<li><div class="material_deletefile items_menu">${wpmf.l18n.remove}<i class="material-icons">delete</i></div></li>
<li><div class="material_geturlfile items_menu">${wpmf.l18n.get_url_file}<i class="material-icons">link</i></div></li>
${duplicate}
${override}
<li><div class="material_changefolder open-popup-tree items_menu">${wpmf.l18n.change_folder}<i class="material-icons">keyboard_tab</i></div></li>
</ul>
`;
// Add the context menu box for folder to body
if (!$('.wpmf-contextmenu.wpmf-contextmenu-folder').length) {
$('body').append(context_folder);
}
// Add the context menu box for attachment to body
if (!$('.wpmf-contextmenu.wpmf-contextmenu-file').length) {
$('body').append(context_file);
}
},
/**
* Open a lightbox to enter the new folder name
*
* @param parent_id id parent folder
*/
newFolder: function (parent_id) {
const options = {
title: wpmf.l18n.create_folder,
text: '<input type="text" name="wpmf_newfolder_input" class="wpmf_newfolder_input" placeholder="' + wpmf.l18n.new_folder + '">',
negative: {
title: wpmf.l18n.cancel
},
positive: {
title: wpmf.l18n.create,
onClick: function () {
// Call php script to create the folder
wpmfFoldersModule.createNewFolder($('.wpmf_newfolder_input').val(), parent_id);
// Hide the dialog
hideDialog(jQuery('#orrsDiag'));
}
}
};
showDialog(options);
// Bind the press enter key to submit the modal
$('.wpmf_newfolder_input').focus().keypress(function (e) {
if (e.which === 13) {
options.positive.onClick.call(this);
}
});
},
/**
* Save folder cover
*/
saveFolderCover: function () {
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "save_folder_cover",
folder_id: wpmfFoldersModule.last_selected_folder,
post_id: wpmfFoldersModule.editFileId,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (response.status === true) {
wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder].cover_image = response.params;
wpmfFoldersModule.reloadAttachments();
}
}
});
},
/**
* Send ajax request to create a new folder
*
* @param name string new folder name
* @param parent_id int parent folder
*/
createNewFolder: function (name, parent_id) {
return $.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "add_folder",
name: name,
parent: parent_id,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
beforeSend: function () {
// Show snackbar
wpmfSnackbarModule.show({
id: 'upload_folder',
content: wpmf.l18n.wpmf_folder_adding,
auto_close: false,
is_progress: true
});
},
success: function (response) {
if (response.status === true) {
if (wpmfFoldersModule.page_type === 'upload-list') {
// In list view reload the page
$('.upload-php #posts-filter').submit();
return;
}
// Update the categories variables
wpmfFoldersModule.categories = response.categories;
wpmfFoldersModule.categories_order = response.categories_order;
// Regenerate the folder filter
wpmfFoldersModule.initFolderFilter();
// Reload the folders
wpmfFoldersModule.renderFolders();
let $snack = wpmfSnackbarModule.getFromId('upload_folder');
wpmfSnackbarModule.close($snack);
// Show snackbar
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_addfolder
});
wpmfFoldersModule.trigger('addFolder', response.term);
} else {
// Show dialog when adding folder failed
showDialog({
title: wpmf.l18n.information, // todo : use the response message instead of a predefined one
text: wpmf.l18n.alert_add,
closeicon: true
});
}
}
});
},
/**
* Clicki on edit icon on a folder
*/
clickEditFolder: function (event, folder_id) {
event.stopPropagation();
// Retrieve the current folder name
let name = wpmfFoldersModule.categories[folder_id].label;
// Show the input dialog
let options = {
title: wpmf.l18n.promt,
text: '<input type="text" name="wpmf_editfolder_input" class="wpmf_newfolder_input" value="' + name + '">',
negative: {
title: wpmf.l18n.cancel
},
positive: {
title: wpmf.l18n.save,
onClick: () => {
let new_name = $('.wpmf_newfolder_input').val();
if (new_name !== '' && new_name !== 'null') {
// Call php script to update folder name
wpmfFoldersModule.updateFolderName(folder_id, new_name);
// Close the dialog
hideDialog($('#orrsDiag'));
}
}
}
};
showDialog(options);
// Bind the press enter key to submit the modal
$('.wpmf_newfolder_input').keypress(function (e) {
if (e.which === 13) {
options.positive.onClick.call(this);
}
});
},
/**
* Update folder name
*
* @param id int id of folder
* @param name string new name of folder
*/
updateFolderName: function (id, name) {
return $.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "edit_folder",
name: name,
id: id,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (response === false) {
if (name !== wpmfFoldersModule.categories[id].label) { // todo: why do we check that?
showDialog({
title: wpmf.l18n.information,
text: wpmf.l18n.alert_add,
closeicon: true
});
}
} else {
// Store variables in case of undo
const old_name = wpmfFoldersModule.categories[response.term_id].label;
// Update the name in stored variables
wpmfFoldersModule.categories[response.term_id].label = response.name;
// Render folders to update name
wpmfFoldersModule.renderFolders();
if (wpmfFoldersModule.page_type === 'upload-list') {
// Update the name in select input with the same number of spaces
const $selected_option = $('#wpmf-media-category option[value="' + id + '"]');
$selected_option.html($selected_option.html().slice(0, $selected_option.html().lastIndexOf(' ')) + name);
} else {
// Update the select filter
wpmfFoldersModule.initFolderFilter();
}
// Show snackbar
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_undo_editfolder,
is_undoable: true,
onUndo: function () {
// Cancel delete folder
wpmfFoldersModule.updateFolderName(id, old_name);
}
});
wpmfFoldersModule.trigger('updateFolder', id);
}
}
});
},
/**
* Delete folder click function in template
* @param event Object
* @param id int folder id to delete
*/
clickDeleteFolder: function (event, id) {
event = event || window.event; // FF IE fix if event has not been passed in function
event.stopPropagation();
// Show an alter depending on if we delete also included images inside the folder
let alert_delete;
if (typeof wpmf.vars.wpmf_remove_media !== "undefined" && parseInt(wpmf.vars.wpmf_remove_media) === 1) {
alert_delete = wpmf.l18n.alert_delete_all;
} else {
alert_delete = wpmf.l18n.alert_delete;
}
showDialog({
title: alert_delete,
negative: {
title: wpmf.l18n.cancel
},
positive: {
title: wpmf.l18n.delete,
onClick: function () {
// Add effect in the folder deleted while we wait the response from server
$('.wpmf-attachment[data-id="' + id + '"]').css({'opacity': '0.5'});
$('.wpmf-attachment[data-id="' + id + '"] .wpmf-attachment-preview').append('<div class="wpmfdeletefolderprogress"> <div class="indeterminate"></div></div>');
wpmfFoldersModule.deleteFolder(id);
}
}
});
},
/**
* Send ajax request to delete a folder
* @param id
*/
deleteFolder: function (id) {
// Store some values in case of undo
const old_folder_name = wpmfFoldersModule.categories[id].label,
old_parent = wpmfFoldersModule.categories[id].parent_id;
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "delete_folder",
id: id,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
beforeSend: function () {
// Show snackbar
if (!$('.wpmf-snackbar[data-id="deleting_folder"]').length) {
wpmfSnackbarModule.show({
id: 'deleting_folder',
content: wpmf.l18n.wpmf_folder_deleting,
auto_close: false,
is_progress: true
});
}
},
success: function (response) {
if (response.status === true) {
if (wpmfFoldersModule.page_type === 'upload-list') {
// In list view reload the page
$('.upload-php #posts-filter').submit();
return;
}
// Update the categories variables
wpmfFoldersModule.categories = response.categories;
wpmfFoldersModule.categories_order = response.categories_order;
// Regenerate the folder filter
wpmfFoldersModule.initFolderFilter();
// Reload the folders
wpmfFoldersModule.renderFolders();
let $snack = wpmfSnackbarModule.getFromId('deleting_folder');
wpmfSnackbarModule.close($snack);
// Show snackbar
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_undo_remove,
is_undoable: true,
onUndo: function () {
// Cancel delete folder
wpmfFoldersModule.createNewFolder(old_folder_name, old_parent);
}
});
wpmfFoldersModule.trigger('deleteFolder', id);
} else {
if (typeof response.msg !== "undefined" && response.msg === 'limit') {
wpmfFoldersModule.deleteFolder(id);
} else {
// todo : show error message from json response
showDialog({
title: wpmf.l18n.information,
text: wpmf.l18n.alert_delete1
});
}
}
}
});
},
/**
* Delete file click function in template
* @param event Object
* @param id int file id to delete
*/
clickDeleteFile: function (event, id) {
showDialog({
title: wpmf.l18n.alert_delete_file,
negative: {
title: wpmf.l18n.cancel
},
positive: {
title: wpmf.l18n.remove,
onClick: function () {
wpmfFoldersModule.deletefile(id);
}
}
});
},
/**
* Send ajax request to delete a file
* @param id
*/
deletefile: function (id) {
// Store some values in case of undo
return $.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "delete_file",
id: id,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (response.status) {
wpmfFoldersModule.reloadAttachments();
}
}
});
},
/**
* Change the breadcrumb content
* depending on the selected folder
*
* @param term_id
*/
updateBreadcrumb: function (term_id) {
if (typeof term_id === "undefined") {
term_id = wpmfFoldersModule.getCurrentFolderId();
} else {
// Let's save this term as the last used one
wpmfFoldersModule.last_selected_folder = term_id
}
// Get breadcrumb element
let $wpmf_breadcrumb = wpmfFoldersModule.getFrame().find('#wpmf-breadcrumb');
// Remove breadcrumb content
$wpmf_breadcrumb.html(null);
let category = wpmfFoldersModule.categories[term_id];
let breadcrumb_content = '';
// Ascend until there is no more parent
while (parseInt(category.parent_id) !== parseInt(wpmf.vars.parent)) {
// Generate breadcrumb element
breadcrumb_content = '<li> / <a href="#" data-id="' + wpmfFoldersModule.categories[category.id].id + '">' + wpmfFoldersModule.categories[category.id].label + '</a></li>' + breadcrumb_content;
// Get the parent
category = wpmfFoldersModule.categories[wpmfFoldersModule.categories[category.id].parent_id];
}
if (parseInt(category.id) !== 0) {
breadcrumb_content = '<li><a href="#" data-id="' + wpmfFoldersModule.categories[category.id].id + '">' + wpmfFoldersModule.categories[category.id].label + '</a></li>' + breadcrumb_content;
}
breadcrumb_content = '<li><span>' + wpmf.l18n.youarehere + '</span> :<a href="#" data-id="0"> ' + wpmf.l18n.home + ' </a>/ </li>' + breadcrumb_content;
// Finally update breadcrumb content
$wpmf_breadcrumb.prepend(breadcrumb_content);
/* bind breadcrumb click event */
$wpmf_breadcrumb.find('a').click(function () {
wpmfFoldersModule.changeFolder($(this).data('id'));
});
},
/**
* Get current folder id
*/
getCurrentFolderId: function () {
// If not term id is set we use the latest used
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator' && wpmfFoldersModule.page_type !== 'upload-list' && wpmf.vars.term_root_id) {
return wpmf.vars.term_root_id;
} else {
if (parseInt(wpmf.vars.wpmf_active_media) === 1 && wpmf.vars.wpmf_role !== 'administrator') {
return wpmf.vars.term_root_id;
} else {
if (typeof wpmfFoldersModule.categories[wpmfFoldersModule.last_selected_folder] === "undefined") {
return 0;
} else {
return wpmfFoldersModule.last_selected_folder;
}
}
}
},
/**
* get breadcrumb content
* depending on the selected folder
*
* @param term_id
*/
getBreadcrumb: function (term_id) {
if (typeof term_id === 'undefined') {
term_id = wpmfFoldersModule.getCurrentFolderId();
} else {
// Let's save this term as the last used one
wpmfFoldersModule.last_selected_folder = term_id
}
// Get breadcrumb element
let $wpmf_breadcrumb = wpmfFoldersModule.getFrame().find('#wpmf-breadcrumb');
let category = wpmfFoldersModule.categories[term_id];
let breadcrumb_content = '';
// Ascend until there is no more parent
while (parseInt(category.parent_id) !== parseInt(wpmf.vars.parent)) {
// Generate breadcrumb element
breadcrumb_content = ' / ' + wpmfFoldersModule.categories[category.id].label + breadcrumb_content;
// Get the parent
category = wpmfFoldersModule.categories[wpmfFoldersModule.categories[category.id].parent_id];
}
if (parseInt(category.id) !== 0) {
breadcrumb_content = wpmfFoldersModule.categories[category.id].label + breadcrumb_content;
}
breadcrumb_content = ' ' + wpmf.l18n.home + ' / ' + breadcrumb_content;
return breadcrumb_content;
},
/**
* Initialize dragging and dropping folders and files
*/
initializeDragAndDropAttachments: function () {
// Initialize draggable
const $frame = wpmfFoldersModule.getFrame();
let draggable_attachments = 'ul.attachments .attachment:not(.attachment.loading):not(.wpmf-new):not(.wpmf-back):not(.ui-droppable):not(.ui-state-disabled)';
let append_element;
if (wpmfFoldersModule.page_type === 'upload-list') {
append_element = '.upload-php #posts-filter';
if (wpmf.vars.wpmf_order_media === 'custom') {
draggable_attachments += ', #the-list tr';
} else {
draggable_attachments += ', .wpmf-move';
}
// Add attachments move handle on list table
$('.upload-php #posts-filter .wp-list-table thead tr, .upload-php #posts-filter .wp-list-table tfoot tr').prepend('<th class="wpmf-move-header"></th>');
$('.upload-php #posts-filter .wp-list-table tbody th').before('<td class="wpmf-move" title="' + wpmf.l18n.dragdrop + '"><span class="zmdi zmdi-more"></span></td>');
} else {
draggable_attachments = '.attachments-browser ' + draggable_attachments;
append_element = '.media-frame';
}
let order_media = 'all';
let order_folder = 'name-ASC';
let items_sortable = '';
let preview_sortable = '';
let placeholder = '';
let accept = '.attachment:not(.wpmf-back):not(.wpmf-new):not(.wpmf-line-break)';
if (wpmfFoldersModule.page_type === 'upload-list') {
order_folder = wpmf.vars.folder_order;
} else {
order_folder = $('#media-order-folder').val();
}
if (wpmfFoldersModule.page_type === 'upload-list') {
order_media = wpmf.vars.wpmf_order_media;
} else {
order_media = $('#media-order-media').val();
}
if (order_folder === 'custom' && order_media !== 'custom') {
if (wpmfFoldersModule.page_type === 'upload-list') {
accept = '.wpmf-move';
} else {
accept = '.attachment.save-ready';
}
wpmfFoldersModule.sortableFolder($frame, append_element);
if (wpmfFoldersModule.page_type === 'upload-list') {
wpmfFoldersModule.draggableFile($frame, '.wpmf-move', append_element);
} else {
wpmfFoldersModule.draggableFile($frame, 'ul.attachments .attachment:not(.wpmf-attachment)', append_element);
}
} else if (order_folder !== 'custom' && order_media === 'custom') {
if (wpmfFoldersModule.page_type === 'upload-list') {
items_sortable = draggable_attachments;
preview_sortable = '.upload-php .wp-list-table.media';
placeholder = 'wpmf-highlight';
} else {
items_sortable = '.attachment.save-ready';
preview_sortable = '.attachments';
placeholder = 'attachment';
}
// if set custom media order filter
wpmfFoldersModule.sortableFile($frame, append_element, items_sortable, preview_sortable, placeholder);
wpmfFoldersModule.draggableFile($frame, 'ul.attachments .wpmf-attachment:not(.wpmf-new):not(.wpmf-back):not(.ui-droppable)', append_element);
} else if (order_folder === 'custom' && order_media === 'custom') {
if (wpmfFoldersModule.page_type === 'upload-list') {
items_sortable = draggable_attachments;
preview_sortable = '.upload-php .wp-list-table.media, .attachments';
accept = '.wpmf-move';
} else {
items_sortable = '.attachment:not(.ui-state-disabled)';
preview_sortable = '.attachments';
accept = '.attachment.save-ready';
}
wpmfFoldersModule.sortableAll($frame, preview_sortable, append_element, items_sortable);
} else {
if (wpmfFoldersModule.page_type === 'upload-list') {
accept = '.wpmf-move, .wpmf-folder:not(.wpmf-back)';
} else {
accept = '.attachment';
}
wpmfFoldersModule.draggableFile($frame, draggable_attachments, append_element);
}
// Initialize droppable on folders
let droppable_element = 'ul.attachments .wpmf-folder';
if (wpmfFoldersModule.page_type !== 'upload-list') {
droppable_element = '.attachments-browser ' + droppable_element;
}
$frame.find(droppable_element).droppable({
hoverClass: "wpmf-hover-folder",
tolerance: 'pointer',
accept: accept,
over: function (event, ui) {
$(event.target).addClass("wpmfdropzoom");
$('.wpmf-file-handle').addClass("overfolder");
},
out: function (event, ui) {
$(event.target).removeClass("wpmfdropzoom");
$('.wpmf-file-handle').removeClass("overfolder");
},
drop: function (event, ui) {
wpmfFoldersModule.droppedAttachment($(this).data('id'));
}
});
},
/**
* Drag file
* @param $frame
* @param draggable_attachments
* @param append_element
*/
draggableFile: function ($frame, draggable_attachments, append_element) {
if ($(append_element).hasClass('hide-router')) {
return;
}
$frame.find(draggable_attachments).draggable(
{
helper: function (ui) {
if (wpmfFoldersModule.page_type === 'upload-list' && $(ui.currentTarget).is('td')) {
return '<div class="wpmf-dragging-list">Moving files</div>';
} else {
return $(ui.currentTarget).clone();
}
},
appendTo: append_element,
delay: 100, // Prevent dragging when only trying to click
distance: 10,
cursorAt: {top: 0, left: 0},
drag: function () {
},
start: function (event, ui) {
// Save the element we drag in a variable to use this later
wpmfFoldersModule.dragging_elements = [this];
// Add the original size of element
$(ui.helper).css('width', $(ui.helper.context).outerWidth() + 'px');
$(ui.helper).css('height', $(ui.helper.context).outerWidth() + 'px');
if (!$(this).hasClass('wpmf-folder')) {
// We're moving a file, it could be multiple files dragging
if (wpmfFoldersModule.page_type === 'upload-list') {
// Save the element we drag in a variable to use this later
$frame.find('#the-list input[name="media[]"]:checked:not(".ui-draggable-dragging")').closest('tr').find('td.wpmf-move').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push(this);
}
});
} else {
$frame.find('.attachments-browser ul.attachments .attachment[aria-checked="true"]:not(".ui-draggable-dragging")').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push(this);
}
});
}
}
// Add some style to original elements
$(wpmfFoldersModule.dragging_elements).each(function () {
$(this).addClass('wpmf-dragging');
});
// Remove the checkbox of the attachment
ui.helper.find('button.check').remove();
// Add the number of elements dragged if more than 1
if (wpmfFoldersModule.dragging_elements.length > 1) {
ui.helper.append('<div class="wpmf-drag-count">' + wpmfFoldersModule.dragging_elements.length + '</div>');
}
},
stop: function (event, ui) {
// Revert style
$(wpmfFoldersModule.dragging_elements).each(function () {
$(this).removeClass('wpmf-dragging');
});
wpmfFoldersModule.dragging_elements = null;
}
}
);
},
sortableAll: function ($frame, preview_sortable, append_element, items_sortable) {
if (wpmfFoldersModule.page_type === 'upload-list') {
// sortable folder
let placeholder = '';
if (wpmfFoldersModule.folder_design === 'material_design') {
placeholder = 'mdc-list-item attachment wpmf-attachment material_design wpmf-folder mdc-ripple-upgraded wpmf-transparent';
} else {
placeholder = 'wpmf-attachment attachment wpmf-folder wpmf-transparent';
}
$('.attachments').sortable({
placeholder: placeholder,
revert: true,
items: '.wpmf-folder:not(.wpmf-back)',
distance: 5,
tolerance: "pointer",
appendTo: append_element,
helper: function (e, item) {
return $(item).clone();
},
/** Prevent firefox bug positionnement **/
start: function (event, ui) {
},
stop: function (event, ui) {
},
beforeStop: function (event, ui) {
var userAgent = navigator.userAgent.toLowerCase();
if (ui.offset !== "undefined" && userAgent.match(/firefox/)) {
ui.helper.css('margin-top', 0);
}
},
update: function () {
let order = '';
$.each($('.attachments .wpmf-folder'), function (i, val) {
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + $(val).data('id');
wpmfFoldersModule.categories[$(val).data('id')].order = i;
});
order = '{' + order + '}';
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfolder",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
}
});
}
});
// sortable file
placeholder = '';
if (wpmfFoldersModule.folder_design === 'material_design') {
placeholder = 'mdc-list-item attachment wpmf-attachment material_design wpmf-folder mdc-ripple-upgraded wpmf-transparent';
} else {
placeholder = 'wpmf-attachment attachment wpmf-folder wpmf-transparent';
}
$('.upload-php .wp-list-table.media').sortable({
placeholder: 'wpmf-highlight',
revert: true,
distance: 5,
items: '#the-list tr',
tolerance: "pointer",
appendTo: append_element,
helper: function (e, item) {
if (wpmfFoldersModule.page_type === 'upload-list' && $(item).is('tr')) {
let label = $(item).find('.filename span').text();
let full_label = $(item).find('.filename').text();
let filename = full_label.replace(label, "");
return '<div class="wpmf-file-handle"><div>' + filename + '</div></div>';
} else {
return $(item).clone();
}
},
/** Prevent firefox bug positionnement **/
start: function (event, ui) {
// Save the element we drag in a variable to use this later
wpmfFoldersModule.dragging_elements = [$(ui.item).find('.wpmf-move')];
// Add the original size of element
if (!$($(ui.helper)).hasClass('wpmf-folder')) {
// Save the element we drag in a variable to use this later
$frame.find('#the-list input[name="media[]"]:checked:not(".ui-draggable-dragging")').closest('tr').find('td.wpmf-move').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0][0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push($(this));
}
});
}
// Remove the checkbox of the attachment
ui.helper.find('button.check').remove();
// Add the number of elements dragged if more than 1
if (wpmfFoldersModule.dragging_elements.length > 1) {
ui.helper.append('<div class="wpmf-drag-count">' + wpmfFoldersModule.dragging_elements.length + '</div>');
}
let cols = $('.wp-list-table.media thead tr th').length + $('.wp-list-table.media thead tr td').length;
ui.placeholder.html("<td colspan='" + cols + "'></td>");
},
stop: function (event, ui) {
if (wpmfFoldersModule.page_type === 'upload-list') {
$('.wpmf-file-handle').removeClass('wpmfzoomin');
}
wpmfFoldersModule.dragging_elements = null;
},
beforeStop: function (event, ui) {
var userAgent = navigator.userAgent.toLowerCase();
if (ui.offset !== "undefined" && userAgent.match(/firefox/)) {
ui.helper.css('margin-top', 0);
}
},
beforeRevert: function (e, ui) {
if ($('.wpmfdropzoom').length) {
return false; // copy/move file
}
$('.wpmf-file-handle').addClass('wpmfzoomin').fadeOut();
return true;
},
update: function () {
let order = '';
let element = '';
$.each($('#the-list tr'), function (i, val) {
let string_id = $(val).attr('id');
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + string_id.replace("post-", "");
});
order = '{' + order + '}';
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfile",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (wpmfFoldersModule.page_type !== 'upload-list') {
wpmfFoldersModule.reloadAttachments();
}
}
});
}
});
$(".upload-php .wp-list-table.media").disableSelection();
} else {
let placeholder = '';
$('.attachments').sortable('enable');
$('.attachments').sortable({
placeholder: '',
revert: true,
cancel: ".ui-state-disabled",
items: '.attachment:not(.ui-state-disabled):not(.wpmf-new):not(.wpmf-back)',
distance: 5,
tolerance: "pointer",
appendTo: append_element,
helper: function (e, item) {
return $(item).clone();
},
/** Prevent firefox bug positionnement **/
start: function (event, ui) {
if ($(ui.item).hasClass('attachment save-ready')) {
$('.wpmf-attachment').addClass('ui-state-disabled');
placeholder = 'attachment';
} else {
$('.attachment.save-ready').addClass('ui-state-disabled');
if (wpmfFoldersModule.folder_design === 'material_design') {
placeholder = 'mdc-list-item attachment wpmf-attachment material_design wpmf-folder mdc-ripple-upgraded wpmf-transparent';
} else {
placeholder = 'wpmf-attachment attachment wpmf-folder wpmf-transparent';
}
}
$(ui.placeholder).addClass(placeholder);
wpmfFoldersModule.dragging_elements = [$(ui.item)];
// Add the original size of element
if (!$($(ui.helper)).hasClass('wpmf-folder')) {
// We're moving a file, it could be multiple files dragging
$frame.find('.attachments-browser ul.attachments .attachment[aria-checked="true"]:not(".ui-draggable-dragging")').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0][0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push($(this));
}
});
}
// Remove the checkbox of the attachment
ui.helper.find('button.check').remove();
// Add the number of elements dragged if more than 1
if (wpmfFoldersModule.dragging_elements.length > 1) {
ui.helper.append('<div class="wpmf-drag-count">' + wpmfFoldersModule.dragging_elements.length + '</div>');
}
ui.placeholder.html("<div></div>");
},
stop: function (event, ui) {
$('.attachment').removeClass('ui-state-disabled');
},
beforeStop: function (event, ui) {
var userAgent = navigator.userAgent.toLowerCase();
if (ui.offset !== "undefined" && userAgent.match(/firefox/)) {
ui.helper.css('margin-top', 0);
}
},
update: function (event, ui) {
if ($(ui.item).hasClass('wpmf-folder')) {
let order = '';
$.each($('.attachments .wpmf-folder'), function (i, val) {
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + $(val).data('id');
wpmfFoldersModule.categories[$(val).data('id')].order = i;
});
order = '{' + order + '}';
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfolder",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
}
});
} else {
let order = '';
if (wpmfFoldersModule.page_type === 'upload-list') {
$.each($('#the-list tr'), function (i, val) {
let string_id = $(val).attr('id');
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + string_id.replace("post-", "");
});
order = '{' + order + '}';
} else {
$.each($('.attachments .attachment:not(.wpmf-attachment)'), function (i, val) {
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + $(val).data('id');
});
order = '{' + order + '}';
}
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfile",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (wpmfFoldersModule.page_type !== 'upload-list') {
wpmfFoldersModule.reloadAttachments();
}
}
});
}
}
});
$(".attachments").disableSelection();
}
},
/**
* Custom order
* @param $frame
* @param append_element
*/
sortableFolder: function ($frame, append_element) {
let placeholder = '';
if (wpmfFoldersModule.folder_design === 'material_design') {
placeholder = 'mdc-list-item attachment wpmf-attachment material_design wpmf-folder mdc-ripple-upgraded wpmf-transparent';
} else {
placeholder = 'wpmf-attachment attachment wpmf-folder wpmf-transparent';
}
if (wpmfFoldersModule.page_type !== 'upload-list') {
$('.attachments').sortable('enable');
}
$('.attachments').sortable({
placeholder: placeholder,
revert: true,
distance: 5,
items: '.wpmf-folder:not(.wpmf-back)',
tolerance: "pointer",
appendTo: append_element,
helper: function (e, item) {
return $(item).clone();
},
/** Prevent firefox bug positionnement **/
start: function (event, ui) {
},
stop: function (event, ui) {
},
beforeStop: function (event, ui) {
var userAgent = navigator.userAgent.toLowerCase();
if (ui.offset !== "undefined" && userAgent.match(/firefox/)) {
ui.helper.css('margin-top', 0);
}
},
update: function () {
let order = '';
$.each($('.attachments .wpmf-folder'), function (i, val) {
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + $(val).data('id');
wpmfFoldersModule.categories[$(val).data('id')].order = i;
});
order = '{' + order + '}';
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfolder",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
}
});
}
});
$(".attachments").disableSelection();
},
/**
* Custom order
* @param $frame
* @param append_element
* @param items
* @param preview
* @param placeholder
*/
sortableFile: function ($frame, append_element, items, preview, placeholder) {
if (wpmfFoldersModule.page_type !== 'upload-list') {
$(preview).sortable('enable');
}
$(preview).sortable({
placeholder: placeholder,
revert: true,
distance: 5,
items: items,
tolerance: "pointer",
appendTo: append_element,
helper: function (e, item) {
if (wpmfFoldersModule.page_type === 'upload-list' && $(item).is('tr')) {
let label = $(item).find('.filename span').text();
let full_label = $(item).find('.filename').text();
let filename = full_label.replace(label, "");
return '<div class="wpmf-file-handle"><div>' + filename + '</div></div>';
} else {
return $(item).clone();
}
},
/** Prevent firefox bug positionnement **/
start: function (event, ui) {
// Save the element we drag in a variable to use this later
if (wpmfFoldersModule.page_type === 'upload-list') {
wpmfFoldersModule.dragging_elements = [$(ui.item).find('.wpmf-move')];
} else {
wpmfFoldersModule.dragging_elements = [$(ui.item)];
}
// Add the original size of element
if (!$($(ui.helper)).hasClass('wpmf-folder')) {
// We're moving a file, it could be multiple files dragging
if (wpmfFoldersModule.page_type === 'upload-list') {
// Save the element we drag in a variable to use this later
$frame.find('#the-list input[name="media[]"]:checked:not(".ui-draggable-dragging")').closest('tr').find('td.wpmf-move').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0][0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push($(this));
}
});
} else {
$frame.find('.attachments-browser ul.attachments .attachment[aria-checked="true"]:not(".ui-draggable-dragging")').each(function () {
if (this !== wpmfFoldersModule.dragging_elements[0][0]) {
// Check that the element is not already in the list
wpmfFoldersModule.dragging_elements.push($(this));
}
});
}
}
// Remove the checkbox of the attachment
ui.helper.find('button.check').remove();
// Add the number of elements dragged if more than 1
if (wpmfFoldersModule.dragging_elements.length > 1) {
ui.helper.append('<div class="wpmf-drag-count">' + wpmfFoldersModule.dragging_elements.length + '</div>');
}
if (wpmfFoldersModule.page_type === 'upload-list') {
let cols = $('.wp-list-table.media thead tr th').length + $('.wp-list-table.media thead tr td').length;
ui.placeholder.html("<td colspan='" + cols + "'></td>");
} else {
ui.placeholder.html("<div></div>");
}
},
stop: function (event, ui) {
if (wpmfFoldersModule.page_type === 'upload-list') {
$('.wpmf-file-handle').removeClass('wpmfzoomin');
}
wpmfFoldersModule.dragging_elements = null;
},
beforeStop: function (event, ui) {
var userAgent = navigator.userAgent.toLowerCase();
if (ui.offset !== "undefined" && userAgent.match(/firefox/)) {
ui.helper.css('margin-top', 0);
}
},
beforeRevert: function (e, ui) {
if ($('.wpmfdropzoom').length) {
return false; // copy/move file
}
if (wpmfFoldersModule.page_type === 'upload-list') {
$('.wpmf-file-handle').addClass('wpmfzoomin').fadeOut();
}
return true;
},
update: function () {
let order = '';
if (wpmfFoldersModule.page_type === 'upload-list') {
$.each($('#the-list tr'), function (i, val) {
let string_id = $(val).attr('id');
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + string_id.replace("post-", "");
});
order = '{' + order + '}';
} else {
$.each($('.attachments .attachment:not(.wpmf-attachment)'), function (i, val) {
if (order !== '') {
order += ',';
}
order += '"' + i + '":' + $(val).data('id');
});
order = '{' + order + '}';
}
// do re-order file
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "reorderfile",
order: order,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (wpmfFoldersModule.page_type !== 'upload-list') {
wpmfFoldersModule.reloadAttachments();
}
}
});
}
});
$(".attachments").disableSelection();
},
/**
* Function called when an attachment is dropped in a folder
* @param to_folder_id
*/
droppedAttachment: function (to_folder_id) {
if ($(wpmfFoldersModule.dragging_elements).hasClass('wpmf-folder')) {
// We're dropping a folder
// Send request to move folder
wpmfFoldersModule.moveFolder($(wpmfFoldersModule.dragging_elements).data('id'), to_folder_id);
} else {
// We're dropping an attachment
let files_ids = [];
// Retrieve the ids of files dragged
$(wpmfFoldersModule.dragging_elements).each(function () {
if (wpmfFoldersModule.page_type === 'upload-list') {
files_ids.push($(this).next().find('input').attr('value'));
} else {
files_ids.push($(this).data('id'));
}
});
// Send request to move files
wpmfFoldersModule.moveFile(files_ids, to_folder_id, wpmfFoldersModule.last_selected_folder);
}
},
/**
* Move a folder inside another folder
*
* @param folder_id int folder we're moving
* @param folder_to_id int folder we're moving into
* @return jqXHR
*/
moveFolder: function (folder_id, folder_to_id) {
// Store parent id in order to use it in the undo function
const parent_id = wpmfFoldersModule.categories[folder_id].parent_id;
return $.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "move_folder",
id: folder_id,
id_category: folder_to_id,
type: 'move', // todo: handle the undo feature
wpmf_nonce: wpmf.vars.wpmf_nonce
},
beforeSend: function () {
// Show snackbar
if (!$('.wpmf-snackbar[data-id="moving_folder"]').length) {
wpmfSnackbarModule.show({
id: 'moving_folder',
content: wpmf.l18n.wpmf_folder_moving,
auto_close: false,
is_progress: true
});
}
},
success: function (response) {
if (response.status === true) {
// Update the categories variables
wpmfFoldersModule.categories = response.categories;
wpmfFoldersModule.categories_order = response.categories_order;
// Reload the folders
wpmfFoldersModule.renderFolders();
// Trigger event
wpmfFoldersModule.trigger('moveFolder', folder_id, folder_to_id);
let $snack = wpmfSnackbarModule.getFromId('moving_folder');
wpmfSnackbarModule.close($snack);
// Show snackbar
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_undo_movefolder,
is_undoable: true,
onUndo: function () {
// Move back to old folder
wpmfFoldersModule.moveFolder(folder_id, parent_id);
}
});
} else {
if (typeof response.wrong === "undefined") { //todo: change wrong variable name to something more understandable like message or error_message, and what should we do if wrong is set?
showDialog({
title: wpmf.l18n.information,
text: wpmf.l18n.alert_add
});
}
}
}
});
},
/**
* Move a file into a folder
*
* @param files_ids array(int) Array of files to move
* @param folder_to_id int folder to move the files into
* @param folder_from_id int folder we move the file from
* @return jqXHR
*/
moveFile: function (files_ids, folder_to_id, folder_from_id) {
return $.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "move_file",
ids: files_ids,
id_category: folder_to_id,
current_category: folder_from_id,
type: 'move', // todo: handle the undo feature
wpmf_nonce: wpmf.vars.wpmf_nonce
},
beforeSend: function () {
// Show snackbar
if (!$('.wpmf-snackbar[data-id="moving_file"]').length) {
wpmfSnackbarModule.show({
id: 'moving_file',
content: wpmf.l18n.wpmf_file_moving,
auto_close: false,
is_progress: true
});
}
},
success: function (response) {
if (response.status === true) {
if (wpmfFoldersModule.page_type === 'upload-list') {
// In list view reload the page
$('.upload-php #posts-filter').submit();
return;
}
// reload attachment after move file
$.each(files_ids, function (i, v) {
$('.attachment[data-id="' + v + '"]').remove();
});
let order_media = $('#media-order-media').val();
// if set custom media order filter
if (order_media === 'custom') {
setTimeout(function () {
wpmfFoldersModule.reloadAttachments();
}, 400);
} else {
wpmfFoldersModule.reloadAttachments();
}
// Reload the folders to update
wpmfFoldersModule.renderFolders();
let $snack = wpmfSnackbarModule.getFromId('moving_file');
wpmfSnackbarModule.close($snack);
// Show snackbar
wpmfSnackbarModule.show({
content: wpmf.l18n.wpmf_undo_movefile,
is_undoable: true,
onUndo: function () {
// Cancel moving files
wpmfFoldersModule.moveFile(files_ids, folder_from_id, folder_to_id);
}
});
if ($('.mode-select .select-mode-toggle-button').length) {
$('.mode-select .select-mode-toggle-button').click();
}
if ($('.selection-info .clear-selection').length) {
$('.selection-info .clear-selection').click();
}
wpmfFoldersModule.trigger('moveFile', files_ids, folder_to_id, folder_from_id);
}
}
});
},
/**
* Init show attachment label
*/
initAttachmentLabelS3: function () {
// Return if the config do not allow it
if (wpmfFoldersModule.aws3_label === false) {
return;
}
wpmfFoldersModule.getFrame().find('.attachments-browser ul.attachments .attachment .thumbnail').each(function (i, v) {
let $wrap = $(v).closest('.attachment');
let id_img = $wrap.data('id');
let src_img = wp.media.attachment(id_img).get('url');
let aws3_infos = wp.media.attachment(id_img).get('aws3_infos');
if (typeof src_img !== "undefined") {
if (src_img.indexOf('amazonaws.com') !== -1) {
if (!$wrap.find('.wpmf_aws_text').length) {
$wrap.find('.attachment-preview').append('<span class="wpmf_aws_text">aws3</span>');
if (typeof aws3_infos !== "undefined") {
let aws_text_info = '';
aws_text_info += `<label>Bucket: ${aws3_infos.Bucket}</label>`;
aws_text_info += `<label>Path: ${aws3_infos.Key}</label>`;
aws_text_info += `<label>Region: ${aws3_infos.Region}</label>`;
aws_text_info += `<label>Access: ${aws3_infos.Acl}</label>`;
let aws3_tooltip = `<span class="wpmf_aws_text_info">${aws_text_info}</span>`;
$wrap.find('.attachment-preview').append(aws3_tooltip);
}
}
}
}
});
$('.wpmf_aws_text').each(function() {
$(this).qtip({
content: {
text: $(this).next('.wpmf_aws_text_info')
},
position: {
my: 'bottom center',
at: 'top center'
},
style: {
tip: {
corner: true
},
classes: 'wpmf-qtip qtip-rounded'
},
show: 'hover',
hide: {
fixed: true,
delay: 10
}
});
});
},
/**
* Init hover image
*/
initHoverImage: function () {
// Return if the config do not allow it
if (wpmfFoldersModule.hover_image === false) {
return;
}
// todo : rewrite and comment this part
var yOffset = 30;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
/* END CONFIG */
wpmfFoldersModule.getFrame().find('.attachments-browser ul.attachments .attachment .thumbnail').unbind('hover').hover(function (e) {
var $this = $(this);
if ($this.closest('.attachment-preview').hasClass('type-image') && !$this.closest('.attachment.loading').length) {
var id_img = $(this).closest('.attachment').data('id');
var ext = '!svg';
if (typeof wpmfFoldersModule.hover_images[id_img] === "undefined") {
/* Get some attribute */
var sizes = wp.media.attachment(id_img).get('sizes');
var title = wp.media.attachment(id_img).get('title');
var description = wp.media.attachment(id_img).get('description');
var caption = wp.media.attachment(id_img).get('caption');
var filename = wp.media.attachment(id_img).get('filename');
var width = 0;
if ($this.closest('.attachment-preview').hasClass('subtype-svg+xml')) {
var wpmfurl = $this.find('img').attr('src');
ext = 'svg';
} else {
if (typeof sizes !== "undefined") {
if (typeof sizes.medium !== "undefined" && typeof sizes.medium.url !== "undefined") {
wpmfurl = sizes.medium.url;
if (typeof sizes.medium.width !== "undefined") {
width = sizes.medium.width;
}
} else {
wpmfurl = $this.find('img').attr('src');
width = $this.find('img').width();
}
} else {
wpmfurl = $this.find('img').attr('src');
width = $this.find('img').width();
}
}
if (typeof title === "undefined") {
title = "";
}
if (typeof filename === "undefined") {
filename = "";
}
title = wpmfescapeScripts(title);
wpmfFoldersModule.hover_images[id_img] = {
'title': title,
'description': description,
'caption': caption,
'wpmfurl': wpmfurl,
'filename': filename,
'width': width,
'ext': ext
};
}
var html = "<div id='wpmf_preview_image'>";
if (wpmfFoldersModule.hover_images[id_img].ext === 'svg') {
html += "<div><img src='" + wpmfFoldersModule.hover_images[id_img].wpmfurl + "' width='300' /></div>";
} else {
html += "<div><img src='" + wpmfFoldersModule.hover_images[id_img].wpmfurl + "' /></div>";
}
html += "<span class='bottomlegend'>";
html += "<span class='bottomlegend_filename'>";
if (wpmfFoldersModule.hover_images[id_img].description === 'wpmf_remote_video') {
html += wpmfFoldersModule.hover_images[id_img].title;
} else {
html += wpmfFoldersModule.hover_images[id_img].filename;
}
html += "</span>";
html += "<br>";
html += "<span class='bottomlegend_filetitle'>";
if (wpmfFoldersModule.hover_images[id_img].description === 'wpmf_remote_video') {
if (wpmfFoldersModule.hover_images[id_img].caption !== '') {
html += wpmfFoldersModule.hover_images[id_img].caption;
}
} else {
html += wpmfFoldersModule.hover_images[id_img].title;
}
html += "</span>";
html += "</span>";
html += "</div>";
if ($('#wpmf_preview_image').length === 0) {
$("body").append(html);
$("#wpmf_preview_image").fadeIn("fast");
if ((e.pageX + wpmfFoldersModule.hover_images[id_img].width) > $('body').width()) {
$("#wpmf_preview_image")
.css("top", (e.pageY - 30 - $("#wpmf_preview_image").height()) + "px")
.css("left", (e.pageX - wpmfFoldersModule.hover_images[id_img].width) - 30 + "px")
.fadeIn("fast");
} else {
$("#wpmf_preview_image")
.css("top", (e.pageY - 30 - $("#wpmf_preview_image").height()) + "px")
.css("left", (e.pageX + yOffset) + "px")
.fadeIn("fast");
}
}
}
},
function () {
$("#wpmf_preview_image").remove();
});
},
addCreateGalleryBtn: function () {
if (parseInt(wpmf.vars.usegellery) === 1) {
if ($('.btn-selectall').length === 0) {
let btnSelectAll = "<a href='#' class='button media-button button-primary button-large btn-selectall'>" + wpmf.l18n.create_gallery_folder + "</a>";
$('.button.media-button.button-primary.button-large.media-button-gallery').before(btnSelectAll);
}
if ($('.btn-selectall-gallery').length === 0) {
let btnSelectAll1 = "<a href='#' class='button media-button button-primary button-large btn-selectall-gallery'>" + wpmf.l18n.create_gallery_folder + "</a>";
$('.button.media-button.button-primary.button-large.media-button-insert').before(btnSelectAll1);
}
}
},
initRemoteVideo: function ($current_frame) {
if ($current_frame === undefined) {
$current_frame = wpmfFoldersModule.getFrame();
}
// Ajax function which creates the video
const create_remote_video = function () {
let remote_link = $('.wpmf_remote_video_input').val();
$.ajax({
type: "POST",
url: ajaxurl,
data: {
action: "wpmf",
task: "create_remote_video",
wpmf_remote_link: remote_link,
folder_id: wpmfFoldersModule.last_selected_folder,
wpmf_nonce: wpmf.vars.wpmf_nonce
},
success: function (response) {
if (response.status) {
wpmfSnackbarModule.show({
content: wpmf.l18n.video_uploaded
});
wpmfFoldersModule.reloadAttachments();
wpmfFoldersModule.renderFolders();
} else {
showDialog({
title: wpmf.l18n.information,
text: response.msg,
closeicon: true
});
}
}
});
};
// Add remote button
if (typeof wpmf.vars.hide_remote_video !== "undefined" && parseInt(wpmf.vars.hide_remote_video) === 1) {
if (!$current_frame.find('.media-frame-content .media-toolbar-secondary .wpmf_btn_remote_video').length) {
$current_frame.find('.media-frame-content .media-toolbar-secondary').append('<i class="material-icons wpmf_icon_remote_video" data-for="' + wpmf.l18n.remote_video_tooltip + '">play_circle_outline</i>');
wpmfFoldersModule.showTooltip();
}
}
// Initialize main functionality
if (typeof wpmf.vars.hide_remote_video !== "undefined" && parseInt(wpmf.vars.hide_remote_video) === 1) {
$('.wpmf_btn_remote_video,.wpmf_icon_remote_video').unbind('click').click(function () {
showDialog({
title: wpmf.l18n.remote_video_lb_box,
text: '<input type="text" name="wpmf_remote_video_input" class="wpmf_remote_video_input">',
negative: {
title: wpmf.l18n.cancel
},
positive: {
title: wpmf.l18n.upload,
onClick: function () {
create_remote_video();
}
}
});
$('.wpmf_newfolder_input').focus().keypress(function (e) {
if (e.which === 13) {
create_remote_video();
hideDialog(jQuery('#orrsDiag'));
}
});
});
}
},
/**
* Show the tooltip
*/
showTooltip: function () {
$('.wpmf_icon_remote_video, .wpmf_btn_reload').qtip({
content: {
attr: 'data-for'
},
position: {
my: 'bottom center',
at: 'top center'
},
style: {
tip: {
corner: false
},
classes: 'wpmf-qtip qtip-rounded'
},
show: 'hover',
hide: {
fixed: true,
delay: 10
}
});
},
/**
* Trigger an event
* @param event string the event name
* @param arguments
*/
trigger: function (event) {
// Retrieve the list of arguments to send to the function
let args = Array.prototype.slice.call(arguments).slice(1); // Cross browser compatible let args = Array.from(arguments).slice(1);
// Retrieve registered function
let events = wpmfFoldersModule.events[event];
// For each registered function apply arguments
if (events) {
for (var i = 0; i < events.length; i++) {
events[i].apply(this, args);
}
}
},
/**
* Subscribe to an or multiple events
* @param events {string|array} event name
* @param subscriber function the callback function
*/
on: function (events, subscriber) {
// If event is a string convert it as an array
if (typeof events === 'string') {
events = [events];
}
// Allow multiple event to subscript
for (let ij in events) {
if (typeof subscriber === 'function') {
if (typeof wpmfFoldersModule.events[events[ij]] === "undefined") {
this.events[events[ij]] = [];
}
wpmfFoldersModule.events[events[ij]].push(subscriber);
}
}
},
};
// add filter work with Easing Slider plugin
if (wpmf.vars.base === 'toplevel_page_easingslider') {
wpmfFoldersModule.initFolderFilter();
}
// Let's initialize WPMF features
$(document).ready(function () {
wpmfFoldersModule.initModule();
});
})(jQuery);
/**
* Escape string
* @param s string
*/
const wpmfescapeScripts = function (s) {
return s
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
};
/**
* ECMAScript 5 repeat function
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat
*/
if (!String.prototype.repeat) {
String.prototype.repeat = function (count) {
'use strict';
if (this == null) {
throw new TypeError('can\'t convert ' + this + ' to object');
}
var str = '' + this;
count = +count;
if (count != count) {
count = 0;
}
if (count < 0) {
throw new RangeError('repeat count must be non-negative');
}
if (count == Infinity) {
throw new RangeError('repeat count must be less than infinity');
}
count = Math.floor(count);
if (str.length == 0 || count == 0) {
return '';
}
// Ensuring count is a 31-bit integer allows us to heavily optimize the
// main part. But anyway, most current (August 2014) browsers can't handle
// strings 1 << 28 chars or longer, so:
if (str.length * count >= 1 << 28) {
throw new RangeError('repeat count must not overflow maximum string size');
}
var rpt = '';
for (var i = 0; i < count; i++) {
rpt += str;
}
return rpt;
}
}
if (!Object.values) {
Object.values = function objectValues(obj) {
var res = [];
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
res.push(obj[i]);
}
}
return res;
};
}