Edit File by line

/* eslint-disable camelcase */

[0] Fix | Delete

/* global wpforms_builder_email_template */

[1] Fix | Delete

[2] Fix | Delete

/**

[3] Fix | Delete

* Script for manipulating DOM events in the "Builder" settings page.

[4] Fix | Delete

* This script will be accessible in the "WPForms" → "Builder" → "Notifications" tab/page.

[5] Fix | Delete

[6] Fix | Delete

* @since 1.8.5

[7] Fix | Delete

[8] Fix | Delete

[9] Fix | Delete

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

[10] Fix | Delete

/**

[11] Fix | Delete

* Elements holder.

[12] Fix | Delete

[13] Fix | Delete

* @since 1.8.5

[14] Fix | Delete

[15] Fix | Delete

* @type {Object}

[16] Fix | Delete

[17] Fix | Delete

const el = {};

[18] Fix | Delete

[19] Fix | Delete

/**

[20] Fix | Delete

* Runtime variables.

[21] Fix | Delete

[22] Fix | Delete

* @since 1.8.5

[23] Fix | Delete

[24] Fix | Delete

* @type {Object}

[25] Fix | Delete

[26] Fix | Delete

const vars = {

[27] Fix | Delete

/**

[28] Fix | Delete

* Modal instance.

[29] Fix | Delete

[30] Fix | Delete

* @since 1.8.5

[31] Fix | Delete

[32] Fix | Delete

modal: null,

[33] Fix | Delete

[34] Fix | Delete

/**

[35] Fix | Delete

* Generic CSS class names for applying visual changes.

[36] Fix | Delete

[37] Fix | Delete

* @since 1.8.5

[38] Fix | Delete

[39] Fix | Delete

classNames: {

[40] Fix | Delete

modalBox: 'wpforms-modal-content-box',

[41] Fix | Delete

modalOpen: 'wpforms-email-template-modal-open',

[42] Fix | Delete

[43] Fix | Delete

};

[44] Fix | Delete

[45] Fix | Delete

/**

[46] Fix | Delete

* Public functions and properties.

[47] Fix | Delete

[48] Fix | Delete

* @since 1.8.5

[49] Fix | Delete

[50] Fix | Delete

const app = {

[51] Fix | Delete

[52] Fix | Delete

/**

[53] Fix | Delete

* Start the engine.

[54] Fix | Delete

[55] Fix | Delete

* @since 1.8.5

[56] Fix | Delete

[57] Fix | Delete

init() {

[58] Fix | Delete

$( app.ready );

[59] Fix | Delete

[60] Fix | Delete

[61] Fix | Delete

/**

[62] Fix | Delete

* Document ready.

[63] Fix | Delete

[64] Fix | Delete

* @since 1.8.5

[65] Fix | Delete

[66] Fix | Delete

ready() {

[67] Fix | Delete

app.setup();

[68] Fix | Delete

app.bindEvents();

[69] Fix | Delete

[70] Fix | Delete

[71] Fix | Delete

/**

[72] Fix | Delete

* Setup. Prepare some variables.

[73] Fix | Delete

[74] Fix | Delete

* @since 1.8.5

[75] Fix | Delete

[76] Fix | Delete

setup() {

[77] Fix | Delete

// Cache DOM elements.

[78] Fix | Delete

el.$document = $( document );

[79] Fix | Delete

el.$body = $( 'body' );

[80] Fix | Delete

[81] Fix | Delete

[82] Fix | Delete

/**

[83] Fix | Delete

* Bind events.

[84] Fix | Delete

[85] Fix | Delete

* @since 1.8.5

[86] Fix | Delete

[87] Fix | Delete

bindEvents() {

[88] Fix | Delete

el.$document

[89] Fix | Delete

.on( 'change', '.wpforms-email-template-modal-content input[type="radio"]', app.handleOnChangeTemplate )

[90] Fix | Delete

.on( 'click', '.wpforms-all-email-template-modal', app.handleOnOpenModal );

[91] Fix | Delete

[92] Fix | Delete

[93] Fix | Delete

/**

[94] Fix | Delete

* Handle the "change" event for the template radio buttons.

[95] Fix | Delete

* This function updates the select field based on the selected radio button.

[96] Fix | Delete

[97] Fix | Delete

* @since 1.8.5

[98] Fix | Delete

[99] Fix | Delete

* @param {Object} event The DOM event that triggered the function.

[100] Fix | Delete

[101] Fix | Delete

handleOnChangeTemplate( event ) {

[102] Fix | Delete

// Prevent the default action, which is to handle the change event.

[103] Fix | Delete

event.preventDefault();

[104] Fix | Delete

[105] Fix | Delete

// Extract the ID of the field from the element.

[106] Fix | Delete

const id = app.getIdFromElm( $( this ) );

[107] Fix | Delete

[108] Fix | Delete

// Get the corresponding select field.

[109] Fix | Delete

const $field = $( `#wpforms-panel-field-notifications-${ id }-template` );

[110] Fix | Delete

[111] Fix | Delete

// If the select field doesn't exist, no further action is needed.

[112] Fix | Delete

if ( ! $field.length ) {

[113] Fix | Delete

return;

[114] Fix | Delete

}

[115] Fix | Delete

[116] Fix | Delete

// If the modal doesn't exist, no further action is needed.

[117] Fix | Delete

if ( ! vars.modal ) {

[118] Fix | Delete

return;

[119] Fix | Delete

}

[120] Fix | Delete

[121] Fix | Delete

// Get the value of the radio button that triggered the change.

[122] Fix | Delete

const value = $( this ).val();

[123] Fix | Delete

[124] Fix | Delete

// Update the select field with the selected value and trigger the change event.

[125] Fix | Delete

$field.val( value ).trigger( 'change' );

[126] Fix | Delete

[127] Fix | Delete

// Close the modal.

[128] Fix | Delete

vars.modal.close();

[129] Fix | Delete

[130] Fix | Delete

[131] Fix | Delete

/**

[132] Fix | Delete

* Handle the "click" event for opening the modal.

[133] Fix | Delete

* This will open the modal with the available templates.

[134] Fix | Delete

[135] Fix | Delete

* @since 1.8.5

[136] Fix | Delete

[137] Fix | Delete

handleOnOpenModal() {

[138] Fix | Delete

// Get the email template modal template.

[139] Fix | Delete

const template = wp.template( 'wpforms-email-template-modal' );

[140] Fix | Delete

[141] Fix | Delete

// If the template doesn't exist, exit the function.

[142] Fix | Delete

if ( ! template.length ) {

[143] Fix | Delete

return;

[144] Fix | Delete

}

[145] Fix | Delete

[146] Fix | Delete

// Find the closest wrapper and select element.

[147] Fix | Delete

const $wrapper = $( this ).closest( '.wpforms-panel-field-email-template-wrap' );

[148] Fix | Delete

const $select = $wrapper.find( 'select' );

[149] Fix | Delete

[150] Fix | Delete

// Get the selected value from the select element and its ID.

[151] Fix | Delete

const selected = $select.val() || '';

[152] Fix | Delete

const id = app.getIdFromElm( $select );

[153] Fix | Delete

[154] Fix | Delete

// Extract relevant data from l10n.

[155] Fix | Delete

const { templates, is_pro } = l10n;

[156] Fix | Delete

[157] Fix | Delete

// Prepare the data to be passed to the template.

[158] Fix | Delete

const data = { templates, selected, is_pro, id };

[159] Fix | Delete

[160] Fix | Delete

// Generate the modal's content using the template and data.

[161] Fix | Delete

const content = template( data );

[162] Fix | Delete

[163] Fix | Delete

// Open the modal.

[164] Fix | Delete

vars.modal = $.confirm( {

[165] Fix | Delete

content,

[166] Fix | Delete

title: '',

[167] Fix | Delete

boxWidth: 800,

[168] Fix | Delete

contentMaxHeight: 'none',

[169] Fix | Delete

backgroundDismiss: true,

[170] Fix | Delete

smoothContent: false,

[171] Fix | Delete

closeIcon: true,

[172] Fix | Delete

buttons: false,

[173] Fix | Delete

// Callback function before the modal opens.

[174] Fix | Delete

onOpenBefore() {

[175] Fix | Delete

this.$body.addClass( vars.classNames.modalBox );

[176] Fix | Delete

el.$body.addClass( vars.classNames.modalOpen );

[177] Fix | Delete

[178] Fix | Delete

// Callback function when the modal is closed.

[179] Fix | Delete

onClose() {

[180] Fix | Delete

el.$body.removeClass( vars.classNames.modalOpen );

[181] Fix | Delete

[182] Fix | Delete

} );

[183] Fix | Delete

[184] Fix | Delete

[185] Fix | Delete

/**

[186] Fix | Delete

* Get the ID from the element.

[187] Fix | Delete

* This is a helper function for extracting the numeric ID from an element's ID attribute.

[188] Fix | Delete

[189] Fix | Delete

* @since 1.8.5

[190] Fix | Delete

[191] Fix | Delete

* @param {Object} $elm jQuery object representing the element.

[192] Fix | Delete

[193] Fix | Delete

* @return {number} The numeric ID extracted from the element's ID attribute.

[194] Fix | Delete

[195] Fix | Delete

getIdFromElm( $elm ) {

[196] Fix | Delete

// Get the ID attribute from the element.

[197] Fix | Delete

const id = $elm.attr( 'id' );

[198] Fix | Delete

[199] Fix | Delete

// If no ID attribute is found, return 0.

[200] Fix | Delete

if ( ! id ) {

[201] Fix | Delete

return 0;

[202] Fix | Delete

}

[203] Fix | Delete

[204] Fix | Delete

// Extract and parse the numeric part from the ID.

[205] Fix | Delete

return parseInt( id.match( /\d+/ )[ 0 ], 10 );

[206] Fix | Delete

[207] Fix | Delete

};

[208] Fix | Delete

[209] Fix | Delete

// Provide access to public functions/properties.

[210] Fix | Delete

return app;

[211] Fix | Delete

}( document, window, jQuery, wpforms_builder_email_template ) );

[212] Fix | Delete

[213] Fix | Delete

// Initialize.

[214] Fix | Delete

WPFormsBuilderEmailTemplate.init();

[215] Fix | Delete

[216] Fix | Delete