Edit File by line

/* global ajaxurl */

[0] Fix | Delete

/* global wp_smush_msgs */

[1] Fix | Delete

/* global WP_Smush */

[2] Fix | Delete

/* global SUI */

[3] Fix | Delete

[4] Fix | Delete

( function( $ ) {

[5] Fix | Delete

'use strict';

[6] Fix | Delete

[7] Fix | Delete

/**

[8] Fix | Delete

* Bulk compress page.

[9] Fix | Delete

[10] Fix | Delete

$( 'form#smush-bulk-form' ).on( 'submit', function( e ) {

[11] Fix | Delete

e.preventDefault();

[12] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload' );

[13] Fix | Delete

saveSettings( $( this ).serialize(), 'bulk' );

[14] Fix | Delete

// runReCheck();

[15] Fix | Delete

} );

[16] Fix | Delete

[17] Fix | Delete

/**

[18] Fix | Delete

* Lazy load page.

[19] Fix | Delete

[20] Fix | Delete

$( 'form#smush-lazy-load-form' ).on( 'submit', function( e ) {

[21] Fix | Delete

e.preventDefault();

[22] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload-text' );

[23] Fix | Delete

saveSettings( $( this ).serialize(), 'lazy-load' );

[24] Fix | Delete

} );

[25] Fix | Delete

[26] Fix | Delete

/**

[27] Fix | Delete

* CDN page.

[28] Fix | Delete

[29] Fix | Delete

$( 'form#smush-cdn-form' ).on( 'submit', function( e ) {

[30] Fix | Delete

e.preventDefault();

[31] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload-text' );

[32] Fix | Delete

saveSettings( $( this ).serialize(), 'cdn' );

[33] Fix | Delete

} );

[34] Fix | Delete

[35] Fix | Delete

/**

[36] Fix | Delete

* Local WebP page.

[37] Fix | Delete

[38] Fix | Delete

$( 'form#smush-webp-form' ).on( 'submit', function( e ) {

[39] Fix | Delete

e.preventDefault();

[40] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload-text' );

[41] Fix | Delete

saveSettings( $( this ).serialize(), 'webp' );

[42] Fix | Delete

} );

[43] Fix | Delete

[44] Fix | Delete

/**

[45] Fix | Delete

* Integrations page.

[46] Fix | Delete

[47] Fix | Delete

$( 'form#smush-integrations-form' ).on( 'submit', function( e ) {

[48] Fix | Delete

e.preventDefault();

[49] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload-text' );

[50] Fix | Delete

saveSettings( $( this ).serialize(), 'integrations' );

[51] Fix | Delete

} );

[52] Fix | Delete

[53] Fix | Delete

/**

[54] Fix | Delete

* Settings page.

[55] Fix | Delete

[56] Fix | Delete

$( 'form#smush-settings-form' ).on( 'submit', function( e ) {

[57] Fix | Delete

e.preventDefault();

[58] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload-text' );

[59] Fix | Delete

saveSettings( $( this ).serialize(), 'settings' );

[60] Fix | Delete

} );

[61] Fix | Delete

[62] Fix | Delete

/**

[63] Fix | Delete

* Save settings.

[64] Fix | Delete

[65] Fix | Delete

* @param {string} settings JSON string of settings.

[66] Fix | Delete

* @param {string} page Settings page.

[67] Fix | Delete

[68] Fix | Delete

function saveSettings( settings, page ) {

[69] Fix | Delete

const xhr = new XMLHttpRequest();

[70] Fix | Delete

[71] Fix | Delete

xhr.open( 'POST', ajaxurl + '?action=smush_save_settings', true );

[72] Fix | Delete

xhr.setRequestHeader(

[73] Fix | Delete

'Content-type',

[74] Fix | Delete

'application/x-www-form-urlencoded'

[75] Fix | Delete

);

[76] Fix | Delete

[77] Fix | Delete

xhr.onload = () => {

[78] Fix | Delete

$( '#save-settings-button' ).removeClass(

[79] Fix | Delete

'sui-button-onload-text sui-button-onload'

[80] Fix | Delete

);

[81] Fix | Delete

[82] Fix | Delete

if ( 200 === xhr.status ) {

[83] Fix | Delete

const res = JSON.parse( xhr.response );

[84] Fix | Delete

if ( 'undefined' !== typeof res.success && res.success ) {

[85] Fix | Delete

showSuccessNotice( wp_smush_msgs.settingsUpdated );

[86] Fix | Delete

triggerSavedSmushSettingsEvent( res.data );

[87] Fix | Delete

} else if ( res.data && res.data.message ) {

[88] Fix | Delete

WP_Smush.helpers.showErrorNotice( res.data.message );

[89] Fix | Delete

} else {

[90] Fix | Delete

WP_Smush.helpers.showErrorNotice( 'Request failed.' );

[91] Fix | Delete

}

[92] Fix | Delete

} else {

[93] Fix | Delete

WP_Smush.helpers.showErrorNotice( 'Request failed. Returned status of ' + xhr.status );

[94] Fix | Delete

}

[95] Fix | Delete

};

[96] Fix | Delete

[97] Fix | Delete

xhr.send( 'page=' + page + '&' + settings + '&_ajax_nonce=' + wp_smush_msgs.nonce );

[98] Fix | Delete

}

[99] Fix | Delete

[100] Fix | Delete

function triggerSavedSmushSettingsEvent( status ) {

[101] Fix | Delete

document.dispatchEvent(

[102] Fix | Delete

new CustomEvent( 'onSavedSmushSettings', {

[103] Fix | Delete

detail: status

[104] Fix | Delete

} )

[105] Fix | Delete

);

[106] Fix | Delete

}

[107] Fix | Delete

[108] Fix | Delete

/**

[109] Fix | Delete

* Show successful update notice.

[110] Fix | Delete

[111] Fix | Delete

* @param {string} msg Notice message.

[112] Fix | Delete

[113] Fix | Delete

function showSuccessNotice( msg ) {

[114] Fix | Delete

const noticeMessage = `<p>${ msg }</p>`,

[115] Fix | Delete

noticeOptions = {

[116] Fix | Delete

type: 'success',

[117] Fix | Delete

icon: 'check',

[118] Fix | Delete

};

[119] Fix | Delete

[120] Fix | Delete

SUI.openNotice( 'wp-smush-ajax-notice', noticeMessage, noticeOptions );

[121] Fix | Delete

[122] Fix | Delete

const loadingButton = document.querySelector( '.sui-button-onload' );

[123] Fix | Delete

if ( loadingButton ) {

[124] Fix | Delete

loadingButton.classList.remove( 'sui-button-onload' );

[125] Fix | Delete

}

[126] Fix | Delete

}

[127] Fix | Delete

[128] Fix | Delete

/**

[129] Fix | Delete

* Re-check images from bulk smush and integrations pages.

[130] Fix | Delete

[131] Fix | Delete

function runReCheck() {

[132] Fix | Delete

$( '#save-settings-button' ).addClass( 'sui-button-onload' );

[133] Fix | Delete

[134] Fix | Delete

const param = {

[135] Fix | Delete

action: 'scan_for_resmush',

[136] Fix | Delete

wp_smush_options_nonce: $( '#wp_smush_options_nonce' ).val(),

[137] Fix | Delete

type: 'media',

[138] Fix | Delete

};

[139] Fix | Delete

[140] Fix | Delete

// Send ajax, Update Settings, And Check For resmush.

[141] Fix | Delete

$.post( ajaxurl, $.param( param ) ).done( function() {

[142] Fix | Delete

$( '#save-settings-button' ).removeClass( 'sui-button-onload' );

[143] Fix | Delete

} );

[144] Fix | Delete

}

[145] Fix | Delete

[146] Fix | Delete

/**

[147] Fix | Delete

* Parse remove data change.

[148] Fix | Delete

[149] Fix | Delete

$( 'input[name=keep_data]' ).on( 'change', function( e ) {

[150] Fix | Delete

const otherClass =

[151] Fix | Delete

'keep_data-true' === e.target.id

[152] Fix | Delete

? 'keep_data-false'

[153] Fix | Delete

: 'keep_data-true';

[154] Fix | Delete

e.target.parentNode.classList.add( 'active' );

[155] Fix | Delete

document

[156] Fix | Delete

.getElementById( otherClass )

[157] Fix | Delete

.parentNode.classList.remove( 'active' );

[158] Fix | Delete

} );

[159] Fix | Delete

[160] Fix | Delete

/**

[161] Fix | Delete

* Handle auto-detect checkbox toggle, to show/hide highlighting notice.

[162] Fix | Delete

[163] Fix | Delete

$( 'input#detection' ).on( 'click', function() {

[164] Fix | Delete

const noticeDiv = $( '.smush-highlighting-notice' );

[165] Fix | Delete

const warningDiv = $( '.smush-highlighting-warning' );

[166] Fix | Delete

[167] Fix | Delete

// Setting enabled.

[168] Fix | Delete

if ( $( this ).is( ':checked' ) ) {

[169] Fix | Delete

// Highlighting is already active and setting not saved.

[170] Fix | Delete

if ( noticeDiv.length > 0 ) {

[171] Fix | Delete

noticeDiv.show();

[172] Fix | Delete

} else {

[173] Fix | Delete

warningDiv.show();

[174] Fix | Delete

}

[175] Fix | Delete

} else {

[176] Fix | Delete

noticeDiv.hide();

[177] Fix | Delete

warningDiv.hide();

[178] Fix | Delete

}

[179] Fix | Delete

} );

[180] Fix | Delete

}( jQuery ) );

[181] Fix | Delete

[182] Fix | Delete