Edit File by line

/* global wpforms_admin, WPFormsFormTemplates, wpforms_admin_form_templates */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* Admin Sub-page Form Templates function.

[3] Fix | Delete

[4] Fix | Delete

* @since 1.7.7

[5] Fix | Delete

[6] Fix | Delete

[7] Fix | Delete

'use strict';

[8] Fix | Delete

[9] Fix | Delete

var WPFormsAdminFormTemplates = window.WPFormsAdminFormTemplates || ( function( document, window, $ ) {

[10] Fix | Delete

[11] Fix | Delete

/**

[12] Fix | Delete

* Public functions and properties.

[13] Fix | Delete

[14] Fix | Delete

* @since 1.7.7

[15] Fix | Delete

[16] Fix | Delete

* @type {object}

[17] Fix | Delete

[18] Fix | Delete

let app = {

[19] Fix | Delete

[20] Fix | Delete

/**

[21] Fix | Delete

* Start the engine.

[22] Fix | Delete

[23] Fix | Delete

* @since 1.7.7

[24] Fix | Delete

[25] Fix | Delete

init: function() {

[26] Fix | Delete

[27] Fix | Delete

$( app.ready );

[28] Fix | Delete

[29] Fix | Delete

[30] Fix | Delete

/**

[31] Fix | Delete

* Document ready.

[32] Fix | Delete

[33] Fix | Delete

* @since 1.7.7

[34] Fix | Delete

[35] Fix | Delete

ready: function() {

[36] Fix | Delete

[37] Fix | Delete

app.events();

[38] Fix | Delete

[39] Fix | Delete

[40] Fix | Delete

/**

[41] Fix | Delete

* Bind events.

[42] Fix | Delete

[43] Fix | Delete

* @since 1.7.7

[44] Fix | Delete

[45] Fix | Delete

events: function() {

[46] Fix | Delete

[47] Fix | Delete

$( '.wpforms-form-setup-content' )

[48] Fix | Delete

.on( 'keyup', '#wpforms-setup-template-search', _.debounce( WPFormsFormTemplates.searchTemplate, 200 ) )

[49] Fix | Delete

.on( 'click', '.wpforms-setup-templates-categories li div', WPFormsFormTemplates.selectCategory )

[50] Fix | Delete

.on( 'click', '.wpforms-setup-templates-categories li .chevron', WPFormsFormTemplates.toggleSubcategoriesList )

[51] Fix | Delete

.on( 'click', '.wpforms-setup-templates-subcategories li', WPFormsFormTemplates.selectSubCategory )

[52] Fix | Delete

.on( 'click', '.wpforms-template-select', app.selectTemplate )

[53] Fix | Delete

.on( 'click', '.wpforms-trigger-blank', app.selectBlankTemplate );

[54] Fix | Delete

[55] Fix | Delete

[56] Fix | Delete

/**

[57] Fix | Delete

* Select template.

[58] Fix | Delete

[59] Fix | Delete

* @since 1.7.7

[60] Fix | Delete

[61] Fix | Delete

* @param {Object} event Event object.

[62] Fix | Delete

[63] Fix | Delete

selectTemplate( event ) {

[64] Fix | Delete

event.preventDefault();

[65] Fix | Delete

[66] Fix | Delete

const $button = $( this );

[67] Fix | Delete

const spinner = '<i class="wpforms-loading-spinner wpforms-loading-white wpforms-loading-inline"></i>';

[68] Fix | Delete

[69] Fix | Delete

// Don't do anything for templates that trigger education modal OR addons-modal.

[70] Fix | Delete

if ( $button.hasClass( 'education-modal' ) ) {

[71] Fix | Delete

return;

[72] Fix | Delete

}

[73] Fix | Delete

[74] Fix | Delete

// User templates are applied differently for new forms.

[75] Fix | Delete

if ( $button.data( 'template' ).match( /wpforms-user-template-(\d+)/ ) && $button.data( 'create-url' ) ) {

[76] Fix | Delete

window.location.href = $button.data( 'create-url' );

[77] Fix | Delete

return;

[78] Fix | Delete

}

[79] Fix | Delete

[80] Fix | Delete

$( '.wpforms-form-setup-content' ).find( '.wpforms-template' ).removeClass( 'active' );

[81] Fix | Delete

$button.closest( '.wpforms-template' ).addClass( 'active' );

[82] Fix | Delete

[83] Fix | Delete

// Save original label.

[84] Fix | Delete

$button.data( 'labelOriginal', $button.html() );

[85] Fix | Delete

[86] Fix | Delete

// Display loading indicator.

[87] Fix | Delete

$button.html( spinner + wpforms_admin.loading );

[88] Fix | Delete

[89] Fix | Delete

WPFormsFormTemplates.selectTemplateProcess( $button.data( 'template-name-raw' ), $button.data( 'template' ), $button, app.selectTemplateProcessAjax );

[90] Fix | Delete

[91] Fix | Delete

[92] Fix | Delete

/**

[93] Fix | Delete

* Select Blank template.

[94] Fix | Delete

[95] Fix | Delete

* @since 1.7.7

[96] Fix | Delete

[97] Fix | Delete

* @param {object} e Event object.

[98] Fix | Delete

[99] Fix | Delete

selectBlankTemplate: function( e ) {

[100] Fix | Delete

[101] Fix | Delete

e.preventDefault();

[102] Fix | Delete

[103] Fix | Delete

app.selectTemplateProcessAjax( 'Blank Form', 'blank' );

[104] Fix | Delete

[105] Fix | Delete

[106] Fix | Delete

/**

[107] Fix | Delete

* Select template. Create or update form AJAX call.

[108] Fix | Delete

[109] Fix | Delete

* @since 1.7.7

[110] Fix | Delete

[111] Fix | Delete

* @param {string} formName Name of the form.

[112] Fix | Delete

* @param {string} template Template slug.

[113] Fix | Delete

[114] Fix | Delete

selectTemplateProcessAjax( formName, template ) {

[115] Fix | Delete

const data = {

[116] Fix | Delete

title: formName,

[117] Fix | Delete

action: 'wpforms_new_form',

[118] Fix | Delete

template,

[119] Fix | Delete

// eslint-disable-next-line camelcase

[120] Fix | Delete

form_id: 0,

[121] Fix | Delete

nonce: wpforms_admin_form_templates.nonce,

[122] Fix | Delete

};

[123] Fix | Delete

[124] Fix | Delete

const category = $( '.wpforms-setup-templates-categories li.active' ).data( 'category' );

[125] Fix | Delete

[126] Fix | Delete

if ( category && category !== 'all' ) {

[127] Fix | Delete

data.category = category;

[128] Fix | Delete

}

[129] Fix | Delete

[130] Fix | Delete

const subcategory = $( '.wpforms-setup-templates-subcategories li.active' ).data( 'subcategory' );

[131] Fix | Delete

[132] Fix | Delete

if ( subcategory ) {

[133] Fix | Delete

data.subcategory = subcategory;

[134] Fix | Delete

}

[135] Fix | Delete

[136] Fix | Delete

$.post( wpforms_admin.ajax_url, data )

[137] Fix | Delete

.done( function( res ) {

[138] Fix | Delete

if ( res.success ) {

[139] Fix | Delete

window.location.href = res.data.redirect;

[140] Fix | Delete

[141] Fix | Delete

return;

[142] Fix | Delete

}

[143] Fix | Delete

[144] Fix | Delete

if ( res.data.error_type === 'invalid_template' ) {

[145] Fix | Delete

app.selectTemplateProcessInvalidTemplateError( res.data.message, formName );

[146] Fix | Delete

[147] Fix | Delete

return;

[148] Fix | Delete

}

[149] Fix | Delete

[150] Fix | Delete

app.selectTemplateProcessError( res.data.message );

[151] Fix | Delete

} )

[152] Fix | Delete

.fail( function() {

[153] Fix | Delete

app.selectTemplateProcessError( '' );

[154] Fix | Delete

} );

[155] Fix | Delete

[156] Fix | Delete

[157] Fix | Delete

/**

[158] Fix | Delete

* Select template AJAX call error modal for invalid template using.

[159] Fix | Delete

[160] Fix | Delete

* @since 1.7.7

[161] Fix | Delete

[162] Fix | Delete

* @param {string} errorMessage Error message.

[163] Fix | Delete

* @param {string} formName Name of the form.

[164] Fix | Delete

[165] Fix | Delete

selectTemplateProcessInvalidTemplateError( errorMessage, formName ) {

[166] Fix | Delete

$.alert( {

[167] Fix | Delete

title: wpforms_admin.heads_up,

[168] Fix | Delete

content: errorMessage,

[169] Fix | Delete

icon: 'fa fa-exclamation-circle',

[170] Fix | Delete

type: 'orange',

[171] Fix | Delete

buttons: {

[172] Fix | Delete

confirm: {

[173] Fix | Delete

text: wpforms_admin.use_default_template,

[174] Fix | Delete

btnClass: 'btn-confirm',

[175] Fix | Delete

keys: [ 'enter' ],

[176] Fix | Delete

action() {

[177] Fix | Delete

app.selectTemplateProcessAjax( formName, 'simple-contact-form-template' );

[178] Fix | Delete

[179] Fix | Delete

[180] Fix | Delete

cancel: {

[181] Fix | Delete

text: wpforms_admin.cancel,

[182] Fix | Delete

action() {

[183] Fix | Delete

WPFormsFormTemplates.selectTemplateCancel();

[184] Fix | Delete

[185] Fix | Delete

[186] Fix | Delete

[187] Fix | Delete

} );

[188] Fix | Delete

[189] Fix | Delete

[190] Fix | Delete

/**

[191] Fix | Delete

* Select template AJAX call error modal.

[192] Fix | Delete

[193] Fix | Delete

* @since 1.7.7

[194] Fix | Delete

* @since 1.8.8 Replaced error message with error title.

[195] Fix | Delete

[196] Fix | Delete

* @param {string} errorTitle Error title.

[197] Fix | Delete

[198] Fix | Delete

selectTemplateProcessError( errorTitle ) {

[199] Fix | Delete

$.alert( {

[200] Fix | Delete

title: errorTitle,

[201] Fix | Delete

content: wpforms_admin.error_select_template,

[202] Fix | Delete

icon: 'fa fa-exclamation-circle',

[203] Fix | Delete

type: 'orange',

[204] Fix | Delete

buttons: {

[205] Fix | Delete

confirm: {

[206] Fix | Delete

text: wpforms_admin.ok,

[207] Fix | Delete

btnClass: 'btn-confirm',

[208] Fix | Delete

keys: [ 'enter' ],

[209] Fix | Delete

action() {

[210] Fix | Delete

WPFormsFormTemplates.selectTemplateCancel();

[211] Fix | Delete

[212] Fix | Delete

[213] Fix | Delete

[214] Fix | Delete

} );

[215] Fix | Delete

[216] Fix | Delete

};

[217] Fix | Delete

[218] Fix | Delete

// Provide access to public functions/properties.

[219] Fix | Delete

return app;

[220] Fix | Delete

[221] Fix | Delete

}( document, window, jQuery ) );

[222] Fix | Delete

[223] Fix | Delete

// Initialize.

[224] Fix | Delete

WPFormsAdminFormTemplates.init();

[225] Fix | Delete

[226] Fix | Delete