/* global wpforms_admin */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* WPForms admin. Extend list tables functionality.

[3] Fix | Delete

*

[4] Fix | Delete

* @param wpforms_admin.column_selector_title

[5] Fix | Delete

* @param wpforms_admin.save_changes

[6] Fix | Delete

* @param wpforms_admin.uh_oh

[7] Fix | Delete

* @param wpforms_admin.unknown_error

[8] Fix | Delete

* @param wpforms_admin.column_selector_no_fields

[9] Fix | Delete

* @param wpforms_admin.column_selector_no_meta

[10] Fix | Delete

*

[11] Fix | Delete

* @since 1.8.6

[12] Fix | Delete

*/

[13] Fix | Delete

const WPFormsAdminListTableExt = window.WPFormsAdminListTableExt || ( function( document, window, $ ) {

[14] Fix | Delete

/**

[15] Fix | Delete

* Supported pages' CSS selectors.

[16] Fix | Delete

* It is the ids of the `.wpforms-admin-wrap` container, which reflects `page` + `view` URL attributes.

[17] Fix | Delete

*

[18] Fix | Delete

* @since 1.8.6

[19] Fix | Delete

*

[20] Fix | Delete

* @type {Array}

[21] Fix | Delete

*/

[22] Fix | Delete

const supportedPages = [

[23] Fix | Delete

'#wpforms-overview',

[24] Fix | Delete

'#wpforms-entries-list',

[25] Fix | Delete

];

[26] Fix | Delete

[27] Fix | Delete

/**

[28] Fix | Delete

* Element selectors shared between functions.

[29] Fix | Delete

*

[30] Fix | Delete

* @since 1.8.6

[31] Fix | Delete

*

[32] Fix | Delete

* @type {Object}

[33] Fix | Delete

*/

[34] Fix | Delete

const selectors = {

[35] Fix | Delete

cogIcon: '#wpforms-list-table-ext-edit-columns-cog',

[36] Fix | Delete

submitButton: '#wpforms-list-table-ext-edit-columns-select-submit',

[37] Fix | Delete

};

[38] Fix | Delete

[39] Fix | Delete

/**

[40] Fix | Delete

* Elements.

[41] Fix | Delete

*

[42] Fix | Delete

* @since 1.8.6

[43] Fix | Delete

*

[44] Fix | Delete

* @type {Object}

[45] Fix | Delete

*/

[46] Fix | Delete

const el = {};

[47] Fix | Delete

[48] Fix | Delete

/**

[49] Fix | Delete

* Public functions and properties.

[50] Fix | Delete

*

[51] Fix | Delete

* @since 1.8.6

[52] Fix | Delete

*

[53] Fix | Delete

* @type {Object}

[54] Fix | Delete

*/

[55] Fix | Delete

const app = {

[56] Fix | Delete

[57] Fix | Delete

/**

[58] Fix | Delete

* Start the engine.

[59] Fix | Delete

*

[60] Fix | Delete

* @since 1.8.6

[61] Fix | Delete

*/

[62] Fix | Delete

init() {

[63] Fix | Delete

app.initElements();

[64] Fix | Delete

[65] Fix | Delete

el.$doc.on( 'wpformsReady', app.initMultiSelect );

[66] Fix | Delete

[67] Fix | Delete

$( app.ready );

[68] Fix | Delete

},

[69] Fix | Delete

[70] Fix | Delete

/**

[71] Fix | Delete

* Document ready.

[72] Fix | Delete

*

[73] Fix | Delete

* @since 1.8.6

[74] Fix | Delete

*/

[75] Fix | Delete

ready() {

[76] Fix | Delete

app.prepareTableFootColumns();

[77] Fix | Delete

app.initTableScrollColumns();

[78] Fix | Delete

app.initTableSortableColumns();

[79] Fix | Delete

app.events();

[80] Fix | Delete

app.windowResize();

[81] Fix | Delete

},

[82] Fix | Delete

[83] Fix | Delete

/**

[84] Fix | Delete

* Events.

[85] Fix | Delete

*

[86] Fix | Delete

* @since 1.8.6

[87] Fix | Delete

*/

[88] Fix | Delete

events() {

[89] Fix | Delete

el.$doc

[90] Fix | Delete

.on( 'click', selectors.cogIcon, app.onClickCog )

[91] Fix | Delete

.on( 'wpforms_multiselect_checkbox_list_toggle', app.onMenuToggle )

[92] Fix | Delete

.on( 'click', selectors.submitButton, app.onSaveChanges );

[93] Fix | Delete

[94] Fix | Delete

el.$tableScroll?.on( 'scroll', app.tableScroll );

[95] Fix | Delete

[96] Fix | Delete

// noinspection TypeScriptUMDGlobal

[97] Fix | Delete

$( window ).on( 'resize', _.debounce( app.windowResize, 100 ) );

[98] Fix | Delete

[99] Fix | Delete

el.$searchInput?.on( 'input', _.debounce( app.maybeShowNoResults, 310 ) ); // On 300 ms the multiselect lib is updating the list of items so we need to wait a bit more.

[100] Fix | Delete

},

[101] Fix | Delete

[102] Fix | Delete

/**

[103] Fix | Delete

* Init elements.

[104] Fix | Delete

*

[105] Fix | Delete

* @since 1.8.6

[106] Fix | Delete

*/

[107] Fix | Delete

initElements() {

[108] Fix | Delete

el.$doc = $( document );

[109] Fix | Delete

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

[110] Fix | Delete

el.$page = $( supportedPages.join( ',' ) );

[111] Fix | Delete

el.$table = el.$page.find( '.wp-list-table' );

[112] Fix | Delete

el.$tableContainer = el.$table.parent();

[113] Fix | Delete

el.$menu = $( '#wpforms-list-table-ext-edit-columns-select-container' );

[114] Fix | Delete

el.$cog = app.initCogIcon();

[115] Fix | Delete

el.$wpcontent = $( '#wpcontent' );

[116] Fix | Delete

[117] Fix | Delete

// The Forms Overview page has no table container, wrap the table.

[118] Fix | Delete

if ( ! el.$tableContainer.hasClass( 'wpforms-table-container' ) ) {

[119] Fix | Delete

el.$table.wrap( '<div class="wpforms-table-container"></div>' );

[120] Fix | Delete

el.$tableContainer = el.$table.parent();

[121] Fix | Delete

}

[122] Fix | Delete

[123] Fix | Delete

// Add specific classes to the page container.

[124] Fix | Delete

el.$page.addClass( 'wpforms-list-table-ext-page' );

[125] Fix | Delete

},

[126] Fix | Delete

[127] Fix | Delete

/**

[128] Fix | Delete

* Prepare table footer columns. Their IDs should match the IDs of the header columns.

[129] Fix | Delete

*

[130] Fix | Delete

* @since 1.8.6

[131] Fix | Delete

*/

[132] Fix | Delete

prepareTableFootColumns() {

[133] Fix | Delete

el.$table.find( 'thead tr .manage-column' ).each( function() {

[134] Fix | Delete

const columnId = $( this ).attr( 'id' );

[135] Fix | Delete

[136] Fix | Delete

el.$table.find( 'tfoot tr .column-' + columnId ).attr( 'id', columnId + '-foot' );

[137] Fix | Delete

} );

[138] Fix | Delete

[139] Fix | Delete

// Disable sorting of the cog column.

[140] Fix | Delete

el.$table.find( '.manage-column.column-cog' )

[141] Fix | Delete

.addClass( 'wpforms-table-cell-sticky' );

[142] Fix | Delete

},

[143] Fix | Delete

[144] Fix | Delete

/**

[145] Fix | Delete

* Initialize table columns sortable container.

[146] Fix | Delete

*

[147] Fix | Delete

* @since 1.8.6

[148] Fix | Delete

*/

[149] Fix | Delete

initTableSortableColumns() { // eslint-disable-line max-lines-per-function

[150] Fix | Delete

let $columnCells,

[151] Fix | Delete

columnId;

[152] Fix | Delete

[153] Fix | Delete

el.$table.find( 'thead tr, tfoot tr' ).each( function() { // eslint-disable-line max-lines-per-function

[154] Fix | Delete

const $sortable = $( this );

[155] Fix | Delete

[156] Fix | Delete

$sortable.sortable( {

[157] Fix | Delete

items: '> th:not(:first-child):not(.wpforms-table-cell-sticky)',

[158] Fix | Delete

connectWith: '',

[159] Fix | Delete

delay: 100,

[160] Fix | Delete

opacity: 0.75,

[161] Fix | Delete

cursor: 'move',

[162] Fix | Delete

cancel: '.wpforms-table-column-not-draggable',

[163] Fix | Delete

placeholder: 'wpforms-table-column-drag-placeholder',

[164] Fix | Delete

appendTo: el.$page,

[165] Fix | Delete

zindex: 10000,

[166] Fix | Delete

tolerance: 'intersect',

[167] Fix | Delete

distance: 1,

[168] Fix | Delete

helper( e, origin ) {

[169] Fix | Delete

const $el = $( origin ),

[170] Fix | Delete

$helper = $el.clone(),

[171] Fix | Delete

width = $el.outerWidth();

[172] Fix | Delete

[173] Fix | Delete

return $helper.css( 'width', width + 'px' );

[174] Fix | Delete

},

[175] Fix | Delete

start( e, ui ) {

[176] Fix | Delete

ui.helper.addClass( 'wpforms-table-column-drag-helper' ); // Add a specific class to the helper container.

[177] Fix | Delete

ui.item.addClass( 'wpforms-table-column-dragged-out' ).css( 'display', '' );

[178] Fix | Delete

[179] Fix | Delete

// Disable global scrolling.

[180] Fix | Delete

el.$wpcontent.addClass( 'wpforms-no-scroll' );

[181] Fix | Delete

[182] Fix | Delete

columnId = ui.item.attr( 'id' ).replace( '-foot', '' );

[183] Fix | Delete

},

[184] Fix | Delete

stop( e, ui ) {

[185] Fix | Delete

// Remove specific classes from the helper.

[186] Fix | Delete

ui.item

[187] Fix | Delete

.removeClass( 'wpforms-table-column-drag-helper' )

[188] Fix | Delete

.removeClass( 'wpforms-table-column-dragged-out' );

[189] Fix | Delete

[190] Fix | Delete

// Remove previously added vertical placeholder class from all columns.

[191] Fix | Delete

el.$table.find( 'thead tr > *, tfoot tr > *' ).removeClass( 'wpforms-table-column-drag-placeholder-prev' );

[192] Fix | Delete

[193] Fix | Delete

// Enable global scrolling.

[194] Fix | Delete

el.$wpcontent.removeClass( 'wpforms-no-scroll' );

[195] Fix | Delete

[196] Fix | Delete

const prevColumnId = ui.item.prev().attr( 'id' ).replace( '-foot', '' ),

[197] Fix | Delete

$rows = el.$table.find( 'tbody tr:not(.wpforms-hidden)' ),

[198] Fix | Delete

prevSelector = prevColumnId !== 'cb' ? '.column-' + prevColumnId : '.check-column';

[199] Fix | Delete

[200] Fix | Delete

// Move column cells.

[201] Fix | Delete

$columnCells = $rows.find( 'td.column-' + columnId ).detach();

[202] Fix | Delete

[203] Fix | Delete

for ( let i = 0; i < $columnCells.length; i++ ) {

[204] Fix | Delete

$rows.eq( i ).find( prevSelector ).after( $columnCells.eq( i ) );

[205] Fix | Delete

}

[206] Fix | Delete

[207] Fix | Delete

// Move opposite column header.

[208] Fix | Delete

const oppositeColumnsSelector = ui.item.closest( 'thead' ).length > 0 ? 'tfoot' : 'thead',

[209] Fix | Delete

$oppositeColumn = el.$table.find( oppositeColumnsSelector + ' tr .column-' + columnId ).detach();

[210] Fix | Delete

[211] Fix | Delete

el.$table.find( oppositeColumnsSelector + ' tr ' + prevSelector ).after( $oppositeColumn );

[212] Fix | Delete

[213] Fix | Delete

app.updateMenuColumnsOrder();

[214] Fix | Delete

},

[215] Fix | Delete

change( e, ui ) {

[216] Fix | Delete

// Remove previously added vertical placeholder class from all columns.

[217] Fix | Delete

el.$table.find( 'thead tr > *, tfoot tr > *' ).removeClass( 'wpforms-table-column-drag-placeholder-prev' );

[218] Fix | Delete

[219] Fix | Delete

// Add the vertical placeholder class to the previous column.

[220] Fix | Delete

ui.placeholder.prev().addClass( 'wpforms-table-column-drag-placeholder-prev' );

[221] Fix | Delete

},

[222] Fix | Delete

update() {

[223] Fix | Delete

app.saveColumnsOrder();

[224] Fix | Delete

},

[225] Fix | Delete

} );

[226] Fix | Delete

} );

[227] Fix | Delete

},

[228] Fix | Delete

[229] Fix | Delete

/**

[230] Fix | Delete

* Initialize table scroll sticky columns.

[231] Fix | Delete

*

[232] Fix | Delete

* @since 1.8.6

[233] Fix | Delete

*/

[234] Fix | Delete

initTableScrollColumns() {

[235] Fix | Delete

// Init table horizontal scrolling only on the Entries page.

[236] Fix | Delete

if ( ! el.$page.is( '#wpforms-entries-list' ) ) {

[237] Fix | Delete

return;

[238] Fix | Delete

}

[239] Fix | Delete

[240] Fix | Delete

el.$tableScroll = el.$tableContainer;

[241] Fix | Delete

[242] Fix | Delete

// The Entries page has own table container, add the class.

[243] Fix | Delete

el.$tableScroll.addClass( 'wpforms-table-scroll' );

[244] Fix | Delete

[245] Fix | Delete

// Detect the Windows OS platform.

[246] Fix | Delete

el.$tableScroll.toggleClass( 'wpforms-scrollbar', app.isCustomScrollbarNeeded() );

[247] Fix | Delete

[248] Fix | Delete

// Add specific class to the sticky columns.

[249] Fix | Delete

el.$table.find( '.check-column, .column-indicators' )

[250] Fix | Delete

.addClass( 'wpforms-table-cell-sticky' )

[251] Fix | Delete

.addClass( 'left' );

[252] Fix | Delete

[253] Fix | Delete

el.$table.find( '.column-actions' )

[254] Fix | Delete

.addClass( 'wpforms-table-cell-sticky' )

[255] Fix | Delete

.addClass( 'right' );

[256] Fix | Delete

},

[257] Fix | Delete

[258] Fix | Delete

/**

[259] Fix | Delete

* Table scroll event.

[260] Fix | Delete

*

[261] Fix | Delete

* @since 1.8.6

[262] Fix | Delete

*/

[263] Fix | Delete

tableScroll() {

[264] Fix | Delete

if ( ! el.$tableScroll?.length ) {

[265] Fix | Delete

return;

[266] Fix | Delete

}

[267] Fix | Delete

[268] Fix | Delete

const width = el.$tableScroll.outerWidth(),

[269] Fix | Delete

scrollLeft = Math.abs( el.$tableScroll.get( 0 ).scrollLeft ),

[270] Fix | Delete

scrollWidth = el.$tableScroll.get( 0 ).scrollWidth;

[271] Fix | Delete

[272] Fix | Delete

// Conditionally Add shadow to the sticky columns.

[273] Fix | Delete

el.$tableScroll

[274] Fix | Delete

.find( '.wpforms-table-cell-sticky.left' )

[275] Fix | Delete

.toggleClass( 'shadow', scrollLeft > 1 ); // 1px is fix for the RTL mode.

[276] Fix | Delete

[277] Fix | Delete

el.$tableScroll

[278] Fix | Delete

.find( '.wpforms-table-cell-sticky.right' )

[279] Fix | Delete

.toggleClass( 'shadow', scrollWidth - width >= scrollLeft );

[280] Fix | Delete

},

[281] Fix | Delete

[282] Fix | Delete

/**

[283] Fix | Delete

* Window resize event.

[284] Fix | Delete

*

[285] Fix | Delete

* @since 1.8.6

[286] Fix | Delete

*/

[287] Fix | Delete

windowResize() {

[288] Fix | Delete

// Disable dragging on mobiles.

[289] Fix | Delete

el.$table.find( 'thead th, tfoot th' ).toggleClass( 'wpforms-table-column-not-draggable', window.innerWidth <= 782 );

[290] Fix | Delete

[291] Fix | Delete

app.closeMenu();

[292] Fix | Delete

app.windowResizeToggleColumns();

[293] Fix | Delete

app.tableScroll();

[294] Fix | Delete

},

[295] Fix | Delete

[296] Fix | Delete

/**

[297] Fix | Delete

* Toggle columns visibility for certain window sizes.

[298] Fix | Delete

*

[299] Fix | Delete

* @since 1.8.6

[300] Fix | Delete

*/

[301] Fix | Delete

windowResizeToggleColumns() {

[302] Fix | Delete

// Proceed only on the Forms Overview page.

[303] Fix | Delete

if ( ! el.$page.is( '#wpforms-overview' ) ) {

[304] Fix | Delete

return;

[305] Fix | Delete

}

[306] Fix | Delete

[307] Fix | Delete

const $visibleColumns = el.$table.find( 'thead tr th:visible' );

[308] Fix | Delete

const $columnTags = el.$table.find( '.column-tags' );

[309] Fix | Delete

[310] Fix | Delete

// For browser window with the width between 960px and 1280px.

[311] Fix | Delete

if ( window.innerWidth > 960 && window.innerWidth <= 1280 ) {

[312] Fix | Delete

$columnTags.toggleClass( 'wpforms-hidden', $visibleColumns.length > 4 );

[313] Fix | Delete

} else {

[314] Fix | Delete

$columnTags.removeClass( 'wpforms-hidden' );

[315] Fix | Delete

}

[316] Fix | Delete

[317] Fix | Delete

// Synchronize menu items visibility.

[318] Fix | Delete

el.$menu.find( 'label' ).removeClass( 'wpforms-hidden' );

[319] Fix | Delete

el.$table.find( 'thead tr th:not(:visible)' ).each( function() {

[320] Fix | Delete

const $column = $( this );

[321] Fix | Delete

[322] Fix | Delete

el.$menu

[323] Fix | Delete

.find( `input[value="${ $column.attr( 'id' ) }"]` )

[324] Fix | Delete

.closest( 'label' )

[325] Fix | Delete

.addClass( 'wpforms-hidden' );

[326] Fix | Delete

} );

[327] Fix | Delete

},

[328] Fix | Delete

[329] Fix | Delete

/**

[330] Fix | Delete

* Show or hide no results text.

[331] Fix | Delete

*

[332] Fix | Delete

* @since 1.8.6

[333] Fix | Delete

*/

[334] Fix | Delete

maybeShowNoResults() {

[335] Fix | Delete

[ 'fields', 'meta' ].forEach( ( section ) => {

[336] Fix | Delete

const labels = el.$menu.find( '.wpforms-multiselect-checkbox-optgroup-' + section )

[337] Fix | Delete

.nextUntil( '.wpforms-multiselect-checkbox-optgroup' )

[338] Fix | Delete

.filter( 'label' );

[339] Fix | Delete

[340] Fix | Delete

const hiddenLabels = labels.filter( function() {

[341] Fix | Delete

return $( this ).is( ':hidden' );

[342] Fix | Delete

} );

[343] Fix | Delete

[344] Fix | Delete

el.$menu.find( '.wpforms-multiselect-checkbox-no-results-' + section )

[345] Fix | Delete

.toggleClass( 'wpforms-hidden', labels.length !== hiddenLabels.length );

[346] Fix | Delete

} );

[347] Fix | Delete

},

[348] Fix | Delete

[349] Fix | Delete

/**

[350] Fix | Delete

* Close the columns' selector menu.

[351] Fix | Delete

*

[352] Fix | Delete

* @since 1.8.6

[353] Fix | Delete

*/

[354] Fix | Delete

closeMenu() {

[355] Fix | Delete

if ( ! el.$cog.hasClass( 'active' ) ) {

[356] Fix | Delete

return;

[357] Fix | Delete

}

[358] Fix | Delete

[359] Fix | Delete

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

[360] Fix | Delete

el.$menu.find( '.wpforms-multiselect-checkbox-list' ).removeClass( 'open' );

[361] Fix | Delete

[362] Fix | Delete

// Flush the search input.

[363] Fix | Delete

el.$searchInput.val( '' );

[364] Fix | Delete

el.$searchInput[ 0 ]?.dispatchEvent( new Event( 'input' ) );

[365] Fix | Delete

},

[366] Fix | Delete

[367] Fix | Delete

/**

[368] Fix | Delete

* Get columns order.

[369] Fix | Delete

*

[370] Fix | Delete

* @since 1.8.6

[371] Fix | Delete

*

[372] Fix | Delete

* @return {Array} Columns order.

[373] Fix | Delete

*/

[374] Fix | Delete

getColumnsOrder() {

[375] Fix | Delete

const $row = el.$table.find( 'thead tr' );

[376] Fix | Delete

const columns = [];

[377] Fix | Delete

[378] Fix | Delete

$row.find( 'th' ).each( function() {

[379] Fix | Delete

columns.push( $( this ).attr( 'id' ) );

[380] Fix | Delete

} );

[381] Fix | Delete

[382] Fix | Delete

return columns;

[383] Fix | Delete

},

[384] Fix | Delete

[385] Fix | Delete

/**

[386] Fix | Delete

* Get menu columns order.

[387] Fix | Delete

*

[388] Fix | Delete

* @since 1.8.6

[389] Fix | Delete

*

[390] Fix | Delete

* @return {Array} Columns order.

[391] Fix | Delete

*/

[392] Fix | Delete

getMenuColumnsOrder() {

[393] Fix | Delete

let columnsOrder = app.getColumnsOrder();

[394] Fix | Delete

const columnsChecked = [];

[395] Fix | Delete

const columns = [];

[396] Fix | Delete

[397] Fix | Delete

el.$menu.find( `input:checked` ).each( function() {

[398] Fix | Delete

columnsChecked.push( $( this ).val() );

[399] Fix | Delete

} );

[400] Fix | Delete

[401] Fix | Delete

// Convert DOM element IDs to column IDs.

[402] Fix | Delete

columnsOrder = columnsOrder.map( function( column ) {

[403] Fix | Delete

return app.convertColumnId( column );

[404] Fix | Delete

} );

[405] Fix | Delete

[406] Fix | Delete

// Add checked columns in the same order as in the table.

[407] Fix | Delete

for ( let i = 0; i < columnsOrder.length; i++ ) {

[408] Fix | Delete

const column = columnsOrder[ i ];

[409] Fix | Delete

[410] Fix | Delete

if ( columnsChecked.includes( column ) ) {

[411] Fix | Delete

columns.push( column );

[412] Fix | Delete

columnsChecked.splice( columnsChecked.indexOf( column ), 1 );

[413] Fix | Delete

}

[414] Fix | Delete

}

[415] Fix | Delete

[416] Fix | Delete

// Add the rest of the checked columns.

[417] Fix | Delete

return columns.concat( columnsChecked );

[418] Fix | Delete

},

[419] Fix | Delete

[420] Fix | Delete

/**

[421] Fix | Delete

* Save columns order.

[422] Fix | Delete

*

[423] Fix | Delete

* @since 1.8.6

[424] Fix | Delete

*/

[425] Fix | Delete

saveColumnsOrder() {

[426] Fix | Delete

const data = {

[427] Fix | Delete

nonce: wpforms_admin.nonce,

[428] Fix | Delete

action: el.$menu.find( '[name="action"]' ).val(),

[429] Fix | Delete

form_id: el.$menu.find( '[name="form_id"]' ).val(), // eslint-disable-line camelcase

[430] Fix | Delete

columns: app.getColumnsOrder(),

[431] Fix | Delete

};

[432] Fix | Delete

[433] Fix | Delete

// AJAX request to save the columns order.

[434] Fix | Delete

$.post( wpforms_admin.ajax_url, data )

[435] Fix | Delete

.done( function( response ) {

[436] Fix | Delete

if ( ! response.success ) {

[437] Fix | Delete

app.displayErrorModal( response.data || wpforms_admin.unknown_error );

[438] Fix | Delete

}

[439] Fix | Delete

} )

[440] Fix | Delete

.fail( function() {

[441] Fix | Delete

app.displayErrorModal( wpforms_admin.server_error );

[442] Fix | Delete

} );

[443] Fix | Delete

},

[444] Fix | Delete

[445] Fix | Delete

/**

[446] Fix | Delete

* Display modal window with an error message.

[447] Fix | Delete

*

[448] Fix | Delete

* @since 1.8.6

[449] Fix | Delete

*

[450] Fix | Delete

* @param {string} content Modal content.

[451] Fix | Delete

*/

[452] Fix | Delete

displayErrorModal( content ) {

[453] Fix | Delete

$.alert( {

[454] Fix | Delete

title : wpforms_admin.uh_oh,

[455] Fix | Delete

content,

[456] Fix | Delete

icon : 'fa fa-exclamation-circle',

[457] Fix | Delete

type : 'red',

[458] Fix | Delete

buttons: {

[459] Fix | Delete

cancel: {

[460] Fix | Delete

text : wpforms_admin.close,

[461] Fix | Delete

btnClass: 'btn-confirm',

[462] Fix | Delete

keys : [ 'enter' ],

[463] Fix | Delete

},

[464] Fix | Delete

},

[465] Fix | Delete

} );

[466] Fix | Delete

},

[467] Fix | Delete

[468] Fix | Delete

/**

[469] Fix | Delete

* Update menu columns order.

[470] Fix | Delete

*

[471] Fix | Delete

* @since 1.8.6

[472] Fix | Delete

*/

[473] Fix | Delete

updateMenuColumnsOrder() { // eslint-disable-line complexity

[474] Fix | Delete

let columnsOrder = app.getColumnsOrder();

[475] Fix | Delete

const $groups = el.$menu.find( '.wpforms-multiselect-checkbox-optgroup' );

[476] Fix | Delete

const $itemsCont = el.$menu.find( '.wpforms-multiselect-checkbox-items' );

[477] Fix | Delete

const $items = $itemsCont.find( 'label' );

[478] Fix | Delete

const itemsByGroup = [ 0 ];

[479] Fix | Delete

[480] Fix | Delete

// If there are no groups, add the items to the first group.

[481] Fix | Delete

itemsByGroup[ 0 ] = $items;

[482] Fix | Delete

[483] Fix | Delete

// If there are groups, split the items by groups.

[484] Fix | Delete

if ( $groups.length ) {

[485] Fix | Delete

$groups.each( function( i ) {

[486] Fix | Delete

itemsByGroup[ i ] = $( this ).nextUntil( '.wpforms-multiselect-checkbox-optgroup' );

[487] Fix | Delete

} );

[488] Fix | Delete

}

[489] Fix | Delete

[490] Fix | Delete

// Convert DOM element IDs to column IDs.

[491] Fix | Delete

columnsOrder = columnsOrder.map( function( column ) {

[492] Fix | Delete

return app.convertColumnId( column );

[493] Fix | Delete

} );

[494] Fix | Delete

[495] Fix | Delete

// Rebuild the menu items order.

[496] Fix | Delete

for ( let g = 0; g < itemsByGroup.length; g++ ) {

[497] Fix | Delete

itemsByGroup[ g ] = itemsByGroup[ g ].filter( function() {

[498] Fix | Delete

return $( this ).find( 'input:checked' ).length > 0;

[499] Fix | Delete