transistorization

Back Back Up Advanced Editor

<?php
/**
 * JS code to manage queue.
 */

?>
// Hide object text box
var queueOriginEl = document.getElementById('ao-ccss-queue' );
if (queueOriginEl) {
    queueOriginEl.style.display = 'none';

// Get queue object and call table renderer
 jQuery(document).ready(function() {
 // Instance and parse queue object
 var aoCssQueueRaw = document.getElementById('ao-ccss-queue').value;
 var aoCssQueue = aoCssQueueRaw.indexOf('{"') === 0 ?
 JSON.parse(aoCssQueueRaw) :
 "";
 var aoCssQueueLog = aoCssQueue === "" ?
 "empty" :
 aoCssQueue;
 <?php
 if ( $ao_ccss_debug ) {
 echo "console.log( 'Queue Object:', aoCssQueueLog );\n";
 }
 ?>

// hook up "remove all jobs" button to the JS action.
        jQuery("#removeAllJobs").click(function(){removeAllJobs();});

// Render queue table
        drawQueueTable(aoCssQueue);

// Make queue table sortable if there are any elements
 var queueBodyEl = jQuery('#queue > tr').length;
 if (queueBodyEl > 0) {
 jQuery('#queue-tbl').tablesorter({
 sortList: [[0,0]],
 headers: {6: {sorter: false}}
 });
 }
 
 // unhide queuerunner button conditionally (we don't want people running the queue continuously) and attach event to it.
 if (queueBodyEl > 4 || ( queueBodyEl > 0 && jQuery('#rules > tr').length < 1 ) ) {
 jQuery('#queuerunner-container').show();
 jQuery("#queuerunner").click(function(){queuerunner();});
 }
 });
}

// Render the queue in a table
function drawQueueTable(queue) {
    jQuery('#queue').empty();
    rowNumber=0;
    jQuery.each(queue, function(path, keys) {
        // Prepare commom job values
        ljid      = keys.ljid;
        targetArr = keys.rtarget.split('|' );
        target    = targetArr[1];
        type      = keys.ptype;
        ctime     = EpochToDate(keys.jctime);
        rbtn      = false;
        dbtn      = false;
        hbtn      = false;

// don't list jobs that don't have a type, they are irrelevant and this also avoids "type.replace is not a function".
        if ( type == false ) {
            return;
        }

// Prepare job statuses
 if (keys.jqstat === 'NEW') {
 // Status: NEW (N, sort order 1)
 status = '1N';
 statusClass = 'new';
 title = '<?php esc_html_e( 'New', 'autoptimize' ); ?> (' + ljid + ')';
 buttons = '<?php esc_html_e( 'None', 'autoptimize' ); ?>';
 } else if (keys.jqstat === 'JOB_QUEUED' || keys.jqstat === 'JOB_ONGOING') {
 // Status: PENDING (P, sort order 2)
 status = '2P';
 statusClass = 'pending';
 title = '<?php esc_html_e( 'PENDING', 'autoptimize' ); ?> (' + ljid + ')';
 buttons = '<?php esc_html_e( 'None', 'autoptimize' ); ?>';
 } else if (keys.jqstat === 'JOB_DONE' && keys.jrstat === 'GOOD' && (keys.jvstat === 'WARN' || keys.jvstat === 'BAD')) {
 // Status: REVIEW (R, sort order 5)
 status = '5R';
 statusClass = 'review';
 title = "<?php esc_html_e( 'REVIEW', 'autoptimize' ); ?> (" + ljid + ")\n<?php esc_html_e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php esc_html_e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php esc_html_e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php esc_html_e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php esc_html_e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat;
 buttons = '">';
 dbtn = true;
 } else if (keys.jqstat === 'JOB_DONE') {
 // Status: DONE (D, sort order 6)
 status = '6D';
 statusClass = 'done';
 title = '<?php esc_html_e( 'DONE', 'autoptimize' ); ?> (' + ljid + ')';
 buttons = '">';
 dbtn = true;
 } else if (keys.jqstat === 'JOB_FAILED' || keys.jqstat === 'STATUS_JOB_BAD' || keys.jqstat === 'INVALID_JWT_TOKEN' || keys.jqstat === 'NO_CSS' || keys.jqstat === 'NO_RESPONSE') {
 // Status: ERROR (E, sort order 4)
 status = '4E';
 statusClass = 'error';
 title = "<?php esc_html_e( 'ERROR', 'autoptimize' ); ?> (" + ljid + ")\n<?php esc_html_e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php esc_html_e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php esc_html_e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php esc_html_e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php esc_html_e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat;
 buttons = '">">">';
 rbtn = true;
 dbtn = true;
 hbtn = true;
 } else {
 // Status: UNKNOWN (U, sort order 5)
 status = '5U';
 statusClass = 'unknown';
 title = "<?php esc_html_e( 'UNKNOWN', 'autoptimize' ); ?> (" + ljid + ")\n<?php esc_html_e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php esc_html_e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php esc_html_e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php esc_html_e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php esc_html_e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat;
 buttons = '">">';
 dbtn = true;
 hbtn = true;
 }

// Prepare job finish time
 if (keys.jftime === null) {
 ftime = '<?php esc_html_e( 'N/A', 'autoptimize' ); ?>';
 } else {
 ftime = EpochToDate(keys.jftime);
 }

// Attach button actions
        if (rbtn) {
            jQuery('#' + ljid + '_retry').click(function(){retryJob(queue, this.id, path);});
        }
        if (dbtn) {
            jQuery('#' + ljid + '_remove').click(function(){delJob(queue, this.id, path);});
        }
        if (hbtn) {
            jQuery('#' + ljid + '_help').click(function(){jid=this.id.split('_' );window.open('https://criticalcss.com/faq?aoid=' + jid[0], '_blank' );});
        }
    });
}

