', {
position: 'absolute',
height: parseInt( textarea.attr( 'rows' ), 10 ) * 20
} ),
editor = null;
editDiv.insertBefore( textarea );
textarea.css( 'display', 'none' );
ace.require( 'ace/ext/language_tools' );
editor = ace.edit( editDiv[0] );
editor.$blockScrolling = Infinity;
editor.getSession().setValue( textarea.val() );
editor.getSession().setMode( 'ace/mode/' + mode );
if ( wrap ) {
editor.getSession().setUseWrapMode( true );
}
editor.setOptions( FLBuilderConfig.AceEditorSettings );
editor.getSession().on( 'change', function( e ) {
textarea.val( editor.getSession().getValue() ).trigger( 'change' );
} );
/**
* Watch the editor for annotation changes and let the
* user know if there are any errors.
*/
editor.getSession().on( 'changeAnnotation', function() {
var annot = editor.getSession().getAnnotations();
var saveBtn = settings.find( '.fl-builder-settings-save' );
var errorBtn = settings.find( '.fl-builder-settings-error' );
var hasError = false;
for ( var i = 0; i < annot.length; i++ ) {
if ( annot[ i ].text.indexOf( 'DOCTYPE' ) > -1 ) {
continue;
}
if ( annot[ i ].text.indexOf( 'Named entity expected' ) > -1 ) {
continue;
}
if ( annot[ i ].text.indexOf( '@supports' ) > -1 ) {
continue;
}
if ( 'error' === annot[ i ].type ) {
hasError = true;
break;
}
}
if ( hasError && ! errorBtn.length && FLBuilderConfig.CheckCodeErrors ) {
saveBtn.addClass( 'fl-builder-settings-error' );
saveBtn.on( 'click', FLBuilder._showCodeFieldError );
} else if ( ! hasError && errorBtn.length ) {
errorBtn.removeClass( 'fl-builder-settings-error' );
errorBtn.off( 'click', FLBuilder._showCodeFieldError );
}
});
textarea.closest( '.fl-field' ).data( 'editor', editor );
},
/**
* Shows the code error alert when a code field
* has an error.
*
* @since 2.1
* @access private
* @method _showCodeFieldError
*/
_showCodeFieldError: function( e ) {
e.stopImmediatePropagation();
FLBuilder.confirm( {
message: FLBuilderStrings.codeError,
cancel: function(){
var saveBtn = $( '.fl-builder-settings:visible .fl-builder-settings-save' );
saveBtn.removeClass( 'fl-builder-settings-error' );
saveBtn.off( 'click', FLBuilder._showCodeFieldError );
saveBtn.trigger( 'click' );
},
strings: {
ok: FLBuilderStrings.codeErrorFix,
cancel: FLBuilderStrings.codeErrorIgnore
}
} );
},
/* Multiple Fields
----------------------------------------------------------*/
/**
* Initializes all multiple fields in a settings form.
*
* @since 1.0
* @access private
* @method _initMultipleFields
*/
_initMultipleFields: function()
{
var multiples = $('.fl-builder-settings:visible .fl-builder-field-multiples'),
multiple = null,
fields = null,
i = 0,
cursorAt = FLBuilderConfig.isRtl ? { left: 10 } : { right: 10 };
for( ; i < multiples.length; i++) {
multiple = multiples.eq(i);
fields = multiple.find('.fl-builder-field-multiple');
if(fields.length === 1) {
fields.eq(0).find('.fl-builder-field-actions').addClass('fl-builder-field-actions-single');
}
else {
fields.find('.fl-builder-field-actions').removeClass('fl-builder-field-actions-single');
}
}
$('.fl-builder-field-multiples').sortable({
items: '.fl-builder-field-multiple',
cursor: 'move',
cursorAt: cursorAt,
distance: 5,
opacity: 0.5,
placeholder: 'fl-builder-field-dd-zone',
stop: FLBuilder._fieldDragStop,
tolerance: 'pointer',
axis: "y"
});
},
/**
* Adds a new multiple field to the list when the add
* button is clicked.
*
* @since 1.0
* @access private
* @method _addFieldClicked
*/
_addFieldClicked: function()
{
var button = $(this),
fieldName = button.attr('data-field'),
fieldRow = button.closest('tr').siblings('tr[data-field='+ fieldName +']').last(),
clone = fieldRow.clone(),
form = clone.find( '.fl-form-field' ),
formType = null,
index = parseInt(fieldRow.find('label span.fl-builder-field-index').html(), 10) + 1;
clone.find('th label span.fl-builder-field-index').html(index);
clone.find('.fl-form-field-preview-text').html('');
clone.find('.fl-form-field-before').remove();
clone.find('.fl-form-field-after').remove();
clone.find('input, textarea, select').val('');
fieldRow.after(clone);
FLBuilder._initMultipleFields();
if ( form.length ) {
formType = form.find( '.fl-form-field-edit' ).data( 'type' );
form.find( 'input' ).val( JSON.stringify( FLBuilderSettingsConfig.defaults.forms[ formType ] ) );
}
},
/**
* Copies a multiple field and adds it to the list when
* the copy button is clicked.
*
* @since 1.0
* @access private
* @method _copyFieldClicked
*/
_copyFieldClicked: function()
{
var button = $(this),
row = button.closest('tr'),
clone = row.clone(),
index = parseInt(row.find('label span.fl-builder-field-index').html(), 10) + 1;
clone.find('th label span.fl-builder-field-index').html(index);
row.after(clone);
FLBuilder._renumberFields(row.parent());
FLBuilder._initMultipleFields();
FLBuilder.preview.delayPreview();
},
/**
* Deletes a multiple field from the list when the
* delete button is clicked.
*
* @since 1.0
* @access private
* @method _deleteFieldClicked
*/
_deleteFieldClicked: function()
{
var row = $(this).closest('tr'),
parent = row.parent(),
result = confirm(FLBuilderStrings.deleteFieldMessage);
if(result) {
row.remove();
FLBuilder._renumberFields(parent);
FLBuilder._initMultipleFields();
FLBuilder.preview.delayPreview();
}
},
/**
* Renumbers the labels for a list of multiple fields.
*
* @since 1.0
* @access private
* @method _renumberFields
* @param {Object} table A table element with multiple fields.
*/
_renumberFields: function(table)
{
var rows = table.find('.fl-builder-field-multiple'),
i = 0;
for( ; i < rows.length; i++) {
rows.eq(i).find('th label span.fl-builder-field-index').html(i + 1);
}
},
/**
* Returns an element for multiple field drag operations.
*
* @since 1.0
* @access private
* @method _fieldDragHelper
* @return {Object} The helper element.
*/
_fieldDragHelper: function()
{
return $('
');
},
/**
* Renumbers and triggers a preview when a multiple field
* has finished dragging.
*
* @since 1.0
* @access private
* @method _fieldDragStop
* @param {Object} e The event object.
* @param {Object} ui An object with additional info for the drag.
*/
_fieldDragStop: function(e, ui)
{
FLBuilder._renumberFields(ui.item.parent());
FLBuilder.preview.delayPreview();
},
/* Select Fields
----------------------------------------------------------*/
/**
* Initializes select fields for a settings form.
*
* @since 1.0
* @access private
* @method _initSelectFields
*/
_initSelectFields: function()
{
$('.fl-builder-settings:visible').find('.fl-builder-settings-fields select').trigger('change');
},
/**
* Callback for when a settings form select has been changed.
* If toggle data is present, other fields will be toggled
* when this select changes.
*
* @since 1.0
* @access private
* @method _settingsSelectChanged
*/
_settingsSelectChanged: function()
{
var select = $(this),
toggle = select.attr('data-toggle'),
hide = select.attr('data-hide'),
trigger = select.attr('data-trigger'),
val = select.val(),
i = 0,
k = 0;
// TOGGLE sections, fields or tabs.
if(typeof toggle !== 'undefined') {
toggle = JSON.parse(toggle);
for(i in toggle) {
FLBuilder._settingsSelectToggle(toggle[i].fields, 'hide', '#fl-field-');
FLBuilder._settingsSelectToggle(toggle[i].sections, 'hide', '#fl-builder-settings-section-');
FLBuilder._settingsSelectToggle(toggle[i].tabs, 'hide', 'a[href*=fl-builder-settings-tab-', ']');
}
if(typeof toggle[val] !== 'undefined') {
FLBuilder._settingsSelectToggle(toggle[val].fields, 'show', '#fl-field-');
FLBuilder._settingsSelectToggle(toggle[val].sections, 'show', '#fl-builder-settings-section-');
FLBuilder._settingsSelectToggle(toggle[val].tabs, 'show', 'a[href*=fl-builder-settings-tab-', ']');
}
}
// HIDE sections, fields or tabs.
if(typeof hide !== 'undefined') {
hide = JSON.parse(hide);
if(typeof hide[val] !== 'undefined') {
FLBuilder._settingsSelectToggle(hide[val].fields, 'hide', '#fl-field-');
FLBuilder._settingsSelectToggle(hide[val].sections, 'hide', '#fl-builder-settings-section-');
FLBuilder._settingsSelectToggle(hide[val].tabs, 'hide', 'a[href*=fl-builder-settings-tab-', ']');
}
}
// TRIGGER select inputs.
if(typeof trigger !== 'undefined') {
trigger = JSON.parse(trigger);
if(typeof trigger[val] !== 'undefined') {
if(typeof trigger[val].fields !== 'undefined') {
for(i = 0; i < trigger[val].fields.length; i++) {
$('#fl-field-' + trigger[val].fields[i]).find('select').trigger('change');
}
}
}
}
FLBuilder._calculateSettingsTabsOverflow();
},
/**
* @since 1.0
* @access private
* @method _settingsSelectToggle
* @param {Array} inputArray
* @param {Function} func
* @param {String} prefix
* @param {String} suffix
*/
_settingsSelectToggle: function(inputArray, func, prefix, suffix)
{
var i = 0;
suffix = 'undefined' == typeof suffix ? '' : suffix;
if(typeof inputArray !== 'undefined') {
for( ; i < inputArray.length; i++) {
$('.fl-builder-settings:visible').find(prefix + inputArray[i] + suffix)[func]();
// Resize code editor fields.
$( prefix + inputArray[i] + suffix ).parent().find( '.fl-field[data-type="code"]' ).each( function() {
$( this ).data( 'editor' ).resize();
} );
}
}
},
/* Color Pickers
----------------------------------------------------------*/
/**
* Initializes color picker fields for a settings form.
*
* @since 1.0
* @access private
* @method _initColorPickers
*/
_initColorPickers: function()
{
var colorPresets = FLBuilderConfig.colorPresets ? FLBuilderConfig.colorPresets : [];
FLBuilder.colorPicker = new FLBuilderColorPicker({
mode: 'hsv',
elements: '.fl-color-picker .fl-color-picker-value',
presets: colorPresets,
labels: {
colorPresets : FLBuilderStrings.colorPresets,
colorPicker : FLBuilderStrings.colorPicker,
placeholder : FLBuilderStrings.placeholder,
removePresetConfirm : FLBuilderStrings.removePresetConfirm,
noneColorSelected : FLBuilderStrings.noneColorSelected,
alreadySaved : FLBuilderStrings.alreadySaved,
noPresets : FLBuilderStrings.noPresets,
presetAdded : FLBuilderStrings.presetAdded,
}
});
$( FLBuilder.colorPicker ).on( 'presetRemoved presetAdded', function( event, data ) {
FLBuilder.ajax({
action: 'save_color_presets',
presets: data.presets
});
});
},
/* Single Photo Fields
----------------------------------------------------------*/
/**
* Initializes the single photo selector.
*
* @since 1.8.6
* @access private
* @method _initSinglePhotoSelector
*/
_initSinglePhotoSelector: function()
{
if(FLBuilder._singlePhotoSelector === null) {
FLBuilder._singlePhotoSelector = wp.media({
title: FLBuilderStrings.selectPhoto,
button: { text: FLBuilderStrings.selectPhoto },
library : { type : 'image' },
multiple: false
});
FLBuilder._singlePhotoSelector.on( 'open', FLBuilder._wpmedia_reset_errors );
_wpPluploadSettings['defaults']['multipart_params']['fl_upload_type']= 'photo';
}
},
/**
* Shows the single photo selector.
*
* @since 1.0
* @access private
* @method _selectSinglePhoto
*/
_selectSinglePhoto: function()
{
FLBuilder._initSinglePhotoSelector();
FLBuilder._singlePhotoSelector.once('open', $.proxy(FLBuilder._singlePhotoOpened, this));
FLBuilder._singlePhotoSelector.once('select', $.proxy(FLBuilder._singlePhotoSelected, this));
FLBuilder._singlePhotoSelector.open();
},
/**
* Callback for when the single photo selector is shown.
*
* @since 1.0
* @access private
* @method _singlePhotoOpened
*/
_singlePhotoOpened: function()
{
var selection = FLBuilder._singlePhotoSelector.state().get('selection'),
wrap = $(this).closest('.fl-photo-field'),
photoField = wrap.find('input[type=hidden]'),
photo = photoField.val(),
attachment = null;
if($(this).hasClass('fl-photo-replace')) {
selection.reset();
wrap.addClass('fl-photo-empty');
photoField.val('');
}
else if(photo !== '') {
attachment = wp.media.attachment(photo);
attachment.fetch();
selection.add(attachment ? [attachment] : []);
}
else {
selection.reset();
}
},
/**
* Callback for when a single photo is selected.
*
* @since 1.0
* @access private
* @method _singlePhotoSelected
*/
_singlePhotoSelected: function()
{
var photo = FLBuilder._singlePhotoSelector.state().get('selection').first().toJSON(),
wrap = $(this).closest('.fl-photo-field'),
photoField = wrap.find('input[type=hidden]'),
preview = wrap.find('.fl-photo-preview img'),
srcSelect = wrap.find('select');
photoField.val(photo.id);
preview.attr('src', FLBuilder._getPhotoSrc(photo));
wrap.removeClass('fl-photo-empty').removeClass('fl-photo-no-attachment');
wrap.find('label.error').remove();
srcSelect.show();
srcSelect.html(FLBuilder._getPhotoSizeOptions(photo));
srcSelect.trigger('change');
FLBuilderSettingsConfig.attachments[ photo.id ] = photo;
},
/**
* Clears a photo that has been selected in a single photo field.
*
* @since 1.6.4.3
* @access private
* @method _singlePhotoRemoved
*/
_singlePhotoRemoved: function()
{
FLBuilder._initSinglePhotoSelector();
var state = FLBuilder._singlePhotoSelector.state(),
selection = 'undefined' != typeof state ? state.get('selection') : null,
wrap = $(this).closest('.fl-photo-field'),
photoField = wrap.find('input[type=hidden]'),
srcSelect = wrap.find('select');
if ( selection ) {
selection.reset();
}
wrap.addClass('fl-photo-empty');
photoField.val('');
srcSelect.html('
');
srcSelect.trigger('change');
},
/**
* Returns the src URL for a photo.
*
* @since 1.0
* @access private
* @method _getPhotoSrc
* @param {Object} photo A photo data object.
* @return {String} The src URL for a photo.
*/
_getPhotoSrc: function(photo)
{
if(typeof photo.sizes === 'undefined') {
return photo.url;
}
else if(typeof photo.sizes.thumbnail !== 'undefined') {
return photo.sizes.thumbnail.url;
}
else {
return photo.sizes.full.url;
}
},
/**
* Builds the options for a photo size select.
*
* @since 1.0
* @access private
* @method _getPhotoSizeOptions
* @param {Object} photo A photo data object.
* @param {String} selectedSize The selected photo size if one is set.
* @return {String} The HTML for the photo size options.
*/
_getPhotoSizeOptions: function( photo, selectedSize )
{
var html = '',
size = null,
selected = null,
check = null,
title = '',
titles = {
full : FLBuilderStrings.fullSize,
large : FLBuilderStrings.large,
medium : FLBuilderStrings.medium,
thumbnail : FLBuilderStrings.thumbnail
};
if(typeof photo.sizes === 'undefined' || 0 === photo.sizes.length) {
html += '
';
}
else {
// Check the selected value without the protocol so we get a match if
// a site has switched to HTTPS since selecting this photo (#641).
if ( selectedSize ) {
selectedSize = selectedSize.split(/[\\/]/).pop();
}
for(size in photo.sizes) {
if ( 'undefined' != typeof titles[ size ] ) {
title = titles[ size ] + ' - ';
}
else if ( 'undefined' != typeof FLBuilderConfig.customImageSizeTitles[ size ] ) {
title = FLBuilderConfig.customImageSizeTitles[ size ] + ' - ';
}
else {
title = '';
}
selected = '';
if ( ! selectedSize ) {
selected = size == 'full' ? ' selected="selected"' : '';
} else if( selectedSize === photo.sizes[ size ].url.split(/[\\/]/).pop() ) {
selected = ' selected="selected"';
}
html += '
';
}
}
return html;
},
/* Multiple Photo Fields
----------------------------------------------------------*/
/**
* Shows the multiple photo selector.
*
* @since 1.0
* @access private
* @method _selectMultiplePhotos
*/
_selectMultiplePhotos: function()
{
var wrap = $(this).closest('.fl-multiple-photos-field'),
photosField = wrap.find('input[type=hidden]'),
photosFieldVal = photosField.val(),
parsedVal = photosFieldVal === '' ? '' : JSON.parse(photosFieldVal),
defaultPostId = wp.media.gallery.defaults.id,
content = '[gallery ids="-1"]',
shortcode = null,
attachments = null,
selection = null,
i = null,
ids = [];
// Builder the gallery shortcode.
if ( 'object' == typeof parsedVal ) {
for ( i in parsedVal ) {
ids.push( parsedVal[ i ] );
}
content = '[gallery ids="'+ ids.join() +'"]';
}
shortcode = wp.shortcode.next('gallery', content).shortcode;
if(_.isUndefined(shortcode.get('id')) && !_.isUndefined(defaultPostId)) {
shortcode.set('id', defaultPostId);
}
// Get the selection object.
attachments = wp.media.gallery.attachments(shortcode);
selection = new wp.media.model.Selection(attachments.models, {
props: attachments.props.toJSON(),
multiple: true
});
selection.gallery = attachments.gallery;
// Fetch the query's attachments, and then break ties from the
// query to allow for sorting.
selection.more().done(function() {
if ( ! selection.length ) {
FLBuilder._multiplePhotoSelector.setState( 'gallery-library' );
}
// Break ties with the query.
selection.props.set({ query: false });
selection.unmirror();
selection.props.unset('orderby');
});
// Destroy the previous gallery frame.
if(FLBuilder._multiplePhotoSelector) {
FLBuilder._multiplePhotoSelector.dispose();
}
// Store the current gallery frame.
FLBuilder._multiplePhotoSelector = wp.media({
frame: 'post',
state: $(this).hasClass('fl-multiple-photos-edit') ? 'gallery-edit' : 'gallery-library',
title: wp.media.view.l10n.editGalleryTitle,
editing: true,
multiple: true,
selection: selection
}).open();
$(FLBuilder._multiplePhotoSelector.views.view.el).addClass('fl-multiple-photos-lightbox');
FLBuilder._multiplePhotoSelector.once('update', $.proxy(FLBuilder._multiplePhotosSelected, this));
},
/**
* Callback for when multiple photos have been selected.
*
* @since 1.0
* @access private
* @method _multiplePhotosSelected
* @param {Object} data The photo data object.
*/
_multiplePhotosSelected: function(data)
{
var wrap = $(this).closest('.fl-multiple-photos-field'),
photosField = wrap.find('input[type=hidden]'),
count = wrap.find('.fl-multiple-photos-count'),
photos = [],
i = 0;
for( ; i < data.models.length; i++) {
photos.push(data.models[i].id);
}
if(photos.length == 1) {
count.html('1 ' + FLBuilderStrings.photoSelected);
}
else {
count.html(photos.length + ' ' + FLBuilderStrings.photosSelected);
}
wrap.removeClass('fl-multiple-photos-empty');
wrap.find('label.error').remove();
photosField.val(JSON.stringify(photos)).trigger('change');
},
/* Single Video Fields
----------------------------------------------------------*/
/**
* Initializes the single video selector.
*
* @since 1.10.8
* @access private
* @method _initSingleVideoSelector
*/
_initSingleVideoSelector: function()
{
if(FLBuilder._singleVideoSelector === null) {
FLBuilder._singleVideoSelector = wp.media({
title: FLBuilderStrings.selectVideo,
button: { text: FLBuilderStrings.selectVideo },
library : { type : 'video' },
multiple: false
});
FLBuilder._singleVideoSelector.on( 'open', FLBuilder._wpmedia_reset_errors );
_wpPluploadSettings['defaults']['multipart_params']['fl_upload_type']= 'video';
}
},
/**
* Shows the single video selector.
*
* @since 1.0
* @access private
* @method _selectSingleVideo
*/
_selectSingleVideo: function()
{
FLBuilder._initSingleVideoSelector();
FLBuilder._singleVideoSelector.once('select', $.proxy(FLBuilder._singleVideoSelected, this));
FLBuilder._singleVideoSelector.open();
},
/**
* Callback for when a single video is selected.
*
* @since 1.0
* @access private
* @method _singleVideoSelected
*/
_singleVideoSelected: function()
{
var video = FLBuilder._singleVideoSelector.state().get('selection').first().toJSON(),
wrap = $(this).closest('.fl-video-field'),
image = wrap.find('.fl-video-preview-img'),
filename = wrap.find('.fl-video-preview-filename'),
videoField = wrap.find('input[type=hidden]');
image.html('
');
filename.html(video.filename);
wrap.removeClass('fl-video-empty');
wrap.find('label.error').remove();
videoField.val(video.id).trigger('change');
FLBuilderSettingsConfig.attachments[ video.id ] = video;
},
/**
* Clears a video that has been selected in a single video field.
*
* @since 2.1
* @access private
* @method _singleVideoRemoved
*/
_singleVideoRemoved: function()
{
FLBuilder._initSingleVideoSelector();
var state = FLBuilder._singleVideoSelector.state(),
selection = 'undefined' != typeof state ? state.get('selection') : null,
wrap = $(this).closest('.fl-video-field'),
image = wrap.find('.fl-video-preview-img img'),
filename = wrap.find('.fl-video-preview-filename'),
videoField = wrap.find('input[type=hidden]');
if ( selection ) {
selection.reset();
}
image.attr('src', '');
filename.html('');
wrap.addClass('fl-video-empty');
videoField.val('').trigger('change');
},
/* Multiple Audios Field
----------------------------------------------------------*/
/**
* Shows the multiple audio selector.
*
* @since 1.0
* @access private
* @method _selectMultipleAudios
*/
_selectMultipleAudios: function()
{
var wrap = $(this).closest('.fl-multiple-audios-field'),
audiosField = wrap.find('input[type=hidden]'),
audiosFieldVal = audiosField.val(),
content = audiosFieldVal == '' ? '[playlist ids="-1"]' : '[playlist ids="'+ JSON.parse(audiosFieldVal).join() +'"]',
shortcode = wp.shortcode.next('playlist', content).shortcode,
defaultPostId = wp.media.playlist.defaults.id,
attachments = null,
selection = null;
if(_.isUndefined(shortcode.get('id')) && !_.isUndefined(defaultPostId)) {
shortcode.set('id', defaultPostId);
}
attachments = wp.media.playlist.attachments(shortcode);
selection = new wp.media.model.Selection(attachments.models, {
props: attachments.props.toJSON(),
multiple: true
});
selection.playlist = attachments.playlist;
// Fetch the query's attachments, and then break ties from the
// query to allow for sorting.
selection.more().done(function() {
// Break ties with the query.
selection.props.set({ query: false });
selection.unmirror();
selection.props.unset('orderby');
});
// Destroy the previous frame.
if(FLBuilder._multipleAudiosSelector) {
FLBuilder._multipleAudiosSelector.dispose();
}
// Store the current frame.
FLBuilder._multipleAudiosSelector = wp.media({
frame: 'post',
state: $(this).hasClass('fl-multiple-audios-edit') ? 'playlist-edit' : 'playlist-library',
title: wp.media.view.l10n.editPlaylistTitle,
editing: true,
multiple: true,
selection: selection
}).open();
// Hide the default playlist settings since we have them added in the audio settings
FLBuilder._multipleAudiosSelector.content.get('view').sidebar.unset('playlist');
FLBuilder._multipleAudiosSelector.on( 'content:render:browse', function( browser ) {
if ( !browser ) return;
// Hide Playlist Settings in sidebar
browser.sidebar.on('ready', function(){
browser.sidebar.unset('playlist');
});
});
FLBuilder._multipleAudiosSelector.once('update', $.proxy(FLBuilder._multipleAudiosSelected, this));
},
/**
* Callback for when a single/multiple audo is selected.
*
* @since 1.0
* @access private
* @method _multipleAudiosSelected
*/
_multipleAudiosSelected: function(data)
{
var wrap = $(this).closest('.fl-multiple-audios-field'),
count = wrap.find('.fl-multiple-audios-count'),
audioField = wrap.find('input[type=hidden]'),
audios = [],
i = 0;
for( ; i < data.models.length; i++) {
audios.push(data.models[i].id);
}
if(audios.length == 1) {
count.html('1 ' + FLBuilderStrings.audioSelected);
}
else {
count.html(audios.length + ' ' + FLBuilderStrings.audiosSelected);
}
audioField.val(JSON.stringify(audios)).trigger('change');
wrap.removeClass('fl-multiple-audios-empty');
wrap.find('label.error').remove();
},
/* Icon Fields
----------------------------------------------------------*/
/**
* Shows the icon selector.
*
* @since 1.0
* @access private
* @method _selectIcon
*/
_selectIcon: function()
{
var self = this;
FLIconSelector.open(function(icon){
FLBuilder._iconSelected.apply(self, [icon]);
});
},
/**
* Callback for when an icon is selected.
*
* @since 1.0
* @access private
* @method _iconSelected
* @param {String} icon The selected icon's CSS classname.
*/
_iconSelected: function(icon)
{
var wrap = $(this).closest('.fl-icon-field'),
iconField = wrap.find('input[type=hidden]'),
iconTag = wrap.find('i'),
oldIcon = iconTag.attr('data-icon');
iconField.val(icon).trigger('change');
iconTag.removeClass(oldIcon);
iconTag.addClass(icon);
iconTag.attr('data-icon', icon);
wrap.removeClass('fl-icon-empty');
wrap.find('label.error').remove();
},
/**
* Callback for when a selected icon is removed.
*
* @since 1.0
* @access private
* @method _removeIcon
*/
_removeIcon: function()
{
var wrap = $(this).closest('.fl-icon-field'),
iconField = wrap.find('input[type=hidden]'),
iconTag = wrap.find('i');
iconField.val('').trigger('change');
iconTag.removeClass();
iconTag.attr('data-icon', '');
wrap.addClass('fl-icon-empty');
},
/* Settings Form Fields
----------------------------------------------------------*/
/**
* Shows the settings for a nested form field when the
* edit link is clicked.
*
* @since 1.0
* @access private
* @method _formFieldClicked
*/
_formFieldClicked: function()
{
var link = $( this ),
form = link.closest( '.fl-builder-settings' ),
type = link.attr( 'data-type' ),
settings = link.siblings( 'input' ).val(),
helper = FLBuilder._moduleHelpers[ type ],
config = FLBuilderSettingsConfig.forms[ type ],
lightbox = FLBuilder._openNestedSettings( { className: 'fl-builder-lightbox fl-form-field-settings' } );
if ( '' === settings ) {
settings = JSON.stringify( FLBuilderSettingsConfig.forms[ type ] );
}
FLBuilderSettingsForms.render( {
id : type,
nodeId : form.attr( 'data-node' ),
nodeSettings : FLBuilder._getSettings( form ),
settings : JSON.parse( settings.replace( /'/g, "'" ) ),
lightbox : lightbox,
helper : helper,
rules : helper ? helper.rules : null
}, function() {
link.attr( 'id', 'fl-' + lightbox._node.attr( 'data-instance-id' ) );
lightbox._node.find( 'form.fl-builder-settings' ).attr( 'data-type', type );
} );
},
/**
* Saves the settings for a nested form field when the
* save button is clicked.
*
* @since 1.0
* @access private
* @method _saveFormFieldClicked
* @return {Boolean} Whether the save was successful or not.
*/
_saveFormFieldClicked: function()
{
var form = $(this).closest('.fl-builder-settings'),
lightboxId = $(this).closest('.fl-lightbox-wrap').attr('data-instance-id'),
type = form.attr('data-type'),
settings = FLBuilder._getSettings(form),
oldSettings = {},
helper = FLBuilder._moduleHelpers[type],
link = $('.fl-builder-settings #fl-' + lightboxId),
preview = link.parent().attr('data-preview-text'),
previewField = form.find( '#fl-field-' + preview ),
previewText = settings[preview],
selectPreview = $( 'select[name="' + preview + '"]' ),
tmp = document.createElement('div'),
valid = true;
if ( selectPreview.length > 0 ) {
previewText = selectPreview.find( 'option[value="' + settings[ preview ] + '"]' ).text();
}
if(typeof helper !== 'undefined') {
form.find('label.error').remove();
form.validate().hideErrors();
valid = form.validate().form();
if(valid) {
valid = helper.submit();
}
}
if(valid) {
if(typeof preview !== 'undefined' && typeof previewText !== 'undefined') {
if('icon' === previewField.data('type')) {
previewText = '
';
}
else if(previewText.length > 35) {
tmp.innerHTML = previewText;
previewText = (tmp.textContent || tmp.innerText || '').replace(/^(.{35}[^\s]*).*/, "$1") + '...';
}
link.siblings('.fl-form-field-preview-text').html(previewText);
}
oldSettings = link.siblings('input').val().replace(/'/g, "'");
if ( '' != oldSettings ) {
settings = $.extend( JSON.parse( oldSettings ), settings );
}
link.siblings('input').val(JSON.stringify(settings)).trigger('change');
FLBuilder._closeNestedSettings();
return true;
}
else {
FLBuilder._toggleSettingsTabErrors();
return false;
}
},
/* Layout Fields
----------------------------------------------------------*/
/**
* Callback for when the item of a layout field is clicked.
*
* @since 1.0
* @access private
* @method _layoutFieldClicked
*/
_layoutFieldClicked: function()
{
var option = $(this);
option.siblings().removeClass('fl-layout-field-option-selected');
option.addClass('fl-layout-field-option-selected');
option.siblings('input').val(option.attr('data-value'));
},
/* Link Fields
----------------------------------------------------------*/
/**
* Initializes all link fields in a settings form.
*
* @since 1.3.9
* @access private
* @method _initLinkFields
*/
_initLinkFields: function()
{
$('.fl-builder-settings:visible .fl-link-field').each(FLBuilder._initLinkField);
},
/**
* Initializes a single link field in a settings form.
*
* @since 1.3.9
* @access private
* @method _initLinkFields
*/
_initLinkField: function()
{
var wrap = $(this),
searchInput = wrap.find('.fl-link-field-search-input');
searchInput.autoSuggest(FLBuilder._ajaxUrl({
'fl_action' : 'fl_builder_autosuggest',
'fl_as_action' : 'fl_as_links',
'_wpnonce' : FLBuilderConfig.ajaxNonce
}), {
asHtmlID : searchInput.attr('name'),
selectedItemProp : 'name',
searchObjProps : 'name',
minChars : 3,
keyDelay : 1000,
fadeOut : false,
usePlaceholder : true,
emptyText : FLBuilderStrings.noResultsFound,
showResultListWhenNoMatch : true,
queryParam : 'fl_as_query',
selectionLimit : 1,
afterSelectionAdd : FLBuilder._updateLinkField
});
},
/**
* Updates the value of a link field when a link has been
* selected from the auto suggest menu.
*
* @since 1.3.9
* @access private
* @method _updateLinkField
* @param {Object} element The auto suggest field.
* @param {Object} item The current selection.
* @param {Array} selections An array of selected values.
*/
_updateLinkField: function(element, item, selections)
{
var wrap = element.closest('.fl-link-field'),
search = wrap.find('.fl-link-field-search'),
searchInput = wrap.find('.fl-link-field-search-input'),
field = wrap.find('.fl-link-field-input');
field.val(item.value).trigger('keyup');
searchInput.autoSuggest('remove', item.value);
search.hide();
},
/**
* Shows the auto suggest input for a link field.
*
* @since 1.3.9
* @access private
* @method _linkFieldSelectClicked
*/
_linkFieldSelectClicked: function()
{
var $el = $(this).closest('.fl-link-field').find('.fl-link-field-search');
$el.show();
$el.find('input').focus();
},
/**
* Hides the auto suggest input for a link field.
*
* @since 1.3.9
* @access private
* @method _linkFieldSelectCancelClicked
*/
_linkFieldSelectCancelClicked: function()
{
var $button = $(this);
$button.parent().hide();
$button.closest('.fl-link-field').find('input.fl-link-field-input').focus();
},
/* Font Fields
----------------------------------------------------------*/
/**
* Initializes all font fields in a settings form.
*
* @since 1.6.3
* @access private
* @method _initFontFields
*/
_initFontFields: function(){
$('.fl-builder-settings:visible .fl-font-field').each( FLBuilder._initFontField );
},
/**
* Initializes a single font field in a settings form.
*
* @since 1.6.3
* @access private
* @method _initFontFields
*/
_initFontField: function(){
var wrap = $( this ),
value = wrap.attr( 'data-value' ),
font = wrap.find( '.fl-font-field-font' ),
weight = wrap.find( '.fl-font-field-weight' );
font.on( 'change', function(){
FLBuilder._getFontWeights( font );
} );
if ( value.indexOf( 'family' ) > -1 ) {
value = JSON.parse( value );
font.val( value.family );
font.trigger( 'change' );
if ( weight.find( 'option[value=' + value.weight + ']' ).length ) {
weight.val( value.weight );
}
}
},
/**
* Renders the correct weights list for a respective font.
*
* @since 1.6.3
* @acces private
* @method _getFontWeights
* @param {Object} currentFont The font field element.
*/
_getFontWeights: function( currentFont ){
var selectWeight = currentFont.next( '.fl-font-field-weight' ),
font = currentFont.val(),
weightMap = {
'default' : 'Default',
'regular' : 'Regular',
'100': 'Thin 100',
'200': 'Extra-Light 200',
'300': 'Light 300',
'400': 'Normal 400',
'500': 'Medium 500',
'600': 'Semi-Bold 600',
'700': 'Bold 700',
'800': 'Extra-Bold 800',
'900': 'Ultra-Bold 900'
},
weights = {};
selectWeight.html('');
if ( 'undefined' != typeof FLBuilderFontFamilies.system[ font ] ) {
weights = FLBuilderFontFamilies.system[ font ].weights;
}
else if ( 'undefined' != typeof FLBuilderFontFamilies.google[ font ] ) {
weights = FLBuilderFontFamilies.google[ font ];
} else {
weights = FLBuilderFontFamilies.default[ font ];
}
$.each( weights, function( key, value ){
selectWeight.append( '
' );
} );
},
/* Editor Fields
----------------------------------------------------------*/
/**
* InitializeS TinyMCE when the builder is first loaded.
*
* @since 2.0
* @access private
* @method _initEditorFields
*/
_initTinyMCE: function()
{
if ( tinymce.ui.FloatPanel ) {
tinymce.ui.FloatPanel.zIndex = 100100; // Fix zIndex issue in wp 4.8.1
}
$( '.fl-builder-hidden-editor' ).each( FLBuilder._initEditorField );
},
/**
* Initialize all TinyMCE editor fields.
*
* @since 1.10
* @access private
* @method _initEditorFields
*/
_initEditorFields: function()
{
$( '.fl-builder-settings:visible .fl-editor-field' ).each( FLBuilder._initEditorField );
},
/**
* Initialize a single TinyMCE editor field.
*
* @since 2.0
* @method _initEditorField
*/
_initEditorField: function()
{
var field = $( this ),
textarea = field.find( 'textarea' ),
name = field.attr( 'data-name' ),
editorId = 'flrich' + new Date().getTime() + '_' + name,
html = FLBuilderConfig.wp_editor,
config = tinyMCEPreInit,
buttons = Number( field.attr( 'data-buttons' ) ),
rows = field.attr( 'data-rows' ),
init = null,
wrap = null;
html = html.replace( /flbuildereditor/g , editorId );
config = JSON.parse( JSON.stringify( config ).replace( /flbuildereditor/g , editorId ) );
textarea.after( html ).remove();
$( 'textarea#' + editorId ).val( textarea.val() )
if ( undefined !== typeof tinymce && undefined !== config.mceInit[ editorId ] ) {
init = config.mceInit[ editorId ];
wrap = tinymce.$( '#wp-' + editorId + '-wrap' );
wrap.find( 'textarea' ).attr( 'rows', rows );
if ( ! buttons ) {
wrap.find( '.wp-media-buttons' ).remove();
}
if ( ( wrap.hasClass( 'tmce-active' ) || ! config.qtInit.hasOwnProperty( editorId ) ) && ! init.wp_skip_init ) {
tinymce.init( init );
}
}
if ( undefined !== typeof quicktags ) {
quicktags( config.qtInit[ editorId ] );
}
window.wpActiveEditor = editorId;
},
/**
* Reinitialize all TinyMCE editor fields.
*
* @since 2.0
* @access private
* @method _reinitEditorFields
*/
_reinitEditorFields: function()
{
if ( ! $( '.fl-lightbox-resizable:visible' ).length ) {
return;
}
// Do this on a timeout so TinyMCE doesn't hold up other operations.
setTimeout( function() {
var i, id;
if ( 'undefined' === typeof tinymce ) {
return;
}
for ( i = tinymce.editors.length - 1; i > -1 ; i-- ) {
if ( ! tinymce.editors[ i ].inline ) {
id = tinymce.editors[ i ].id;
tinyMCE.execCommand( 'mceRemoveEditor', true, id );
tinyMCE.execCommand( 'mceAddEditor', true, id );
}
}
if ( FLBuilder.preview ) {
FLBuilder.preview._initDefaultFieldPreviews( $( '.fl-field[data-type="editor"]' ) );
}
}, 1 );
},
/**
* Destroy all TinyMCE editors.
*
* @since 1.10.8
* @method _destroyEditorFields
*/
_destroyEditorFields: function()
{
var i, id;
if ( 'undefined' === typeof tinymce ) {
return;
}
for ( i = tinymce.editors.length - 1; i > -1 ; i-- ) {
if ( ! tinymce.editors[ i ].inline ) {
tinyMCE.execCommand( 'mceRemoveEditor', true, tinymce.editors[ i ].id );
}
}
$( '.wplink-autocomplete' ).remove();
$( '.ui-helper-hidden-accessible' ).remove();
},
/**
* Updates all editor fields within a settings form.
*
* @since 1.0
* @access private
* @method _updateEditorFields
*/
_updateEditorFields: function()
{
var wpEditors = $('.fl-builder-settings:visible textarea.wp-editor-area');
wpEditors.each(FLBuilder._updateEditorField);
},
/**
* Updates a single editor field within a settings form.
* Creates a hidden textarea with the editor content so
* this field can be saved.
*
* @since 1.0
* @access private
* @method _updateEditorField
*/
_updateEditorField: function()
{
var textarea = $( this ),
field = textarea.closest( '.fl-editor-field' ),
form = textarea.closest( '.fl-builder-settings' ),
wrap = textarea.closest( '.wp-editor-wrap' ),
id = textarea.attr( 'id' ),
setting = field.attr( 'data-name' ),
editor = typeof tinymce == 'undefined' ? false : tinymce.get( id ),
hidden = textarea.siblings( 'textarea[name="' + setting + '"]' ),
wpautop = field.data( 'wpautop' );
// Add a hidden textarea if we don't have one.
if ( 0 === hidden.length ) {
hidden = $( '
' ).hide();
textarea.after( hidden );
}
// Save editor content.
if ( wpautop ) {
if ( editor && wrap.hasClass( 'tmce-active' ) ) {
hidden.val( editor.getContent() );
}
else if ( 'undefined' != typeof switchEditors ) {
hidden.val( switchEditors.wpautop( textarea.val() ) );
}
else {
hidden.val( textarea.val() );
}
}
else {
if ( editor && wrap.hasClass( 'tmce-active' ) ) {
editor.save();
}
hidden.val( textarea.val() );
}
},
/* Loop Settings Fields
----------------------------------------------------------*/
/**
* Callback for the data source of loop settings changes.
*
* @since 1.10
* @access private
* @method _loopDataSourceChange
*/
_loopDataSourceChange: function()
{
var val = $( this ).val();
$('.fl-loop-data-source').hide();
$('.fl-loop-data-source[data-source="' + val + '"]').show();
},
/**
* Callback for when the post type of a custom query changes.
*
* @since 1.2.3
* @access private
* @method _customQueryPostTypeChange
*/
_customQueryPostTypeChange: function()
{
var val = $(this).val();
$('.fl-custom-query-filter').hide();
$('.fl-custom-query-' + val + '-filter').show();
},
/* Ordering Fields
----------------------------------------------------------*/
/**
* Initializes all ordering fields in a settings form.
*
* @since 1.10
* @access private
* @method _initOrderingFields
*/
_initOrderingFields: function()
{
$( '.fl-builder-settings:visible .fl-ordering-field-options' ).each( FLBuilder._initOrderingField );
},
/**
* Initializes a single ordering field in a settings form.
*
* @since 1.10
* @access private
* @method _initOrderingField
*/
_initOrderingField: function()
{
$( this ).sortable( {
items: '.fl-ordering-field-option',
containment: 'parent',
tolerance: 'pointer',
stop: FLBuilder._updateOrderingField
} );
},
/**
* Updates an ordering field when dragging stops.
*
* @since 1.10
* @access private
* @method _updateOrderingField
* @param {Object} e The event object.
*/
_updateOrderingField: function( e )
{
var options = $( e.target ),
input = options.siblings( 'input[type=hidden]' ),
value = [];
options.find( '.fl-ordering-field-option' ).each( function() {
value.push( $( this ).attr( 'data-key' ) );
} );
input.val( JSON.stringify( value ) ).trigger( 'change' );
},
/* Text Fields - Add Predefined Value Selector
----------------------------------------------------------*/
/**
* Callback for when "add value" selectors for text fields changes.
*
* @since 1.6.5
* @access private
* @method _textFieldAddValueSelectChange
*/
_textFieldAddValueSelectChange: function()
{
var dropdown = $( this ),
textField = $( 'input[name="' + dropdown.data( 'target' ) + '"]' ),
currentValue = textField.val(),
addingValue = dropdown.val(),
newValue = '';
// Adding selected value to target text field only once
if ( -1 == currentValue.indexOf( addingValue ) ) {
newValue = ( currentValue.trim() + ' ' + addingValue.trim() ).trim();
textField
.val( newValue )
.trigger( 'change' )
.trigger( 'keyup' );
}
// Resetting the selector
dropdown
.val( '' );
},
/* Number Fields
----------------------------------------------------------*/
/**
* @since 2.0
* @access private
* @method _onNumberFieldFocus
*/
_onNumberFieldFocus: function(e) {
var $input = $(e.currentTarget);
$input.addClass('mousetrap');
Mousetrap.bind('up', function() {
$input.attr('step', 1);
});
Mousetrap.bind('down', function() {
$input.attr('step', 1);
});
Mousetrap.bind('shift+up', function() {
$input.attr('step', 10);
});
Mousetrap.bind('shift+down', function() {
$input.attr('step', 10);
});
},
/**
* @since 2.0
* @access private
* @method _onNumberFieldBlur
*/
_onNumberFieldBlur: function(e) {
var $input = $(e.currentTarget);
$input.attr('step', 1).removeClass('mousetrap');
},
/* Timezone Fields
----------------------------------------------------------*/
/**
* @since 2.0
* @access private
* @method _initTimezoneFields
*/
_initTimezoneFields: function() {
$( '.fl-builder-settings:visible .fl-field[data-type=timezone]' ).each( FLBuilder._initTimezoneField );
},
/**
* @since 2.0
* @access private
* @method _initTimezoneField
*/
_initTimezoneField: function() {
var select = $( this ).find( 'select' ),
value = select.attr( 'data-value' );
select.find( 'option[value="' + value + '"]' ).attr( 'selected', 'selected' );
},
/* AJAX
----------------------------------------------------------*/
/**
* Frontend AJAX for the builder interface.
*
* @since 1.0
* @method ajax
* @param {Object} data The data for the AJAX request.
* @param {Function} callback A function to call when the request completes.
*/
ajax: function(data, callback)
{
var prop;
FLBuilder.triggerHook('didBeginAJAX', data );
// Undefined props don't get sent to the server, so make them null.
for ( prop in data ) {
if ( 'undefined' == typeof data[ prop ] ) {
data[ prop ] = null;
}
}
// Add the ajax nonce to the data.
data._wpnonce = FLBuilderConfig.ajaxNonce;
// Send the post id to the server.
data.post_id = FLBuilderConfig.postId;
// Tell the server that the builder is active.
data.fl_builder = 1;
// Append the builder namespace to the action.
data.fl_action = data.action;
// Prevent ModSecurity false positives if our fix is enabled.
if ( 'undefined' != typeof data.settings ) {
data.settings = FLBuilder._ajaxModSecFix( $.extend( true, {}, data.settings ) );
}
if ( 'undefined' != typeof data.node_settings ) {
data.node_settings = FLBuilder._ajaxModSecFix( $.extend( true, {}, data.node_settings ) );
}
// Store the data in a single variable to avoid conflicts.
data = { fl_builder_data: data };
// Do the ajax call.
return $.post(FLBuilder._ajaxUrl(), data, function(response) {
FLBuilder._ajaxComplete();
if(typeof callback !== 'undefined') {
callback.call(this, response);
}
FLBuilder.triggerHook('didCompleteAJAX', data );
});
},
/**
* Callback for when an AJAX request is complete.
*
* @since 1.0
* @access private
* @method _ajaxComplete
*/
_ajaxComplete: function()
{
FLBuilder.hideAjaxLoader();
},
/**
* Returns a URL for an AJAX request.
*
* @since 1.0
* @access private
* @method _ajaxUrl
* @param {Object} params An object with key/value pairs for the AJAX query string.
* @return {String} The AJAX URL.
*/
_ajaxUrl: function(params)
{
var url = window.location.href.split( '#' ).shift(),
param = null;
if(typeof params !== 'undefined') {
for(param in params) {
url += url.indexOf('?') > -1 ? '&' : '?';
url += param + '=' + params[param];
}
}
return url;
},
/**
* Shows the AJAX loading overlay.
*
* @since 1.0
* @method showAjaxLoader
*/
showAjaxLoader: function()
{
if( 0 === $( '.fl-builder-lightbox-loading' ).length ) {
$( '.fl-builder-loading' ).show();
}
},
/**
* Hides the AJAX loading overlay.
*
* @since 1.0
* @method hideAjaxLoader
*/
hideAjaxLoader: function()
{
$( '.fl-builder-loading' ).hide();
},
/**
* Fades a node when it is being loaded.
*
* @since 1.10
* @access private
* @param {String} nodeId
* @method _showNodeLoading
*/
_showNodeLoading: function( nodeId )
{
var node = $( '.fl-node-' + nodeId );
node.addClass( 'fl-builder-node-loading' );
FLBuilder.triggerHook( 'didStartNodeLoading', node );
},
/**
* Brings a node back to 100% opacity when it's done loading.
*
* @since 2.0
* @access private
* @param {String} nodeId
* @method _hideNodeLoading
*/
_hideNodeLoading: function( nodeId )
{
var node = $( '.fl-node-' + nodeId );
node.removeClass( 'fl-builder-node-loading' );
},
/**
* Inserts a placeholder in place of where a node will be
* that is currently loading.
*
* @since 1.10
* @access private
* @param {Object} parent
* @param {Number} position
* @method _showNodeLoadingPlaceholder
*/
_showNodeLoadingPlaceholder: function( parent, position )
{
var placeholder = $( '
' );
// Get sibling rows.
if ( parent.hasClass( 'fl-builder-content' ) ) {
siblings = parent.find( ' > .fl-row' );
}
// Get sibling column groups.
else if ( parent.hasClass( 'fl-row-content' ) ) {
siblings = parent.find( ' > .fl-col-group' );
}
// Get sibling columns.
else if ( parent.hasClass( 'fl-col-group' ) ) {
parent.addClass( 'fl-col-group-has-child-loading' );
siblings = parent.find( ' > .fl-col' );
}
// Get sibling modules.
else {
siblings = parent.find( ' > .fl-col-group, > .fl-module' );
}
// Add the placeholder.
if ( 0 === siblings.length || siblings.length == position) {
parent.append( placeholder );
}
else {
siblings.eq( position ).before( placeholder );
}
},
/**
* Removes the node loading placeholder for a node.
*
* @since 1.10
* @access private
* @param {Object} node
* @method _removeNodeLoadingPlaceholder
*/
_removeNodeLoadingPlaceholder: function( node )
{
var prev = node.prev( '.fl-builder-node-loading-placeholder' ),
next = node.next( '.fl-builder-node-loading-placeholder' );
if ( prev.length ) {
prev.remove();
} else {
next.remove();
}
},
/**
* Base64 encode settings to prevent ModSecurity false
* positives if our fix is enabled.
*
* @since 1.8.4
* @access private
* @method _ajaxModSecFix
*/
_ajaxModSecFix: function( settings )
{
var prop;
if ( FLBuilderConfig.modSecFix && 'undefined' != typeof btoa ) {
if ( 'string' == typeof settings ) {
settings = FLBuilder._btoa( settings );
}
else {
for ( prop in settings ) {
if ( 'string' == typeof settings[ prop ] ) {
settings[ prop ] = FLBuilder._btoa( settings[ prop ] );
}
else if( 'object' == typeof settings[ prop ] ) {
settings[ prop ] = FLBuilder._ajaxModSecFix( settings[ prop ] );
}
}
}
}
return settings;
},
/**
* Helper function for _ajaxModSecFix
* btoa() does not handle utf8/16 characters
* See: https://stackoverflow.com/questions/30106476/using-javascripts-atob-to-decode-base64-doesnt-properly-decode-utf-8-strings
*
* @since 1.10.7
* @access private
* @method _btoa
*/
_btoa: function(str) {
return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
return String.fromCharCode('0x' + p1);
}));
},
/**
* @since 1.10.8
* @access private
* @method _wpmedia_reset_errors
*/
_wpmedia_reset_errors: function() {
$('.upload-error').remove()
$('.media-uploader-status' ).removeClass( 'errors' ).hide()
},
/* Lightboxes
----------------------------------------------------------*/
/**
* Initializes the lightboxes for the builder interface.
*
* @since 1.0
* @access private
* @method _initLightboxes
*/
_initLightboxes: function()
{
/* Main builder lightbox */
FLBuilder._lightbox = new FLLightbox({
className: 'fl-builder-lightbox fl-builder-settings-lightbox',
resizable: true
});
FLBuilder._lightbox.on('resized', FLBuilder._calculateSettingsTabsOverflow);
FLBuilder._lightbox.on('close', FLBuilder._lightboxClosed);
FLBuilder._lightbox.on('beforeCloseLightbox', FLBuilder._destroyEditorFields);
/* Actions lightbox */
FLBuilder._actionsLightbox = new FLLightbox({
className: 'fl-builder-actions-lightbox'
});
},
/**
* Shows the settings lightbox.
*
* @since 1.0
* @access private
* @method _showLightbox
*/
_showLightbox: function()
{
FLBuilder._lightbox.open('
');
FLBuilder._initLightboxScrollbars();
},
/**
* Set the content for the settings lightbox.
*
* @since 1.0
* @access private
* @method _setLightboxContent
* @param {String} content The HTML content for the lightbox.
*/
_setLightboxContent: function(content)
{
FLBuilder._lightbox.setContent(content);
},
/**
* Initializes the scrollbars for the settings lightbox.
*
* @since 1.0
* @access private
* @method _initLightboxScrollbars
*/
_initLightboxScrollbars: function()
{
FLBuilder._initScrollbars();
FLBuilder._lightboxScrollbarTimeout = setTimeout(FLBuilder._initLightboxScrollbars, 500);
},
/**
* Callback to clean things up when the settings lightbox
* is closed.
*
* @since 1.0
* @access private
* @method _lightboxClosed
*/
_lightboxClosed: function()
{
FLBuilder.triggerHook( 'settings-lightbox-closed' );
FLBuilder._lightbox.empty();
clearTimeout( FLBuilder._lightboxScrollbarTimeout );
},
/**
* Shows the actions lightbox.
*
* @since 1.0
* @access private
* @method _showActionsLightbox
* @param {Object} settings An object with settings for the lightbox buttons.
*/
_showActionsLightbox: function(settings)
{
var template = wp.template( 'fl-actions-lightbox' );
// Allow extensions to modify the settings object.
FLBuilder.triggerHook( 'actions-lightbox-settings', settings );
// Open the lightbox.
FLBuilder._actionsLightbox.open( template( settings ) );
},
/* Alert Lightboxes
----------------------------------------------------------*/
/**
* Shows the alert lightbox with a message.
*
* @since 1.0
* @method alert
* @param {String} message The message to show.
*/
alert: function(message)
{
var alert = new FLLightbox({
className: 'fl-builder-alert-lightbox',
destroyOnClose: true
}),
template = wp.template( 'fl-alert-lightbox' );
alert.open( template( { message : message } ) );
},
/**
* Closes the alert lightbox when a child element is clicked.
*
* @since 1.0
* @access private
* @method _alertClose
*/
_alertClose: function()
{
FLLightbox.closeParent(this);
},
/**
* Shows the confirm lightbox with a message.
*
* @since 1.10
* @method confirm
* @param {Object} o The config object that overrides the defaults.
*/
confirm: function( o )
{
var defaults = {
message : '',
ok : function(){},
cancel : function(){},
strings : {
'ok' : FLBuilderStrings.ok,
'cancel' : FLBuilderStrings.cancel
}
},
config = $.extend( {}, defaults, ( 'undefined' == typeof o ? {} : o ) )
lightbox = new FLLightbox({
className: 'fl-builder-confirm-lightbox fl-builder-alert-lightbox',
destroyOnClose: true
}),
template = wp.template( 'fl-confirm-lightbox' );
lightbox.open( template( config ) );
lightbox._node.find( '.fl-builder-confirm-ok' ).on( 'click', config.ok );
lightbox._node.find( '.fl-builder-confirm-cancel' ).on( 'click', config.cancel );
},
/* Simple JS hooks similar to WordPress PHP hooks.
----------------------------------------------------------*/
/**
* Trigger a hook.
*
* @since 1.8
* @method triggerHook
* @param {String} hook The hook to trigger.
* @param {Array} args An array of args to pass to the hook.
*/
triggerHook: function( hook, args )
{
$( 'body' ).trigger( 'fl-builder.' + hook, args );
},
/**
* Add a hook.
*
* @since 1.8
* @method addHook
* @param {String} hook The hook to add.
* @param {Function} callback A function to call when the hook is triggered.
*/
addHook: function( hook, callback )
{
$( 'body' ).on( 'fl-builder.' + hook, callback );
},
/**
* Remove a hook.
*
* @since 1.8
* @method removeHook
* @param {String} hook The hook to remove.
* @param {Function} callback The callback function to remove.
*/
removeHook: function( hook, callback )
{
$( 'body' ).off( 'fl-builder.' + hook, callback );
},
/* Console Logging
----------------------------------------------------------*/
/**
* Logs a message in the console if the console is available.
*
* @since 1.4.6
* @method log
* @param {String} message The message to log.
*/
log: function( message )
{
if ( 'undefined' == typeof window.console || 'undefined' == typeof window.console.log ) {
return;
}
console.log( message );
},
/**
* Logs an error in the console if the console is available.
*
* @since 1.4.6
* @method logError
* @param {String} error The error to log.
*/
logError: function( error )
{
var message = null;
if ( 'undefined' == typeof error ) {
return;
}
else if ( 'undefined' != typeof error.stack ) {
message = error.stack;
}
else if ( 'undefined' != typeof error.message ) {
message = error.message;
}
if ( message ) {
FLBuilder.log( '************************************************************************' );
FLBuilder.log( FLBuilderStrings.errorMessage );
FLBuilder.log( message );
FLBuilder.log( '************************************************************************' );
}
},
/**
* Logs a global error in the console if the console is available.
*
* @since 1.4.6
* @method logGlobalError
* @param {String} message
* @param {String} file
* @param {String} line
* @param {String} col
* @param {String} error
*/
logGlobalError: function( message, file, line, col, error )
{
FLBuilder.log( '************************************************************************' );
FLBuilder.log( FLBuilderStrings.errorMessage );
FLBuilder.log( FLBuilderStrings.globalErrorMessage.replace( '{message}', message ).replace( '{line}', line ).replace( '{file}', file ) );
if ( 'undefined' != typeof error && 'undefined' != typeof error.stack ) {
FLBuilder.log( error.stack );
FLBuilder.log( '************************************************************************' );
}
},
};
/* Start the party!!! */
$(function(){
FLBuilder._init();
});
})(jQuery);