Edit File by line

/**

[0] Fix | Delete

* WPForms Builder Search module.

[1] Fix | Delete

[2] Fix | Delete

* @since 1.8.3

[3] Fix | Delete

[4] Fix | Delete

[5] Fix | Delete

'use strict';

[6] Fix | Delete

[7] Fix | Delete

var WPForms = window.WPForms || {};

[8] Fix | Delete

[9] Fix | Delete

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

[10] Fix | Delete

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

[11] Fix | Delete

[12] Fix | Delete

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

[13] Fix | Delete

[14] Fix | Delete

/**

[15] Fix | Delete

* Elements holder.

[16] Fix | Delete

[17] Fix | Delete

* @since 1.8.3

[18] Fix | Delete

[19] Fix | Delete

* @type {object}

[20] Fix | Delete

[21] Fix | Delete

const el = {};

[22] Fix | Delete

[23] Fix | Delete

/**

[24] Fix | Delete

* Public functions and properties.

[25] Fix | Delete

[26] Fix | Delete

* @since 1.8.3

[27] Fix | Delete

[28] Fix | Delete

* @type {object}

[29] Fix | Delete

[30] Fix | Delete

const app = {

[31] Fix | Delete

[32] Fix | Delete

/**

[33] Fix | Delete

* Start the engine. DOM is not ready yet, use only to init something.

[34] Fix | Delete

[35] Fix | Delete

* @since 1.8.3

[36] Fix | Delete

[37] Fix | Delete

init: function() {

[38] Fix | Delete

[39] Fix | Delete

$( app.ready );

[40] Fix | Delete

[41] Fix | Delete

[42] Fix | Delete

/**

[43] Fix | Delete

* DOM is fully loaded.

[44] Fix | Delete

[45] Fix | Delete

* @since 1.8.3

[46] Fix | Delete

[47] Fix | Delete

ready: function() {

[48] Fix | Delete

[49] Fix | Delete

app.setup();

[50] Fix | Delete

app.events();

[51] Fix | Delete

app.scrollSidebar();

[52] Fix | Delete

[53] Fix | Delete

[54] Fix | Delete

/**

[55] Fix | Delete

* Scroll the sidebar to the height of the search.

[56] Fix | Delete

[57] Fix | Delete

* @since 1.8.3

[58] Fix | Delete

[59] Fix | Delete

scrollSidebar: function() {

[60] Fix | Delete

[61] Fix | Delete

el.$sidebar.scrollTop( el.$searchWrapper.height() + 20 );

[62] Fix | Delete

[63] Fix | Delete

[64] Fix | Delete

/**

[65] Fix | Delete

* Setup. Prepare some variables.

[66] Fix | Delete

[67] Fix | Delete

* @since 1.8.3

[68] Fix | Delete

[69] Fix | Delete

setup: function() {

[70] Fix | Delete

[71] Fix | Delete

// Cache DOM elements

[72] Fix | Delete

el.$document = $( document );

[73] Fix | Delete

el.$builder = $( '#wpforms-builder' );

[74] Fix | Delete

el.$searchInput = $( '#wpforms-search-fields-input' );

[75] Fix | Delete

el.$searchInputCloseBtn = $( '.wpforms-search-fields-input-close' );

[76] Fix | Delete

el.$searchWrapper = $( '.wpforms-search-fields-wrapper' );

[77] Fix | Delete

el.$noResults = $( '.wpforms-search-fields-no-results' );

[78] Fix | Delete

el.$listWrapper = $( '.wpforms-search-fields-list' );

[79] Fix | Delete

el.$list = $( '.wpforms-search-fields-list .wpforms-add-fields-buttons' );

[80] Fix | Delete

el.$groups = $( '.wpforms-tab-content > .wpforms-add-fields-group' );

[81] Fix | Delete

el.$sidebar = $( '#wpforms-panel-fields .wpforms-add-fields' );

[82] Fix | Delete

[83] Fix | Delete

[84] Fix | Delete

/**

[85] Fix | Delete

* Bind events.

[86] Fix | Delete

[87] Fix | Delete

* @since 1.8.3

[88] Fix | Delete

[89] Fix | Delete

events: function() {

[90] Fix | Delete

[91] Fix | Delete

el.$searchInput.on( 'keyup', app.searchAction );

[92] Fix | Delete

el.$searchInputCloseBtn.on( 'click', app.clearSearch );

[93] Fix | Delete

el.$document.on( 'wpformsFieldAdd', app.clearSearch );

[94] Fix | Delete

el.$document.on( 'wpformsFieldDelete', app.refreshSearchResults );

[95] Fix | Delete

[96] Fix | Delete

[97] Fix | Delete

/**

[98] Fix | Delete

* Search action.

[99] Fix | Delete

[100] Fix | Delete

* @since 1.8.3

[101] Fix | Delete

[102] Fix | Delete

searchAction: function() {

[103] Fix | Delete

[104] Fix | Delete

const $fields = el.$builder.find( '.wpforms-tab-content > .wpforms-add-fields-group .wpforms-add-fields-button' );

[105] Fix | Delete

const searchValue = el.$searchInput.val().toLowerCase();

[106] Fix | Delete

[107] Fix | Delete

el.$list.empty();

[108] Fix | Delete

[109] Fix | Delete

if ( searchValue ) {

[110] Fix | Delete

el.$groups.hide();

[111] Fix | Delete

el.$listWrapper.show();

[112] Fix | Delete

el.$searchInputCloseBtn.addClass( 'active' );

[113] Fix | Delete

[114] Fix | Delete

$fields.each( function() {

[115] Fix | Delete

[116] Fix | Delete

const $item = $( this );

[117] Fix | Delete

const titleText = $item.text().toLowerCase();

[118] Fix | Delete

const keywords = $item.data( 'field-keywords' ) ? $item.data( 'field-keywords' ).toLowerCase() : '';

[119] Fix | Delete

[120] Fix | Delete

if ( titleText.indexOf( searchValue ) >= 0 || ( keywords && keywords.indexOf( searchValue ) >= 0 ) ) {

[121] Fix | Delete

const $clone = $item.clone();

[122] Fix | Delete

[123] Fix | Delete

$clone.attr( 'data-target', $clone.attr( 'id' ) );

[124] Fix | Delete

$clone.removeAttr( 'id' );

[125] Fix | Delete

$clone.addClass( 'wpforms-add-fields-button-clone' );

[126] Fix | Delete

[127] Fix | Delete

el.$list.append( $clone );

[128] Fix | Delete

}

[129] Fix | Delete

} );

[130] Fix | Delete

[131] Fix | Delete

const $matchingItems = el.$list.find( '.wpforms-add-fields-button' );

[132] Fix | Delete

const hasMatchingItems = $matchingItems.length > 0;

[133] Fix | Delete

[134] Fix | Delete

if ( hasMatchingItems ) {

[135] Fix | Delete

el.$noResults.hide();

[136] Fix | Delete

} else {

[137] Fix | Delete

el.$noResults.show();

[138] Fix | Delete

el.$listWrapper.hide();

[139] Fix | Delete

}

[140] Fix | Delete

} else {

[141] Fix | Delete

el.$groups.show();

[142] Fix | Delete

el.$listWrapper.hide();

[143] Fix | Delete

el.$noResults.hide();

[144] Fix | Delete

el.$searchInputCloseBtn.removeClass( 'active' );

[145] Fix | Delete

}

[146] Fix | Delete

[147] Fix | Delete

WPForms.Admin.Builder.DragFields.setup();

[148] Fix | Delete

WPForms.Admin.Builder.DragFields.initSortableFields();

[149] Fix | Delete

app.cloneClickAction();

[150] Fix | Delete

[151] Fix | Delete

[152] Fix | Delete

/**

[153] Fix | Delete

* Clear search.

[154] Fix | Delete

[155] Fix | Delete

* @since 1.8.3

[156] Fix | Delete

[157] Fix | Delete

clearSearch: function() {

[158] Fix | Delete

[159] Fix | Delete

if ( ! el.$searchInput.val() ) {

[160] Fix | Delete

return;

[161] Fix | Delete

}

[162] Fix | Delete

[163] Fix | Delete

el.$list.empty();

[164] Fix | Delete

el.$listWrapper.hide();

[165] Fix | Delete

el.$groups.show();

[166] Fix | Delete

el.$noResults.hide();

[167] Fix | Delete

el.$searchInput.val( '' ).focus();

[168] Fix | Delete

el.$searchInputCloseBtn.removeClass( 'active' );

[169] Fix | Delete

[170] Fix | Delete

[171] Fix | Delete

/**

[172] Fix | Delete

* Refresh search results.

[173] Fix | Delete

[174] Fix | Delete

* @since 1.8.3

[175] Fix | Delete

[176] Fix | Delete

refreshSearchResults: function() {

[177] Fix | Delete

[178] Fix | Delete

// We need to wait for the original field to be unlocked.

[179] Fix | Delete

setTimeout( app.searchAction, 0 );

[180] Fix | Delete

[181] Fix | Delete

[182] Fix | Delete

/**

[183] Fix | Delete

* Clone click action.

[184] Fix | Delete

[185] Fix | Delete

* @since 1.8.3

[186] Fix | Delete

[187] Fix | Delete

cloneClickAction() {

[188] Fix | Delete

$( '.wpforms-add-fields-button-clone' ).on( 'click', function( e ) {

[189] Fix | Delete

e.preventDefault();

[190] Fix | Delete

e.stopPropagation();

[191] Fix | Delete

[192] Fix | Delete

const target = $( this ).attr( 'data-target' );

[193] Fix | Delete

[194] Fix | Delete

$( '#' + target ).trigger( 'click' );

[195] Fix | Delete

} );

[196] Fix | Delete

[197] Fix | Delete

};

[198] Fix | Delete

[199] Fix | Delete

// Provide access to public functions/properties.

[200] Fix | Delete

return app;

[201] Fix | Delete

[202] Fix | Delete

}( document, window, jQuery ) );

[203] Fix | Delete

[204] Fix | Delete

// Initialize.

[205] Fix | Delete

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

[206] Fix | Delete

[207] Fix | Delete