Edit File by line

/* global ajaxurl */

[0] Fix | Delete

[1] Fix | Delete

/**

[2] Fix | Delete

* External dependencies

[3] Fix | Delete

[4] Fix | Delete

import React from 'react';

[5] Fix | Delete

import ReactDOM from 'react-dom';

[6] Fix | Delete

[7] Fix | Delete

/**

[8] Fix | Delete

* WordPress dependencies

[9] Fix | Delete

[10] Fix | Delete

import domReady from '@wordpress/dom-ready';

[11] Fix | Delete

[12] Fix | Delete

/**

[13] Fix | Delete

* SUI dependencies

[14] Fix | Delete

[15] Fix | Delete

import { TutorialsList, TutorialsSlider } from '@wpmudev/shared-tutorials';

[16] Fix | Delete

[17] Fix | Delete

import tracker from './utils/tracker';

[18] Fix | Delete

[19] Fix | Delete

function hideTutorials() {

[20] Fix | Delete

const xhr = new XMLHttpRequest();

[21] Fix | Delete

[22] Fix | Delete

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

[23] Fix | Delete

xhr.setRequestHeader( 'Content-type', 'application/x-www-form-urlencoded' );

[24] Fix | Delete

[25] Fix | Delete

xhr.onload = () => {

[26] Fix | Delete

if ( 200 === xhr.status ) {

[27] Fix | Delete

const noticeMessage = `<p>${ window.wp_smush_msgs.tutorialsRemoved }</p>`,

[28] Fix | Delete

noticeOptions = {

[29] Fix | Delete

type: 'success',

[30] Fix | Delete

icon: 'check',

[31] Fix | Delete

};

[32] Fix | Delete

[33] Fix | Delete

window.SUI.openNotice(

[34] Fix | Delete

'wp-smush-ajax-notice',

[35] Fix | Delete

noticeMessage,

[36] Fix | Delete

noticeOptions

[37] Fix | Delete

);

[38] Fix | Delete

}

[39] Fix | Delete

};

[40] Fix | Delete

[41] Fix | Delete

xhr.send( '_ajax_nonce=' + window.wp_smush_msgs.nonce );

[42] Fix | Delete

}

[43] Fix | Delete

[44] Fix | Delete

/**

[45] Fix | Delete

* Render the "Tutorials List" component.

[46] Fix | Delete

[47] Fix | Delete

* @since 2.8.5

[48] Fix | Delete

[49] Fix | Delete

domReady( function() {

[50] Fix | Delete

// Tutorials section on Dashboard page.

[51] Fix | Delete

const tutorialsDiv = document.getElementById( 'smush-dash-tutorials' );

[52] Fix | Delete

if ( tutorialsDiv ) {

[53] Fix | Delete

ReactDOM.render(

[54] Fix | Delete

<TutorialsSlider

[55] Fix | Delete

category="11228"

[56] Fix | Delete

title={ window.smush_tutorials.tutorials }

[57] Fix | Delete

viewAll={ window.smush_tutorials.tutorials_link }

[58] Fix | Delete

onCloseClick={ hideTutorials }

[59] Fix | Delete

/>,

[60] Fix | Delete

tutorialsDiv

[61] Fix | Delete

);

[62] Fix | Delete

}

[63] Fix | Delete

[64] Fix | Delete

// Tutorials page.

[65] Fix | Delete

const tutorialsPageBox = document.getElementById( 'smush-box-tutorials' );

[66] Fix | Delete

if ( tutorialsPageBox ) {

[67] Fix | Delete

ReactDOM.render(

[68] Fix | Delete

<TutorialsList

[69] Fix | Delete

category="11228"

[70] Fix | Delete

title={ window.smush_tutorials.tutorials }

[71] Fix | Delete

translate={ window.smush_tutorials.tutorials_strings }

[72] Fix | Delete

/>,

[73] Fix | Delete

tutorialsPageBox

[74] Fix | Delete

);

[75] Fix | Delete

}

[76] Fix | Delete

} );

[77] Fix | Delete

[78] Fix | Delete

jQuery(function ($) {

[79] Fix | Delete

$(document).on('click', '#smush-box-tutorials li > [role="link"], #smush-dash-tutorials li > [role="link"]', function () {

[80] Fix | Delete

const $tutorial = $(this);

[81] Fix | Delete

const isDashPage = !!$tutorial.closest('#smush-dash-tutorials').length;

[82] Fix | Delete

const decodeHtml = (html) => {

[83] Fix | Delete

const txt = document.createElement("textarea");

[84] Fix | Delete

txt.innerHTML = html;

[85] Fix | Delete

return txt.value;

[86] Fix | Delete

};

[87] Fix | Delete

const title = decodeHtml($tutorial.attr('title'));

[88] Fix | Delete

[89] Fix | Delete

tracker.track('Tutorial Opened', {

[90] Fix | Delete

'Tutorial Name': title,

[91] Fix | Delete

'Triggered From': isDashPage ? 'Dashboard' : 'Tutorials Tab'

[92] Fix | Delete

});

[93] Fix | Delete

});

[94] Fix | Delete

});

[95] Fix | Delete

[96] Fix | Delete