Edit File by line

/* global wpforms_education_lite_connect, WPFormsChallenge */

[0] Fix | Delete

/**

[1] Fix | Delete

* WPForms Education for Lite.

[2] Fix | Delete

[3] Fix | Delete

* Lite Connect feature.

[4] Fix | Delete

[5] Fix | Delete

* @since 1.7.4

[6] Fix | Delete

[7] Fix | Delete

[8] Fix | Delete

// eslint-disable-next-line no-var

[9] Fix | Delete

var WPFormsEducation = window.WPFormsEducation || {};

[10] Fix | Delete

[11] Fix | Delete

WPFormsEducation.liteConnect = window.WPFormsEducation.liteConnect || ( function( document, window, $ ) {

[12] Fix | Delete

/**

[13] Fix | Delete

* Public functions and properties.

[14] Fix | Delete

[15] Fix | Delete

* @since 1.7.4

[16] Fix | Delete

[17] Fix | Delete

* @type {Object}

[18] Fix | Delete

[19] Fix | Delete

const app = {

[20] Fix | Delete

[21] Fix | Delete

/**

[22] Fix | Delete

* Start the engine.

[23] Fix | Delete

[24] Fix | Delete

* @since 1.7.4

[25] Fix | Delete

[26] Fix | Delete

init() {

[27] Fix | Delete

$( app.ready );

[28] Fix | Delete

[29] Fix | Delete

// Page load.

[30] Fix | Delete

$( window ).on( 'load', function() {

[31] Fix | Delete

// In the case of jQuery 3.+, we need to wait for a ready event first.

[32] Fix | Delete

if ( typeof $.ready.then === 'function' ) {

[33] Fix | Delete

$.ready.then( app.load );

[34] Fix | Delete

} else {

[35] Fix | Delete

app.load();

[36] Fix | Delete

}

[37] Fix | Delete

} );

[38] Fix | Delete

[39] Fix | Delete

[40] Fix | Delete

/**

[41] Fix | Delete

* Document ready.

[42] Fix | Delete

[43] Fix | Delete

* @since 1.7.4

[44] Fix | Delete

[45] Fix | Delete

ready() {

[46] Fix | Delete

[47] Fix | Delete

[48] Fix | Delete

[49] Fix | Delete

/**

[50] Fix | Delete

* Page load.

[51] Fix | Delete

[52] Fix | Delete

* @since 1.7.4

[53] Fix | Delete

[54] Fix | Delete

load() {

[55] Fix | Delete

app.events();

[56] Fix | Delete

app.initLiteConnectToggle();

[57] Fix | Delete

app.maybeRevealBuilderTopBar();

[58] Fix | Delete

[59] Fix | Delete

[60] Fix | Delete

/**

[61] Fix | Delete

* Register JS events.

[62] Fix | Delete

[63] Fix | Delete

* @since 1.7.4

[64] Fix | Delete

[65] Fix | Delete

events() {

[66] Fix | Delete

app.enableLiteConnectToggleClick();

[67] Fix | Delete

app.enableLiteConnectButtonClick();

[68] Fix | Delete

app.dismissBuilderTopBarClick();

[69] Fix | Delete

app.autoSaveToggleChange();

[70] Fix | Delete

[71] Fix | Delete

[72] Fix | Delete

/**

[73] Fix | Delete

* Init Lite Connect toggle.

[74] Fix | Delete

[75] Fix | Delete

* @since 1.7.5

[76] Fix | Delete

[77] Fix | Delete

initLiteConnectToggle() {

[78] Fix | Delete

$( '.wpforms-toggle-control.wpforms-setting-lite-connect-auto-save-toggle input' ).prop( 'disabled', false );

[79] Fix | Delete

[80] Fix | Delete

[81] Fix | Delete

/**

[82] Fix | Delete

* Enable Lite Connect toggle mousedown handler.

[83] Fix | Delete

[84] Fix | Delete

* @since 1.7.4

[85] Fix | Delete

[86] Fix | Delete

enableLiteConnectToggleClick() {

[87] Fix | Delete

$( document ).on(

[88] Fix | Delete

'mousedown touchstart',

[89] Fix | Delete

'#wpforms-setting-row-lite-connect-enabled label, .wpforms-setting-lite-connect-auto-save-toggle label',

[90] Fix | Delete

function( event ) {

[91] Fix | Delete

const isTouchDevice = 'ontouchstart' in document.documentElement;

[92] Fix | Delete

[93] Fix | Delete

if ( ! isTouchDevice ) {

[94] Fix | Delete

event.preventDefault();

[95] Fix | Delete

}

[96] Fix | Delete

[97] Fix | Delete

const wrapper = $( this ).closest( '#wpforms-setting-row-lite-connect-enabled, .wpforms-setting-lite-connect-auto-save-toggle' );

[98] Fix | Delete

[99] Fix | Delete

const $input = wrapper.find( '#wpforms-setting-lite-connect-enabled' );

[100] Fix | Delete

[101] Fix | Delete

if ( $input.prop( 'disabled' ) ) {

[102] Fix | Delete

return;

[103] Fix | Delete

}

[104] Fix | Delete

[105] Fix | Delete

const isEnabled = $input.is( ':checked' );

[106] Fix | Delete

[107] Fix | Delete

app.openSettingsLiteConnectModal( isEnabled, function() {

[108] Fix | Delete

$input

[109] Fix | Delete

.trigger( 'click' )

[110] Fix | Delete

.prop( 'disabled', true );

[111] Fix | Delete

} );

[112] Fix | Delete

}

[113] Fix | Delete

);

[114] Fix | Delete

[115] Fix | Delete

[116] Fix | Delete

/**

[117] Fix | Delete

* Enable Lite Connect button click handler.

[118] Fix | Delete

[119] Fix | Delete

* @since 1.7.4

[120] Fix | Delete

[121] Fix | Delete

enableLiteConnectButtonClick() {

[122] Fix | Delete

$( document ).on(

[123] Fix | Delete

'click',

[124] Fix | Delete

'.wpforms-dyk-lite-connect .button-primary',

[125] Fix | Delete

function( event ) {

[126] Fix | Delete

event.preventDefault();

[127] Fix | Delete

[128] Fix | Delete

const $button = $( this );

[129] Fix | Delete

[130] Fix | Delete

if ( $button.hasClass( 'wpforms-is-enabled' ) ) {

[131] Fix | Delete

window.open( $button.attr( 'href' ) );

[132] Fix | Delete

[133] Fix | Delete

return;

[134] Fix | Delete

}

[135] Fix | Delete

[136] Fix | Delete

app.openSettingsLiteConnectModal(

[137] Fix | Delete

false,

[138] Fix | Delete

app.enableLiteConnectButtonModalConfirm

[139] Fix | Delete

);

[140] Fix | Delete

}

[141] Fix | Delete

);

[142] Fix | Delete

[143] Fix | Delete

[144] Fix | Delete

/**

[145] Fix | Delete

* Enable Lite Connect button modal confirm Callback.

[146] Fix | Delete

[147] Fix | Delete

* @since 1.7.4

[148] Fix | Delete

[149] Fix | Delete

enableLiteConnectButtonModalConfirm() {

[150] Fix | Delete

const $toggle = $( '.wpforms-dyk-lite-connect .button-primary' );

[151] Fix | Delete

[152] Fix | Delete

app.saveSettingAjaxPost( true, $toggle, function() {

[153] Fix | Delete

app.switchSettingView( true, $toggle );

[154] Fix | Delete

} );

[155] Fix | Delete

[156] Fix | Delete

[157] Fix | Delete

/**

[158] Fix | Delete

* Form Entry Backups information modal.

[159] Fix | Delete

[160] Fix | Delete

* @since 1.7.4

[161] Fix | Delete

[162] Fix | Delete

* @param {boolean} isEnabled Current setting state.

[163] Fix | Delete

* @param {Function} confirmCallback Confirm button action.

[164] Fix | Delete

[165] Fix | Delete

openSettingsLiteConnectModal( isEnabled, confirmCallback ) {

[166] Fix | Delete

if ( isEnabled ) {

[167] Fix | Delete

app.openSettingsLiteConnectDisableModal( confirmCallback );

[168] Fix | Delete

} else {

[169] Fix | Delete

app.openSettingsLiteConnectEnableModal( confirmCallback );

[170] Fix | Delete

}

[171] Fix | Delete

[172] Fix | Delete

[173] Fix | Delete

/**

[174] Fix | Delete

* Form Entry Backups enable information modal.

[175] Fix | Delete

[176] Fix | Delete

* @since 1.7.4

[177] Fix | Delete

[178] Fix | Delete

* @param {Function} confirmCallback Confirm button action.

[179] Fix | Delete

[180] Fix | Delete

openSettingsLiteConnectEnableModal( confirmCallback ) {

[181] Fix | Delete

$.alert( {

[182] Fix | Delete

title: false,

[183] Fix | Delete

content: wp.template( 'wpforms-settings-lite-connect-modal-content' )(),

[184] Fix | Delete

icon: false,

[185] Fix | Delete

type: 'orange',

[186] Fix | Delete

boxWidth: '550px',

[187] Fix | Delete

theme: 'modern',

[188] Fix | Delete

useBootstrap: false,

[189] Fix | Delete

scrollToPreviousElement: false,

[190] Fix | Delete

buttons: {

[191] Fix | Delete

confirm: {

[192] Fix | Delete

text: wpforms_education_lite_connect.enable_modal.confirm,

[193] Fix | Delete

btnClass: 'btn-confirm',

[194] Fix | Delete

keys: [ 'enter' ],

[195] Fix | Delete

action() {

[196] Fix | Delete

if ( typeof confirmCallback === 'function' ) {

[197] Fix | Delete

confirmCallback();

[198] Fix | Delete

}

[199] Fix | Delete

[200] Fix | Delete

// Maybe close Challenge popup.

[201] Fix | Delete

if ( window.WPFormsChallenge ) {

[202] Fix | Delete

// eslint-disable-next-line no-var

[203] Fix | Delete

var completeChallenge = WPFormsChallenge.embed && WPFormsChallenge.embed.completeChallenge;

[204] Fix | Delete

}

[205] Fix | Delete

[206] Fix | Delete

if ( typeof completeChallenge === 'function' ) {

[207] Fix | Delete

completeChallenge();

[208] Fix | Delete

}

[209] Fix | Delete

[210] Fix | Delete

[211] Fix | Delete

cancel: {

[212] Fix | Delete

text: wpforms_education_lite_connect.enable_modal.cancel,

[213] Fix | Delete

action() {

[214] Fix | Delete

$( '.wpforms-challenge-popup-container' ).removeClass( 'wpforms-invisible' );

[215] Fix | Delete

[216] Fix | Delete

[217] Fix | Delete

[218] Fix | Delete

onOpenBefore() {

[219] Fix | Delete

$( 'body' ).addClass( 'wpforms-setting-lite-connect-modal' );

[220] Fix | Delete

$( '.wpforms-challenge-popup-container' ).addClass( 'wpforms-invisible' );

[221] Fix | Delete

[222] Fix | Delete

onDestroy() {

[223] Fix | Delete

$( 'body' ).removeClass( 'wpforms-setting-lite-connect-modal' );

[224] Fix | Delete

[225] Fix | Delete

} );

[226] Fix | Delete

[227] Fix | Delete

[228] Fix | Delete

/**

[229] Fix | Delete

* Form Entry Backups disable information modal.

[230] Fix | Delete

[231] Fix | Delete

* @since 1.7.4

[232] Fix | Delete

[233] Fix | Delete

* @param {Function} confirmCallback Confirm button action.

[234] Fix | Delete

[235] Fix | Delete

openSettingsLiteConnectDisableModal( confirmCallback ) {

[236] Fix | Delete

$.alert( {

[237] Fix | Delete

title: wpforms_education_lite_connect.disable_modal.title,

[238] Fix | Delete

content: wpforms_education_lite_connect.disable_modal.content,

[239] Fix | Delete

icon: 'fa fa-exclamation-circle',

[240] Fix | Delete

type: 'red',

[241] Fix | Delete

boxWidth: '400px',

[242] Fix | Delete

theme: 'modern',

[243] Fix | Delete

useBootstrap: false,

[244] Fix | Delete

animateFromElement: false,

[245] Fix | Delete

scrollToPreviousElement: false,

[246] Fix | Delete

buttons: {

[247] Fix | Delete

cancel: {

[248] Fix | Delete

text: wpforms_education_lite_connect.disable_modal.cancel,

[249] Fix | Delete

keys: [ 'enter' ],

[250] Fix | Delete

btnClass: 'btn-confirm',

[251] Fix | Delete

[252] Fix | Delete

confirm: {

[253] Fix | Delete

text: wpforms_education_lite_connect.disable_modal.confirm,

[254] Fix | Delete

action() {

[255] Fix | Delete

if ( typeof confirmCallback === 'function' ) {

[256] Fix | Delete

confirmCallback();

[257] Fix | Delete

}

[258] Fix | Delete

[259] Fix | Delete

[260] Fix | Delete

[261] Fix | Delete

} );

[262] Fix | Delete

[263] Fix | Delete

[264] Fix | Delete

/**

[265] Fix | Delete

* Save Lite Connect Enabled setting AJAX post call.

[266] Fix | Delete

[267] Fix | Delete

* @since 1.7.4

[268] Fix | Delete

[269] Fix | Delete

* @param {boolean} isEnabled Lite Connect setting flag.

[270] Fix | Delete

* @param {jQuery|undefined} $toggle Toggle control outer element.

[271] Fix | Delete

* @param {Function} successCallback Success result callback.

[272] Fix | Delete

[273] Fix | Delete

saveSettingAjaxPost( isEnabled, $toggle, successCallback ) {

[274] Fix | Delete

$toggle = $toggle || $();

[275] Fix | Delete

[276] Fix | Delete

const $input = $toggle.find( 'input' );

[277] Fix | Delete

[278] Fix | Delete

// Perform AJAX request.

[279] Fix | Delete

$.post(

[280] Fix | Delete

wpforms_education_lite_connect.ajax_url,

[281] Fix | Delete

{

[282] Fix | Delete

action: 'wpforms_update_lite_connect_enabled_setting',

[283] Fix | Delete

value: isEnabled ? 1 : 0,

[284] Fix | Delete

nonce: wpforms_education_lite_connect.nonce,

[285] Fix | Delete

}

[286] Fix | Delete

).done( function( res ) {

[287] Fix | Delete

if ( ! res.success ) {

[288] Fix | Delete

$input.prop( 'checked', ! isEnabled );

[289] Fix | Delete

app.updateResultModal( 'error' );

[290] Fix | Delete

[291] Fix | Delete

return;

[292] Fix | Delete

}

[293] Fix | Delete

[294] Fix | Delete

app.updateResultModal( isEnabled ? 'enabled' : 'disabled' );

[295] Fix | Delete

[296] Fix | Delete

if ( typeof successCallback === 'function' ) {

[297] Fix | Delete

successCallback();

[298] Fix | Delete

}

[299] Fix | Delete

} ).fail( function() {

[300] Fix | Delete

$input.prop( 'checked', ! isEnabled );

[301] Fix | Delete

app.updateResultModal( 'error' );

[302] Fix | Delete

} ).always( function() {

[303] Fix | Delete

$input.prop( 'disabled', false );

[304] Fix | Delete

} );

[305] Fix | Delete

[306] Fix | Delete

[307] Fix | Delete

/**

[308] Fix | Delete

* Lite Connect toggle `change` event handler with "auto save" feature.

[309] Fix | Delete

[310] Fix | Delete

* @since 1.7.4

[311] Fix | Delete

[312] Fix | Delete

autoSaveToggleChange() {

[313] Fix | Delete

$( document ).on(

[314] Fix | Delete

'change',

[315] Fix | Delete

'.wpforms-toggle-control.wpforms-setting-lite-connect-auto-save-toggle input',

[316] Fix | Delete

function() {

[317] Fix | Delete

const $input = $( this ),

[318] Fix | Delete

$toggle = $input.closest( '.wpforms-toggle-control' ),

[319] Fix | Delete

isEnabled = $input.is( ':checked' );

[320] Fix | Delete

[321] Fix | Delete

app.saveSettingAjaxPost( isEnabled, $toggle, function() {

[322] Fix | Delete

app.switchSettingView( isEnabled, $toggle );

[323] Fix | Delete

} );

[324] Fix | Delete

}

[325] Fix | Delete

);

[326] Fix | Delete

[327] Fix | Delete

[328] Fix | Delete

/**

[329] Fix | Delete

* After updating setting via AJAX we should hide toggle container and show info container.

[330] Fix | Delete

[331] Fix | Delete

* @since 1.7.4

[332] Fix | Delete

[333] Fix | Delete

* @param {boolean} isEnabled Toggle state.

[334] Fix | Delete

* @param {jQuery} $toggle Toggle control.

[335] Fix | Delete

[336] Fix | Delete

switchSettingView( isEnabled, $toggle ) {

[337] Fix | Delete

const $wrapper = $toggle.closest( '.wpforms-education-lite-connect-wrapper' ),

[338] Fix | Delete

$setting = $wrapper.find( '.wpforms-education-lite-connect-setting' ),

[339] Fix | Delete

$enabledInfo = $wrapper.find( '.wpforms-education-lite-connect-enabled-info' );

[340] Fix | Delete

[341] Fix | Delete

$setting.toggleClass( 'wpforms-hidden', isEnabled );

[342] Fix | Delete

$enabledInfo.toggleClass( 'wpforms-hidden', ! isEnabled );

[343] Fix | Delete

[344] Fix | Delete

[345] Fix | Delete

/**

[346] Fix | Delete

* Update result message modal.

[347] Fix | Delete

[348] Fix | Delete

* @since 1.7.4

[349] Fix | Delete

[350] Fix | Delete

* @param {string} msg Message slug.

[351] Fix | Delete

[352] Fix | Delete

updateResultModal( msg ) {

[353] Fix | Delete

if ( ! wpforms_education_lite_connect.update_result[ msg ] ) {

[354] Fix | Delete

return;

[355] Fix | Delete

}

[356] Fix | Delete

[357] Fix | Delete

$.alert( {

[358] Fix | Delete

title: wpforms_education_lite_connect.update_result[ msg + '_title' ],

[359] Fix | Delete

content: wpforms_education_lite_connect.update_result[ msg ],

[360] Fix | Delete

icon: 'fa fa-check-circle',

[361] Fix | Delete

type: msg === 'error' ? 'red' : 'green',

[362] Fix | Delete

theme: 'modern',

[363] Fix | Delete

boxWidth: '400px',

[364] Fix | Delete

useBootstrap: false,

[365] Fix | Delete

animation: 'scale',

[366] Fix | Delete

closeAnimation: 'scale',

[367] Fix | Delete

animateFromElement: false,

[368] Fix | Delete

scrollToPreviousElement: false,

[369] Fix | Delete

buttons: {

[370] Fix | Delete

confirm: {

[371] Fix | Delete

text : wpforms_education_lite_connect.update_result.close,

[372] Fix | Delete

btnClass: 'btn-confirm',

[373] Fix | Delete

keys : [ 'enter' ],

[374] Fix | Delete

[375] Fix | Delete

[376] Fix | Delete

} );

[377] Fix | Delete

[378] Fix | Delete

[379] Fix | Delete

/**

[380] Fix | Delete

* Reveal top bar in the Form Builder.

[381] Fix | Delete

[382] Fix | Delete

* @since 1.7.4

[383] Fix | Delete

[384] Fix | Delete

maybeRevealBuilderTopBar() {

[385] Fix | Delete

// Skip it is not Form Builder or Entry Backups is already enabled or top bar is dismissed.

[386] Fix | Delete

if (

[387] Fix | Delete

! window.wpforms_builder ||

[388] Fix | Delete

wpforms_education_lite_connect.is_enabled === '1' ||

[389] Fix | Delete

$( '#wpforms-builder-lite-connect-top-bar' ).length === 0

[390] Fix | Delete

) {

[391] Fix | Delete

return;

[392] Fix | Delete

}

[393] Fix | Delete

[394] Fix | Delete

setTimeout( function() {

[395] Fix | Delete

app.toggleBuilderTopBar( true );

[396] Fix | Delete

}, 3000 );

[397] Fix | Delete

[398] Fix | Delete

[399] Fix | Delete

/**

[400] Fix | Delete

* Toggle top bar in the Form Builder.

[401] Fix | Delete

[402] Fix | Delete

* @since 1.7.4

[403] Fix | Delete

[404] Fix | Delete

* @param {boolean} open True for open, false for close.

[405] Fix | Delete

[406] Fix | Delete

toggleBuilderTopBar( open ) {

[407] Fix | Delete

const cssVar = '--wpforms-admin-bar-height';

[408] Fix | Delete

const root = document.documentElement;

[409] Fix | Delete

const topBarHeight = 45;

[410] Fix | Delete

[411] Fix | Delete

let adminBarHeight = parseInt( getComputedStyle( root ).getPropertyValue( cssVar ), 10 );

[412] Fix | Delete

[413] Fix | Delete

adminBarHeight += open ? topBarHeight : -topBarHeight;

[414] Fix | Delete

[415] Fix | Delete

root.setAttribute(

[416] Fix | Delete

'style',

[417] Fix | Delete

cssVar + ': ' + ( adminBarHeight ) + 'px!important;'

[418] Fix | Delete

);

[419] Fix | Delete

[420] Fix | Delete

[421] Fix | Delete

/**

[422] Fix | Delete

* Dismiss top bar in the Form Builder.

[423] Fix | Delete

[424] Fix | Delete

* @since 1.7.4

[425] Fix | Delete

[426] Fix | Delete

dismissBuilderTopBarClick() {

[427] Fix | Delete

$( document ).on(

[428] Fix | Delete

'click',

[429] Fix | Delete

'#wpforms-builder-lite-connect-top-bar .wpforms-dismiss-button',

[430] Fix | Delete

function() {

[431] Fix | Delete

app.toggleBuilderTopBar( false );

[432] Fix | Delete

}

[433] Fix | Delete

);

[434] Fix | Delete

[435] Fix | Delete

};

[436] Fix | Delete

[437] Fix | Delete

// Provide access to public functions/properties.

[438] Fix | Delete

return app;

[439] Fix | Delete

}( document, window, jQuery ) );

[440] Fix | Delete

[441] Fix | Delete

// Initialize.

[442] Fix | Delete

WPFormsEducation.liteConnect.init();

[443] Fix | Delete

[444] Fix | Delete