// Delete a job from the queue
function delJob(queue, jid, jpath) {
 jid = jid.split('_' );
 jQuery('#queue-confirm-rm').dialog({
 resizable: false,
 height: 180,
 modal: true,
 buttons: {
 "<?php esc_html_e( 'Delete', 'autoptimize' ); ?>": function() {
 delete queue[jpath];
 updateQueue(queue);
 jQuery(this).dialog('close' );
 },
 "<?php esc_html_e( 'Cancel', 'autoptimize' ); ?>": function() {
 jQuery(this).dialog('close' );
 }
 }
 });
}

// Retry jobs with error
function retryJob(queue, jid, jpath) {
 jid = jid.split('_' );
 jQuery('#queue-confirm-retry').dialog({
 resizable: false,
 height: 180,
 modal: true,
 buttons: {
 "<?php esc_html_e( 'Retry', 'autoptimize' ); ?>": function() {
 <?php
 if ( $ao_ccss_debug ) {
 echo "console.log( 'SHOULD retry job:', jid[0], jpath );\n";
 }
 ?>
 queue[jpath].jid = null;
 queue[jpath].jqstat = 'NEW';
 queue[jpath].jrstat = null;
 queue[jpath].jvstat = null;
 queue[jpath].jctime = (new Date).getTime() / 1000;
 queue[jpath].jftime = null;
 updateQueue(queue);
 jQuery(this).dialog('close' );
 },
 "<?php esc_html_e( 'Cancel', 'autoptimize' ); ?>": function() {
 jQuery(this).dialog('close' );
 }
 }
 });
}

// Refresh queue
function updateQueue(queue) {
 document.getElementById('ao-ccss-queue').value=JSON.stringify(queue);
 drawQueueTable(queue);
 jQuery('#unSavedWarning').show();
 document.getElementById('ao_title_and_button').scrollIntoView(); 
 <?php
 if ( $ao_ccss_debug ) {
 echo "console.log('Updated Queue Object:', queue);\n";
 }
 ?>
}

// Run the queue manually (in case of cron issues/ impatient users).
function queuerunner() {
 var data = {
 'action': 'ao_ccss_queuerunner',
 'ao_ccss_queuerunner_nonce': '<?php echo wp_create_nonce( 'ao_ccss_queuerunner_nonce' ); ?>',
 };

jQuery.post(ajaxurl, data, function(response) {
 response_array=JSON.parse(response);
 if (response_array['code'] == 200) {
 displayNotice( '<?php esc_html_e( 'Queue processed, reloading page.', 'autoptimize' ); ?>', 'success' )
 setTimeout(window.location.reload.bind(window.location), 1.5*1000);
 } else if ( response_array['code'] == 302 ) {
 displayNotice( '<?php esc_html_e( 'The queue is locked, retry in a couple of minutes. If this problem persists and the queue is not moving at all remove the <code>wp-content/uploads/ao_ccss/queue.lock</code> file.', 'autoptimize' ); ?>', 'warning' )
 } else {
 displayNotice( '<?php esc_html_e( 'Could not process queue.', 'autoptimize' ); ?>', 'error' )
 }
 });
}

// Convert epoch to date for job times
function EpochToDate(epoch) {
 if (epoch < 10000000000)
 epoch *= 1000;
 var epoch = epoch + (new Date().getTimezoneOffset() * -1); //for timeZone
 var sdate = new Date(epoch);
 var ldate = sdate.toLocaleString();
 return ldate;
}