Your IP : 18.221.227.158
(function (FOOGALLERY, $, undefined) {
FOOGALLERY.media_uploader = false;
FOOGALLERY.previous_post_id = 0;
FOOGALLERY.attachments = [];
FOOGALLERY.selected_attachment_id = 0;
FOOGALLERY.calculateAttachmentIds = function() {
var sorted = [];
$('.foogallery-attachments-list li:not(.add-attachment)').each(function() {
if ( $(this).data('attachment-id') ) {
sorted.push($(this).data('attachment-id'));
}
});
$('#foogallery_attachments').val( sorted.join(',') );
$('.foogallery_preview_container').addClass('foogallery-preview-force-refresh');
};
FOOGALLERY.calculateHiddenAreas = function() {
FOOGALLERY.showHiddenAreas( FOOGALLERY.attachments.length === 0 );
};
FOOGALLERY.showHiddenAreas = function( show ) {
if ( show ) {
$('.foogallery-items-add').removeClass('hidden');
$('.foogallery-attachments-list-container').addClass('hidden');
$('.foogallery-items-empty').removeClass('hidden');
} else {
$('.foogallery-items-add').addClass('hidden');
$('.foogallery-attachments-list-container').removeClass('hidden');
$('.foogallery-items-empty').addClass('hidden');
}
};
FOOGALLERY.initAttachments = function() {
var attachments = $('#foogallery_attachments').val();
if (attachments) {
FOOGALLERY.attachments = $.map(attachments.split(','), function (value) {
return parseInt(value, 10);
});
}
};
FOOGALLERY.galleryTemplateChanged = function(reloadPreview) {
var selectedTemplate = FOOGALLERY.getSelectedTemplate(),
$settingsToShow = $('.foogallery-settings-container-' + selectedTemplate),
$settingsToHide = $('.foogallery-settings-container').not($settingsToShow);
//hide all template fields
$settingsToHide.hide()
.removeClass('foogallery-settings-container-active')
.find(':input').attr('disabled', true);
//show all fields for the selected template only
$settingsToShow.show()
.addClass('foogallery-settings-container-active')
.find(':input').removeAttr('disabled');
//ensure the first tab is clicked
$settingsToShow.find('.foogallery-vertical-tab:first').click();
//include a preview CSS if possible
FOOGALLERY.includePreviewCss();
//trigger a change so custom template js can do something
FOOGALLERY.triggerTemplateChangedEvent();
if (reloadPreview) {
FOOGALLERY.reloadGalleryPreview();
}
};
FOOGALLERY.handleSettingFieldChange = function(reloadPreview, setContainerHeight) {
//make sure the fields that should be hidden or shown are doing what they need to do
FOOGALLERY.handleSettingsShowRules();
//update the gallery preview
FOOGALLERY.updateGalleryPreview(reloadPreview, setContainerHeight);
};
FOOGALLERY.updateGalleryPreview = function( initGallery, setContainerHeight ) {
var $preview = $('.foogallery_preview_container .foogallery'),
$preview_container = $('.foogallery_preview_container');
if ( setContainerHeight ) {
$preview_container.css('height', $preview_container.height());
}
//this allows any extensions to hook into the template change event
$('body').trigger('foogallery-gallery-preview-updated' + FOOGALLERY.getSelectedTemplate() );
//this handles all built-in templates that use the FooGallery core client side JS
if ( $preview.data('fg-common-fields') ) {
if ( initGallery ) {
$preview.foogallery( {}, function() {
$preview_container.css( 'height', '' );
if ( !$preview_container.find('.foogallery').data('foogallery-lightbox') ) {
$preview_container.find(".fg-thumb").off("click.foogallery").on("click", function (e) {
e.preventDefault();
});
}
} );
} else {
$preview.foogallery( 'layout' );
$preview_container.css( 'height', '' );
}
} else {
//reset the height to what it should be
$preview_container.css('height', '');
}
};
FOOGALLERY.reloadGalleryPreview = function() {
//make sure the fields that should be hidden or shown are doing what they need to do
FOOGALLERY.handleSettingsShowRules();
//set the preview height so there is no jump
$('.foogallery_preview_container').css('height', $('.foogallery_preview_container').height());
//build up all the data to generate a preview
var $shortcodeFields = $('.foogallery-settings-container-active .foogallery-metabox-settings .foogallery_template_field[data-foogallery-preview*="shortcode"]'),
data = [],
foogallery_id = $('#post_ID').val();
if ($shortcodeFields.length) {
data = $shortcodeFields.find(' :input').serializeArray();
}
//clear any items just in case
window['foogallery-gallery-' + foogallery_id + '-items'] = null;
//add additional data for the preview
data.push({name: 'foogallery_id', value: foogallery_id});
data.push({name: 'foogallery_template', value: FOOGALLERY.getSelectedTemplate()});
//include other preview fields
var previewData = $('[data-foogallery-preview="include"]').serializeArray();
data = data.concat(previewData);
//data.push({name: 'foogallery_attachments', value: $('#foogallery_attachments').val()});
data.push({name: 'foogallery_datasource', value: $('#foogallery_datasource').val()});
data.push({name: 'foogallery_datasource_value', value: $('#_foogallery_datasource_value').val()});
//add data needed for the ajax call
data.push({name: 'action', value: 'foogallery_preview'});
data.push({name: 'foogallery_preview_nonce', value: $('#foogallery_preview').val()});
data.push({name: '_wp_http_referer', value: encodeURIComponent($('input[name="_wp_http_referer"]').val())});
$('#foogallery_preview_spinner').addClass('is-active');
$('.foogallery_preview_container').addClass('loading');
$.ajax({
type: "POST",
url: ajaxurl,
data: data,
cache: false,
success: function(data) {
$('.foogallery_preview_container .foogallery').foogallery("destroy");
//updated the preview
$('.foogallery_preview_container').html(data);
$('#foogallery_preview_spinner').removeClass('is-active');
$('.foogallery_preview_container').removeClass('loading foogallery-preview-force-refresh');
FOOGALLERY.updateGalleryPreview(true, true);
}
});
};
FOOGALLERY.handleSettingsShowRules = function() {
var selectedTemplate = FOOGALLERY.getSelectedTemplate();
//hide any fields that need to be hidden initially
$('.foogallery-settings-container-active .foogallery_template_field[data-foogallery-hidden]').hide()
.addClass('foogallery_template_field_template_hidden')
.find(':input').attr('disabled', true);
$('.foogallery-settings-container-active .foogallery_template_field[data-foogallery-show-when-field]').each(function(index, item) {
var $item = $(item),
fieldId = $item.data('foogallery-show-when-field'),
fieldValue = $item.data('foogallery-show-when-field-value'),
fieldOperator = $item.data('foogallery-show-when-field-operator'),
$fieldRow = $('.foogallery_template_field_template_id-' + selectedTemplate + '-' + fieldId),
$fieldSelector = $fieldRow.data('foogallery-value-selector'),
fieldValueAttribute = $fieldRow.data('foogallery-value-attribute'),
$field = $fieldRow.find($fieldSelector);
$field.each(function() {
var actualFieldValue = fieldValueAttribute ? $(this).attr(fieldValueAttribute) : $(this).val(),
showField = false;
if ( fieldOperator === '!==' ) {
if (actualFieldValue !== fieldValue) {
showField = true;
}
} else if ( fieldOperator === 'regex' ) {
var re = new RegExp(fieldValue);
if ( re.test(actualFieldValue) ) {
showField = true;
}
} else if ( fieldOperator === 'indexOf' ) {
if ( actualFieldValue.indexOf(fieldValue) !== -1 ) {
showField = true;
}
} else if ( actualFieldValue === fieldValue ) {
showField = true;
}
if (showField) {
$item.show()
.removeClass('foogallery_template_field_template_hidden')
.find(':input').removeAttr('disabled')
.end().find('.colorpicker').spectrum("enable");
}
});
});
};
FOOGALLERY.initSettings = function() {
//move the template selector into the metabox heading
var $metabox_heading = $('#foogallery_settings .hndle span');
//This check is done to accommodate a markup change in WP 5.5
if ( $metabox_heading.length === 0 ) {
$metabox_heading = $('#foogallery_settings .hndle');
$metabox_heading.addClass( 'foogallery-custom-metabox-header' );
}
$('.foogallery-template-selector').appendTo( $metabox_heading ).removeClass('hidden');
//remove the loading spinner
$('.foogallery-gallery-items-metabox-title').remove();
//move the items switch selector into the metabox heading
//$('.foogallery-items-view-switch-container').appendTo( '#foogallery_items .hndle span' ).removeClass('hidden');
var $items_metabox_heading = $('#foogallery_items .hndle span');
//This check is done to accommodate a markup change in WP 5.5
if ( $items_metabox_heading.length === 0 ) {
$items_metabox_heading = $('#foogallery_items .hndle');
$items_metabox_heading.addClass( 'foogallery-custom-metabox-header' );
}
$('.foogallery-items-view-switch-container').appendTo( $items_metabox_heading ).removeClass('hidden');
$('.foogallery-items-view-switch-container a').on('click', function(e) {
e.stopPropagation();
var $currentButton = $('.foogallery-items-view-switch-container a.current'),
currentSelector = $currentButton.data('container'),
$nextButton = $(this),
nextSelector = $nextButton.data('container'),
value = $nextButton.data('value');
//toggle the views
$(currentSelector).hide();
$(nextSelector).show();
//toggle the switch button
$currentButton.removeClass('current');
$nextButton.addClass('current');
//set the input so that it is saved
$('#foogallery_items_view_input').val(value);
if ( $('.foogallery_preview_container').is(':visible') ) {
FOOGALLERY.updateGalleryPreview(false, false);
//check if there is no preview
if ( !$.trim( $('.foogallery_preview_container').html() ) ||
$( '.foogallery_preview_container.foogallery-preview-force-refresh').length > 0 ) {
FOOGALLERY.reloadGalleryPreview();
}
}
});
$(function() {
// Prevent inputs in settings meta box headings opening/closing contents.
$( '#foogallery_settings' ).find( '.hndle' ).unbind( 'click.postboxes' );
$( '#foogallery_settings' ).on( 'click', '.hndle', function( event ) {
// If the user clicks on some form input inside the h3 the box should not be toggled.
if ( $( event.target ).filter( 'input, option, label, select' ).length ) {
return;
}
$( '#foogallery_settings' ).toggleClass( 'closed' );
});
// Prevent inputs in items meta box headings opening/closing contents.
$( '#foogallery_items' ).find( '.hndle' ).unbind( 'click.postboxes' );
$( '#foogallery_items' ).on( 'click', '.hndle', function( event ) {
// If the user clicks on some form input inside the h3 the box should not be toggled.
if ( $( event.target ).filter( 'input, option, label, select' ).length ) {
return;
}
$( '#foogallery_items' ).toggleClass( 'closed' );
});
});
$('#FooGallerySettings_GalleryTemplate').change(function() {
FOOGALLERY.galleryTemplateChanged(true);
});
//hook into settings fields changes
$('.foogallery-metabox-settings .foogallery_template_field[data-foogallery-change-selector]').each(function(index, item) {
var $fieldContainer = $(item),
selector = $fieldContainer.data('foogallery-change-selector');
$fieldContainer.find(selector).change(function() {
if ( $fieldContainer.data('foogallery-preview').indexOf('shortcode') !== -1 ) {
FOOGALLERY.reloadGalleryPreview();
} else {
FOOGALLERY.handleSettingFieldChange( $fieldContainer.data('foogallery-preview').indexOf('class') !== -1, true );
}
});
});
//trigger this onload too!
FOOGALLERY.galleryTemplateChanged(false);
//force hidden field state to be correct on load
FOOGALLERY.handleSettingFieldChange(true, false);
};
FOOGALLERY.getSelectedTemplate = function() {
return $('#FooGallerySettings_GalleryTemplate').val();
};
FOOGALLERY.includePreviewCss = function() {
var selectedPreviewCss = $('#FooGallerySettings_GalleryTemplate').find(":selected").data('preview-css');
//remove any previously added preview css
$('link[data-foogallery-preview-css]').remove();
if ( selectedPreviewCss ) {
var splitPreviewCss = selectedPreviewCss.split(',');
for (var i = 0, l = splitPreviewCss.length; i < l; i++) {
$('head').append('<link data-foogallery-preview-css rel="stylesheet" href="' + splitPreviewCss[i] + '" type="text/css" />');
}
}
};
FOOGALLERY.triggerTemplateChangedEvent = function() {
$('body').trigger('foogallery-gallery-template-changed-' + FOOGALLERY.getSelectedTemplate() );
};
FOOGALLERY.addAttachmentToGalleryList = function(attachment) {
if ($.inArray(attachment.id, FOOGALLERY.attachments) !== -1) return;
var $template = $($('#foogallery-attachment-template').val());
$template.attr('data-attachment-id', attachment.id);
$template.find('img').attr('src', attachment.src);
if (attachment.subtype) {
$template.find('.attachment-preview.type-image').addClass('subtype-' + attachment.subtype);
}
if ( $('.foogallery-attachments-list').hasClass('foogallery-add-media-button-start') ) {
$('.foogallery-attachments-list .datasource-medialibrary').after($template);
} else {
$('.foogallery-attachments-list .datasource-medialibrary').before($template);
}
FOOGALLERY.attachments.push( attachment.id );
FOOGALLERY.calculateAttachmentIds();
FOOGALLERY.calculateHiddenAreas();
$('.foogallery_preview_container').addClass('foogallery-preview-force-refresh');
};
FOOGALLERY.removeAttachmentFromGalleryList = function(id) {
var index = $.inArray(id, FOOGALLERY.attachments);
if (index !== -1) {
FOOGALLERY.attachments.splice(index, 1);
}
$('.foogallery-attachments-list [data-attachment-id="' + id + '"]').remove();
FOOGALLERY.calculateAttachmentIds();
FOOGALLERY.calculateHiddenAreas();
};
FOOGALLERY.showAttachmentInfoModal = function(id) {
FOOGALLERY.openMediaModal( id );
};
FOOGALLERY.openMediaModal = function(selected_attachment_id) {
if (!selected_attachment_id) { selected_attachment_id = 0; }
FOOGALLERY.selected_attachment_id = selected_attachment_id;
if (FOOGALLERY.media_uploader !== false){
FOOGALLERY.media_uploader.open();
return;
}
var createModal = $.isFunction(wp.foogallery) ? wp.foogallery : wp.media;
// Create our FooGallery media frame.
FOOGALLERY.media_uploader = createModal({
frame: "select",
multiple: 'add',
title: FOOGALLERY.mediaModalTitle,
button: {
text: FOOGALLERY.mediaModalButtonText
},
library: {
type: "image"
}
}).on("select", function(){
var attachments = FOOGALLERY.media_uploader.state().get('selection').toJSON();
$.each(attachments, function(i, item) {
if (item && item.id && item.sizes) {
var attachment = {
id: item.id,
src: null,
subtype: null
};
if (item.sizes.thumbnail) {
attachment.src = item.sizes.thumbnail.url;
} else {
//thumbnail could not be found for whatever reason
attachment.src = item.url;
}
if ( item.subtype ) {
attachment.subtype = item.subtype;
}
FOOGALLERY.addAttachmentToGalleryList(attachment);
} else {
//there was a problem adding the item! Move on to the next
}
});
})
.on( 'open', function() {
var selection = FOOGALLERY.media_uploader.state().get('selection');
if (selection && !$.isFunction(wp.foogallery)) {
//clear any previous selections
selection.reset();
}
if (FOOGALLERY.selected_attachment_id > 0) {
var attachment = wp.media.attachment(FOOGALLERY.selected_attachment_id);
attachment.fetch();
selection.add( attachment ? [ attachment ] : [] );
} else {
//would be nice to have all previously added media selected
}
});
// Finally, open the modal
FOOGALLERY.media_uploader.open();
};
FOOGALLERY.initUsageMetabox = function() {
$('#foogallery_create_page').on('click', function(e) {
e.preventDefault();
$('#foogallery_create_page_spinner').addClass('is-active');
var data = 'action=foogallery_create_gallery_page' +
'&foogallery_id=' + $('#post_ID').val() +
'&foogallery_create_gallery_page_nonce=' + $('#foogallery_create_gallery_page_nonce').val() +
'&_wp_http_referer=' + encodeURIComponent($('input[name="_wp_http_referer"]').val());
$.ajax({
type: "POST",
url: ajaxurl,
data: data,
success: function(data) {
//refresh page
location.reload();
}
});
});
};
FOOGALLERY.initThumbCacheMetabox = function() {
$('#foogallery_clear_thumb_cache').on('click', function(e) {
e.preventDefault();
$('#foogallery_clear_thumb_cache_spinner').addClass('is-active');
var data = 'action=foogallery_clear_gallery_thumb_cache' +
'&foogallery_id=' + $('#post_ID').val() +
'&foogallery_clear_gallery_thumb_cache_nonce=' + $('#foogallery_clear_gallery_thumb_cache_nonce').val() +
'&_wp_http_referer=' + encodeURIComponent($('input[name="_wp_http_referer"]').val());
$.ajax({
type: "POST",
url: ajaxurl,
data: data,
success: function(data) {
alert(data);
$('#foogallery_clear_thumb_cache_spinner').removeClass('is-active');
}
});
});
};
FOOGALLERY.adminReady = function () {
$('.upload_image_button').on('click', function(e) {
e.preventDefault();
FOOGALLERY.mediaModalTitle = $(this).data( 'uploader-title' );
FOOGALLERY.mediaModalButtonText = $(this).data( 'uploader-button-text' );
FOOGALLERY.openMediaModal(0);
});
$('.remove_all_media').on('click', function(e) {
$('.foogallery-attachments-list a.remove').click();
});
$(document).on('foogallery-datasource-changed', function(e, activeDatasource) {
FOOGALLERY.showHiddenAreas( activeDatasource === 'media_library' );
});
FOOGALLERY.initAttachments();
FOOGALLERY.initSettings();
FOOGALLERY.initUsageMetabox();
FOOGALLERY.initThumbCacheMetabox();
$('.foogallery-attachments-list')
.on('click' ,'a.remove', function(e) {
e.preventDefault();
var $selected = $(this).parents('li:first'),
attachment_id = $selected.data('attachment-id');
FOOGALLERY.removeAttachmentFromGalleryList(attachment_id);
})
.on('click' ,'a.info', function() {
var $selected = $(this).parents('li:first'),
attachment_id = $selected.data('attachment-id');
FOOGALLERY.showAttachmentInfoModal(attachment_id);
})
.sortable({
items: 'li:not(.add-attachment)',
distance: 10,
placeholder: 'attachment placeholder',
stop : function() {
FOOGALLERY.calculateAttachmentIds();
}
});
//init any colorpickers
$('.colorpicker').spectrum({
preferredFormat: "rgb",
showInput: true,
clickoutFiresChange: true
});
if (typeof IntersectionObserver === "undefined") {
$(".foogallery-attachments-list .attachment .thumbnail img").each(function(i, img){
var $img = $(img);
$img.attr("src", $img.data("src"));
});
} else {
//lazy loading of images on the gallery edit page
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
var $target = $(entry.target);
$target.attr("src", $target.data("src"));
io.unobserve(entry.target);
}
});
}, {
root: $(".foogallery-attachments-list").get(0)
});
$(".foogallery-attachments-list .attachment .thumbnail img").each(function(i, img){
io.observe(img);
});
}
};
}(window.FOOGALLERY = window.FOOGALLERY || {}, jQuery));
FooGallery.utils.ready(function ($) {
if ( $('#foogallery_attachments').length > 0 ) {
FOOGALLERY.adminReady();
}
});