Edit File by line

/* global WP_Smush */

[0] Fix | Delete

/* global ajaxurl */

[1] Fix | Delete

[2] Fix | Delete

/**

[3] Fix | Delete

* CDN functionality.

[4] Fix | Delete

[5] Fix | Delete

* @since 3.0

[6] Fix | Delete

[7] Fix | Delete

( function() {

[8] Fix | Delete

'use strict';

[9] Fix | Delete

[10] Fix | Delete

WP_Smush.CDN = {

[11] Fix | Delete

cdnEnableButton: document.getElementById( 'smush-enable-cdn' ),

[12] Fix | Delete

cdnDisableButton: document.getElementById( 'smush-cancel-cdn' ),

[13] Fix | Delete

cdnStatsBox: document.querySelector( '.smush-cdn-stats' ),

[14] Fix | Delete

[15] Fix | Delete

init() {

[16] Fix | Delete

/**

[17] Fix | Delete

* Handle "Get Started" button click on disabled CDN page.

[18] Fix | Delete

[19] Fix | Delete

if ( this.cdnEnableButton ) {

[20] Fix | Delete

this.cdnEnableButton.addEventListener( 'click', ( e ) => {

[21] Fix | Delete

e.preventDefault();

[22] Fix | Delete

e.currentTarget.classList.add( 'sui-button-onload' );

[23] Fix | Delete

this.toggle_cdn( true );

[24] Fix | Delete

} );

[25] Fix | Delete

}

[26] Fix | Delete

[27] Fix | Delete

/**

[28] Fix | Delete

* Handle "Deactivate' button click on CDN page.

[29] Fix | Delete

[30] Fix | Delete

if ( this.cdnDisableButton ) {

[31] Fix | Delete

this.cdnDisableButton.addEventListener( 'click', ( e ) => {

[32] Fix | Delete

e.preventDefault();

[33] Fix | Delete

e.currentTarget.classList.add( 'sui-button-onload' );

[34] Fix | Delete

[35] Fix | Delete

this.toggle_cdn( false );

[36] Fix | Delete

} );

[37] Fix | Delete

}

[38] Fix | Delete

[39] Fix | Delete

this.updateStatsBox();

[40] Fix | Delete

[41] Fix | Delete

[42] Fix | Delete

/**

[43] Fix | Delete

* Toggle CDN.

[44] Fix | Delete

[45] Fix | Delete

* @since 3.0

[46] Fix | Delete

[47] Fix | Delete

* @param {boolean} enable

[48] Fix | Delete

[49] Fix | Delete

toggle_cdn( enable ) {

[50] Fix | Delete

const nonceField = document.getElementsByName(

[51] Fix | Delete

'wp_smush_options_nonce'

[52] Fix | Delete

);

[53] Fix | Delete

[54] Fix | Delete

const xhr = new XMLHttpRequest();

[55] Fix | Delete

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

[56] Fix | Delete

xhr.setRequestHeader(

[57] Fix | Delete

'Content-type',

[58] Fix | Delete

'application/x-www-form-urlencoded'

[59] Fix | Delete

);

[60] Fix | Delete

xhr.onload = () => {

[61] Fix | Delete

if ( 200 === xhr.status ) {

[62] Fix | Delete

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

[63] Fix | Delete

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

[64] Fix | Delete

WP_Smush.helpers.redirectToPage( 'cdn' );

[65] Fix | Delete

} else if ( 'undefined' !== typeof res.data.message ) {

[66] Fix | Delete

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

[67] Fix | Delete

}

[68] Fix | Delete

} else {

[69] Fix | Delete

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

[70] Fix | Delete

}

[71] Fix | Delete

};

[72] Fix | Delete

xhr.send(

[73] Fix | Delete

'param=' + enable + '&_ajax_nonce=' + nonceField[ 0 ].value

[74] Fix | Delete

);

[75] Fix | Delete

[76] Fix | Delete

[77] Fix | Delete

/**

[78] Fix | Delete

* Update the CDN stats box in summary meta box. Only fetch new data when on CDN page.

[79] Fix | Delete

[80] Fix | Delete

* @since 3.0

[81] Fix | Delete

[82] Fix | Delete

updateStatsBox() {

[83] Fix | Delete

if (

[84] Fix | Delete

'undefined' === typeof this.cdnStatsBox ||

[85] Fix | Delete

! this.cdnStatsBox

[86] Fix | Delete

) {

[87] Fix | Delete

return;

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

// Only fetch the new stats, when user is on CDN page.

[91] Fix | Delete

if ( ! window.location.search.includes( 'page=smush-cdn' ) ) {

[92] Fix | Delete

return;

[93] Fix | Delete

}

[94] Fix | Delete

[95] Fix | Delete

this.toggleElements();

[96] Fix | Delete

[97] Fix | Delete

const xhr = new XMLHttpRequest();

[98] Fix | Delete

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

[99] Fix | Delete

xhr.onload = () => {

[100] Fix | Delete

if ( 200 === xhr.status ) {

[101] Fix | Delete

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

[102] Fix | Delete

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

[103] Fix | Delete

this.toggleElements();

[104] Fix | Delete

} else if ( 'undefined' !== typeof res.data.message ) {

[105] Fix | Delete

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

[106] Fix | Delete

}

[107] Fix | Delete

} else {

[108] Fix | Delete

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

[109] Fix | Delete

}

[110] Fix | Delete

};

[111] Fix | Delete

xhr.send();

[112] Fix | Delete

[113] Fix | Delete

[114] Fix | Delete

/**

[115] Fix | Delete

* Show/hide elements during status update in the updateStatsBox()

[116] Fix | Delete

[117] Fix | Delete

* @since 3.1 Moved out from updateStatsBox()

[118] Fix | Delete

[119] Fix | Delete

toggleElements() {

[120] Fix | Delete

const spinner = this.cdnStatsBox.querySelector(

[121] Fix | Delete

'.sui-icon-loader'

[122] Fix | Delete

);

[123] Fix | Delete

const elements = this.cdnStatsBox.querySelectorAll(

[124] Fix | Delete

'.wp-smush-stats > :not(.sui-icon-loader)'

[125] Fix | Delete

);

[126] Fix | Delete

[127] Fix | Delete

for ( let i = 0; i < elements.length; i++ ) {

[128] Fix | Delete

elements[ i ].classList.toggle( 'sui-hidden' );

[129] Fix | Delete

}

[130] Fix | Delete

[131] Fix | Delete

spinner.classList.toggle( 'sui-hidden' );

[132] Fix | Delete

[133] Fix | Delete

};

[134] Fix | Delete

[135] Fix | Delete

WP_Smush.CDN.init();

[136] Fix | Delete

} )();

[137] Fix | Delete

[138] Fix | Delete