Edit File by line

/* global wpforms_builder_settings, Choices, wpf */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* Form Builder Settings Panel module.

[3] Fix | Delete

[4] Fix | Delete

* @since 1.7.5

[5] Fix | Delete

[6] Fix | Delete

[7] Fix | Delete

'use strict';

[8] Fix | Delete

[9] Fix | Delete

var WPForms = window.WPForms || {};

[10] Fix | Delete

[11] Fix | Delete

WPForms.Admin = WPForms.Admin || {};

[12] Fix | Delete

WPForms.Admin.Builder = WPForms.Admin.Builder || {};

[13] Fix | Delete

[14] Fix | Delete

WPForms.Admin.Builder.Settings = WPForms.Admin.Builder.Settings || ( function( document, window, $ ) {

[15] Fix | Delete

[16] Fix | Delete

/**

[17] Fix | Delete

* Elements holder.

[18] Fix | Delete

[19] Fix | Delete

* @since 1.7.5

[20] Fix | Delete

[21] Fix | Delete

* @type {object}

[22] Fix | Delete

[23] Fix | Delete

var el = {};

[24] Fix | Delete

[25] Fix | Delete

/**

[26] Fix | Delete

* Runtime variables.

[27] Fix | Delete

[28] Fix | Delete

* @since 1.7.5

[29] Fix | Delete

[30] Fix | Delete

* @type {object}

[31] Fix | Delete

[32] Fix | Delete

var vars = {};

[33] Fix | Delete

[34] Fix | Delete

/**

[35] Fix | Delete

* Public functions and properties.

[36] Fix | Delete

[37] Fix | Delete

* @since 1.7.5

[38] Fix | Delete

[39] Fix | Delete

* @type {object}

[40] Fix | Delete

[41] Fix | Delete

var app = {

[42] Fix | Delete

[43] Fix | Delete

/**

[44] Fix | Delete

* Start the engine.

[45] Fix | Delete

[46] Fix | Delete

* @since 1.7.5

[47] Fix | Delete

[48] Fix | Delete

init: function() {

[49] Fix | Delete

[50] Fix | Delete

$( app.ready );

[51] Fix | Delete

[52] Fix | Delete

[53] Fix | Delete

/**

[54] Fix | Delete

* DOM is fully loaded.

[55] Fix | Delete

[56] Fix | Delete

* @since 1.7.5

[57] Fix | Delete

[58] Fix | Delete

ready: function() {

[59] Fix | Delete

[60] Fix | Delete

app.setup();

[61] Fix | Delete

app.initTags();

[62] Fix | Delete

app.events();

[63] Fix | Delete

[64] Fix | Delete

[65] Fix | Delete

/**

[66] Fix | Delete

* Setup. Prepare some variables.

[67] Fix | Delete

[68] Fix | Delete

* @since 1.7.5

[69] Fix | Delete

[70] Fix | Delete

setup: function() {

[71] Fix | Delete

[72] Fix | Delete

// Cache DOM elements.

[73] Fix | Delete

el = {

[74] Fix | Delete

$builder: $( '#wpforms-builder' ),

[75] Fix | Delete

$panel: $( '#wpforms-panel-settings' ),

[76] Fix | Delete

$selectTags: $( '#wpforms-panel-field-settings-form_tags' ),

[77] Fix | Delete

};

[78] Fix | Delete

[79] Fix | Delete

[80] Fix | Delete

/**

[81] Fix | Delete

* Bind events.

[82] Fix | Delete

[83] Fix | Delete

* @since 1.7.5

[84] Fix | Delete

[85] Fix | Delete

events: function() {

[86] Fix | Delete

[87] Fix | Delete

el.$panel

[88] Fix | Delete

.on( 'keydown', '#wpforms-panel-field-settings-form_tags-wrap input', app.addCustomTagInput )

[89] Fix | Delete

.on( 'removeItem', '#wpforms-panel-field-settings-form_tags-wrap select', app.editTagsRemoveItem );

[90] Fix | Delete

[91] Fix | Delete

el.$selectTags

[92] Fix | Delete

.on( 'change', app.changeTags );

[93] Fix | Delete

[94] Fix | Delete

[95] Fix | Delete

/**

[96] Fix | Delete

* Init Choices.js on the Tags select input element.

[97] Fix | Delete

[98] Fix | Delete

* @since 1.7.5

[99] Fix | Delete

[100] Fix | Delete

initTags: function() {

[101] Fix | Delete

[102] Fix | Delete

// Skip in certain cases.

[103] Fix | Delete

if (

[104] Fix | Delete

! el.$selectTags.length ||

[105] Fix | Delete

typeof window.Choices !== 'function'

[106] Fix | Delete

) {

[107] Fix | Delete

return;

[108] Fix | Delete

}

[109] Fix | Delete

[110] Fix | Delete

// Init Choices.js object instance.

[111] Fix | Delete

vars.tagsChoicesObj = new Choices( el.$selectTags[0], wpforms_builder_settings.choicesjs_config );

[112] Fix | Delete

[113] Fix | Delete

// Backup current value.

[114] Fix | Delete

var currentValue = vars.tagsChoicesObj.getValue( true );

[115] Fix | Delete

[116] Fix | Delete

// Update all tags choices.

[117] Fix | Delete

vars.tagsChoicesObj

[118] Fix | Delete

.clearStore()

[119] Fix | Delete

.setChoices(

[120] Fix | Delete

wpforms_builder_settings.all_tags_choices,

[121] Fix | Delete

'value',

[122] Fix | Delete

'label',

[123] Fix | Delete

true

[124] Fix | Delete

)

[125] Fix | Delete

.setChoiceByValue( currentValue );

[126] Fix | Delete

[127] Fix | Delete

el.$selectTags.data( 'choicesjs', vars.tagsChoicesObj );

[128] Fix | Delete

[129] Fix | Delete

app.initTagsHiddenInput();

[130] Fix | Delete

[131] Fix | Delete

[132] Fix | Delete

/**

[133] Fix | Delete

* Init Tags hidden input element.

[134] Fix | Delete

[135] Fix | Delete

* @since 1.7.5

[136] Fix | Delete

[137] Fix | Delete

initTagsHiddenInput: function() {

[138] Fix | Delete

[139] Fix | Delete

// Create additional hidden input.

[140] Fix | Delete

el.$selectTagsHiddenInput = $( '<input type="hidden" name="settings[form_tags_json]">' );

[141] Fix | Delete

el.$selectTags

[142] Fix | Delete

.closest( '.wpforms-panel-field' )

[143] Fix | Delete

.append( el.$selectTagsHiddenInput );

[144] Fix | Delete

[145] Fix | Delete

// Update hidden input value.

[146] Fix | Delete

app.changeTags( null );

[147] Fix | Delete

[148] Fix | Delete

// Update form state when hidden input initialized.

[149] Fix | Delete

// This will prevent a please-save-prompt to appear, when switching from revisions without doing any changes anywhere.

[150] Fix | Delete

if ( wpf.initialSave === true ) {

[151] Fix | Delete

wpf.savedState = wpf.getFormState( '#wpforms-builder-form' );

[152] Fix | Delete

}

[153] Fix | Delete

[154] Fix | Delete

[155] Fix | Delete

/**

[156] Fix | Delete

* Add custom item to Tags dropdown on input.

[157] Fix | Delete

[158] Fix | Delete

* @since 1.7.5

[159] Fix | Delete

[160] Fix | Delete

* @param {object} event Event object.

[161] Fix | Delete

[162] Fix | Delete

addCustomTagInput: function( event ) {

[163] Fix | Delete

[164] Fix | Delete

if ( [ 'Enter', ',' ].indexOf( event.key ) < 0 ) {

[165] Fix | Delete

return;

[166] Fix | Delete

}

[167] Fix | Delete

[168] Fix | Delete

event.preventDefault();

[169] Fix | Delete

event.stopPropagation();

[170] Fix | Delete

[171] Fix | Delete

if ( ! vars.tagsChoicesObj || event.target.value.length === 0 ) {

[172] Fix | Delete

return;

[173] Fix | Delete

}

[174] Fix | Delete

[175] Fix | Delete

var tagLabel = _.escape( event.target.value ).trim(),

[176] Fix | Delete

labels = _.map( vars.tagsChoicesObj.getValue(), 'label' ).map( function( label ) {

[177] Fix | Delete

return label.toLowerCase().trim();

[178] Fix | Delete

} );

[179] Fix | Delete

[180] Fix | Delete

if ( tagLabel === '' || labels.indexOf( tagLabel.toLowerCase() ) >= 0 ) {

[181] Fix | Delete

vars.tagsChoicesObj.clearInput();

[182] Fix | Delete

[183] Fix | Delete

return;

[184] Fix | Delete

}

[185] Fix | Delete

[186] Fix | Delete

app.addCustomTagInputCreate( tagLabel );

[187] Fix | Delete

app.changeTags( event );

[188] Fix | Delete

[189] Fix | Delete

[190] Fix | Delete

/**

[191] Fix | Delete

* Remove tag from Tags field event handler.

[192] Fix | Delete

[193] Fix | Delete

* @since 1.7.5

[194] Fix | Delete

[195] Fix | Delete

* @param {object} event Event object.

[196] Fix | Delete

[197] Fix | Delete

editTagsRemoveItem: function( event ) {

[198] Fix | Delete

[199] Fix | Delete

var allValues = _.map( wpforms_builder_settings.all_tags_choices, 'value' );

[200] Fix | Delete

[201] Fix | Delete

if ( allValues.indexOf( event.detail.value ) >= 0 ) {

[202] Fix | Delete

return;

[203] Fix | Delete

}

[204] Fix | Delete

[205] Fix | Delete

// We should remove new tag from the list of choices.

[206] Fix | Delete

var choicesObj = $( event.target ).data( 'choicesjs' ),

[207] Fix | Delete

currentValue = choicesObj.getValue( true ),

[208] Fix | Delete

choices = _.filter( choicesObj._currentState.choices, function( item ) {

[209] Fix | Delete

return item.value !== event.detail.value;

[210] Fix | Delete

} );

[211] Fix | Delete

[212] Fix | Delete

choicesObj

[213] Fix | Delete

.clearStore()

[214] Fix | Delete

.setChoices( choices, 'value', 'label', true )

[215] Fix | Delete

.setChoiceByValue( currentValue );

[216] Fix | Delete

[217] Fix | Delete

[218] Fix | Delete

/**

[219] Fix | Delete

* Add custom item to Tags dropdown on input (second part).

[220] Fix | Delete

[221] Fix | Delete

* @since 1.7.5

[222] Fix | Delete

[223] Fix | Delete

* @param {object} tagLabel Event object.

[224] Fix | Delete

[225] Fix | Delete

addCustomTagInputCreate: function( tagLabel ) {

[226] Fix | Delete

[227] Fix | Delete

var tag = _.find( wpforms_builder_settings.all_tags_choices, { label: tagLabel } );

[228] Fix | Delete

[229] Fix | Delete

if ( tag && tag.value ) {

[230] Fix | Delete

vars.tagsChoicesObj.setChoiceByValue( tag.value );

[231] Fix | Delete

} else {

[232] Fix | Delete

vars.tagsChoicesObj.setChoices(

[233] Fix | Delete

[

[234] Fix | Delete

{

[235] Fix | Delete

value: tagLabel,

[236] Fix | Delete

label: tagLabel,

[237] Fix | Delete

selected: true,

[238] Fix | Delete

[239] Fix | Delete

[240] Fix | Delete

'value',

[241] Fix | Delete

'label',

[242] Fix | Delete

false

[243] Fix | Delete

);

[244] Fix | Delete

}

[245] Fix | Delete

[246] Fix | Delete

vars.tagsChoicesObj.clearInput();

[247] Fix | Delete

[248] Fix | Delete

[249] Fix | Delete

/**

[250] Fix | Delete

* Change Tags field event handler.

[251] Fix | Delete

[252] Fix | Delete

* @since 1.7.5

[253] Fix | Delete

[254] Fix | Delete

* @param {object} event Event object.

[255] Fix | Delete

[256] Fix | Delete

changeTags: function( event ) {

[257] Fix | Delete

[258] Fix | Delete

var tagsValue = vars.tagsChoicesObj.getValue(),

[259] Fix | Delete

tags = [];

[260] Fix | Delete

[261] Fix | Delete

for ( var i = 0; i < tagsValue.length; i++ ) {

[262] Fix | Delete

tags.push( {

[263] Fix | Delete

value: tagsValue[ i ].value,

[264] Fix | Delete

label: tagsValue[ i ].label,

[265] Fix | Delete

} );

[266] Fix | Delete

}

[267] Fix | Delete

[268] Fix | Delete

// Update Tags field hidden input value.

[269] Fix | Delete

el.$selectTagsHiddenInput.val(

[270] Fix | Delete

JSON.stringify( tags )

[271] Fix | Delete

);

[272] Fix | Delete

[273] Fix | Delete

};

[274] Fix | Delete

[275] Fix | Delete

// Provide access to public functions/properties.

[276] Fix | Delete

return app;

[277] Fix | Delete

[278] Fix | Delete

}( document, window, jQuery ) );

[279] Fix | Delete

[280] Fix | Delete

// Initialize.

[281] Fix | Delete

WPForms.Admin.Builder.Settings.init();

[282] Fix | Delete

[283] Fix | Delete