laipower/wp-content/upgrade-temp-backup/plugins/w3-total-cache/Extension_ImageService_Plugin_Admin.js

679 lines
17 KiB
JavaScript

/**
* File: Extension_ImageService_Plugin_Admin.js
*
* JavaScript for the Media Library list page.
*
* @since 2.2.0
*
* @global w3tcData Localized data.
*/
(function( $ ) {
var isCheckingItems = false,
$convertLinks = $( 'a.w3tc-convert' ),
$unconvertLinks = $( '.w3tc-revert > a' ),
$convertAllButton = $( 'th.w3tc-imageservice-all' ).parent().find( 'td button' ),
$revertAllButton = $( 'th.w3tc-imageservice-revertall' ).parent().find( 'td button' ),
$refreshStatsButton = $( 'input#w3tc-imageservice-refresh-counts.button' ),
$refreshUsageButton = $( 'input#w3tc-imageservice-refresh-usage.button' );
/* On page load. */
// Start checking items that are in the processing status.
startCheckItems();
// Disable ineligible buttons.
toggleButtons();
/* Events. */
// Clicked convert link.
$convertLinks.on( 'click', convertItem );
// Clicked revert link.
$unconvertLinks.on( 'click', revertItem );
// Clicked convert all images button.
$convertAllButton.on( 'click', convertItems );
// Clicked revert all converted images button.
$revertAllButton.on( 'click', revertItems );
// Clicked the refresh icon for statistics counts.
$refreshStatsButton.on( 'click', refreshStats );
// Clicked the refresh icon for API usage statistics.
$refreshUsageButton.on( 'click', refreshUsage );
/* Functions. */
/**
* Toggle buttons based on eligibility.
*
* @since 2.2.0
*/
function toggleButtons() {
if ( $convertAllButton.length && $( '#w3tc-imageservice-unconverted' ).text() < 1 ) {
$convertAllButton.prop( 'disabled', true ).prop( 'aria-disabled', 'true' ); // Disable button.
}
if ( $revertAllButton.length && $( '#w3tc-imageservice-converted' ).text() < 1 ) {
$revertAllButton.prop( 'disabled', true ).prop( 'aria-disabled', 'true' ); // Disable button.
}
}
/**
* Start checking items that are in the processing status.
*
* @since 2.2.0
*
* @see checkItemsProcessing()
*/
function startCheckItems() {
if ( isCheckingItems ) {
return;
}
isCheckingItems= true;
// Check status and update every 5 seconds.
checkitemsInterval = setInterval( checkItemsProcessing, 5000 );
// Stop checking after 5 minutes.
setTimeout(
function() {
clearInterval( checkitemsInterval );
isCheckingItems = false;
},
60 * 5 * 1000
);
}
/**
* Check processing items.
*
* @since 2.2.0
*
* @see checkItemProcessing()
*/
function checkItemsProcessing() {
$convertLinks.each( checkItemProcessing );
}
/**
* Callback: Check processing item.
*
* @since 2.2.0
*/
function checkItemProcessing() {
var $this = $( this ),
$itemTd = $this.closest( 'td' );
// If marked as processing, then check for status change an update status on screen.
if ( 'processing' === $this.data( 'status' ) ) {
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.postmeta,
action: 'w3tc_imageservice_postmeta',
post_id: $this.data( 'post-id' )
}
})
.done( function( response ) {
var infoClass;
// Remove any previous optimization information and the revert link.
$itemTd.find(
'.w3tc-converted-reduced, .w3tc-converted-increased, .w3tc-notconverted, .w3tc-revert'
).remove();
// Add optimization information.
if ( 'notconverted' !== response.data.status && response.data.download && response.data.download["\u0000*\u0000data"] ) {
infoClass = response.data.download["\u0000*\u0000data"]['x-filesize-reduced'] > 0 ?
'w3tc-converted-increased' : 'w3tc-converted-reduced';
$itemTd.prepend(
'<div class="' +
infoClass +
'">' +
sizeFormat( response.data.download["\u0000*\u0000data"]['x-filesize-in'] ) +
' &#8594; ' +
sizeFormat( response.data.download["\u0000*\u0000data"]['x-filesize-out'] ) +
' (' +
response.data.download["\u0000*\u0000data"]['x-filesize-reduced'] +
')</div>'
);
}
if ( 'converted' === response.data.status ) {
$this
.text( w3tcData.lang.converted )
.data( 'status', 'converted' );
// Add revert link, if not already present.
if ( ! $itemTd.find( '.w3tc-revert' ).length ) {
$itemTd.append(
'<span class="w3tc-revert"> | <a>' +
w3tcData.lang.revert +
'</a></span>'
);
// Update global revert link.
$( '.w3tc-revert > a' ).unbind().on( 'click', revertItem );
}
} else if ( 'notconverted' === response.data.status ) {
$this.data( 'status', 'notconverted' );
$itemTd.prepend(
'<div class="w3tc-notconverted">' +
w3tcData.lang.notConvertedDesc +
'</div>'
);
if ( 'lossless' === w3tcData.settings.compression ) {
$this
.text( w3tcData.lang.settings )
.prop( 'aria-disabled' , 'false')
.closest( 'span' ).removeClass( 'w3tc-disabled' );
} else {
$this.text( w3tcData.lang.notConverted );
}
}
})
.fail( function() {
$this
.text( w3tcData.lang.error )
.data( 'status', null );
$itemTd.find( '.w3tc-imageservice-error' ).remove();
$itemTd.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
});
}
}
/**
* Refresh statistics/counts.
*
* @since 2.2.0
*/
function refreshStats() {
var $countsTable = $( 'table#w3tc-imageservice-counts' );
// Update the refresh button text.
$refreshStatsButton
.val( w3tcData.lang.refreshing )
.prop( 'disabled', true )
.prop( 'aria-disabled', 'true' );
// Remove any error notices.
$countsTable.find( '.w3tc-imageservice-error' ).remove();
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.submit,
action: 'w3tc_imageservice_counts'
}
})
.done( function( response ) {
if ( response.data && response.data.hasOwnProperty( 'total' ) ) {
[ 'total', 'converted', 'sending', 'processing', 'notconverted', 'unconverted' ].forEach( function( className ) {
var size,
$size,
$count = $countsTable.find( '#w3tc-imageservice-' + className );
if ( parseInt( $count.text() ) !== response.data[ className ] ) {
$count.text( response.data[ className ] ).closest( 'tr' ).addClass( 'w3tc-highlight' );
className += 'bytes';
$size = $countsTable.find( '#w3tc-imageservice-' + className );
size = sizeFormat( response.data[ className ], 2 );
$size.text( size );
}
} );
}
// Update the refresh button text.
$refreshStatsButton
.val( w3tcData.lang.refresh )
.prop( 'disabled', false )
.prop( 'aria-disabled', 'false' );
// Remove highlights.
setTimeout(
function() {
$countsTable.find( '.w3tc-highlight' ).removeClass( 'w3tc-highlight' );
},
1000
);
})
.fail( function() {
$countsTable.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
// Update the refresh button text.
$refreshStatsButton
.val( w3tcData.lang.error )
.prop( 'disabled', false )
.prop( 'aria-disabled', 'false' );
});
}
/**
* Refresh API usage statistics.
*
* @since 2.2.0
*/
function refreshUsage() {
var $usageTable = $( 'table#w3tc-imageservice-usage' );
// Update the refresh button text.
$refreshUsageButton
.val( w3tcData.lang.refreshing )
.prop( 'disabled', true )
.prop( 'aria-disabled', 'true' );
// Remove any error notices.
$usageTable.find( '.w3tc-imageservice-error' ).remove();
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.submit,
action: 'w3tc_imageservice_usage'
}
})
.done( function( response ) {
if ( response.data && response.data.hasOwnProperty( 'usage_hourly' ) ) {
[ 'usage_hourly', 'usage_monthly', 'limit_hourly', 'limit_monthly' ].forEach( function( keyName ) {
var className = keyName.replace( '_', '-' ),
$count = $usageTable.find( '#w3tc-imageservice-' + className );
if ( $count.text() != response.data[ keyName ] ) {
$count.text( response.data[ keyName ] ).closest( 'tr' ).addClass( 'w3tc-highlight' );
}
});
}
// Update the refresh button text.
$refreshUsageButton
.val( w3tcData.lang.refresh )
.prop( 'disabled', false )
.prop( 'aria-disabled', 'false' );
// Remove highlights.
setTimeout(
function() {
$usageTable.find( '.w3tc-highlight' ).removeClass( 'w3tc-highlight' );
},
1000
);
})
.fail( function() {
$usageTable.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
// Update the refresh button text.
$refreshUsageButton
.val( w3tcData.lang.error )
.prop( 'disabled', false )
.prop( 'aria-disabled', 'false' );
});
}
/**
* Convert number of bytes largest unit bytes will fit into.
*
* Similar to size_format(), but in JavaScript.
*
* @since 2.2.0
*
* @param int size Size in bytes.
* @param int decimals Number of decimal places.
* @return string
*/
function sizeFormat( size, decimals = 0 ) {
var units = [ 'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB' ],
i = 0;
while ( size >= 1024 ) {
size /= 1024;
++i;
}
return size.toFixed( decimals ) + ' ' + units[ i ];
}
/* Event callback functions */
/**
* Event callback: Convert an item.
*
* @since 2.2.0
*
* @param event e Event object.
*/
function convertItem() {
var $this = $( this ),
$itemTd = $this.closest( 'td' );
// If the conversion was canceled and the compression setting is "lossless", then go to the settings page.
if ( 'notconverted' === $this.data( 'status' ) && 'lossless' === w3tcData.settings.compression ) {
window.location.href = w3tcData.settingsUrl;
return;
}
$this
.text( w3tcData.lang.sending )
.prop( 'aria-disabled' , 'true')
.closest( 'span' ).addClass( 'w3tc-disabled' );
// Remove any previous optimization information, revert link, and error notices.
$itemTd.find( '.w3tc-converted-reduced, .w3tc-converted-increased, .w3tc-revert, .w3tc-imageservice-error' ).remove();
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.submit,
action: 'w3tc_imageservice_submit',
post_id: $this.data( 'post-id' )
}
})
.done( function( response ) {
if ( response.success ) {
$this
.text( w3tcData.lang.processing )
.data( 'status', 'processing' );
startCheckItems();
} else if ( response.data && response.data.hasOwnProperty( 'error' ) ) {
$this
.text( w3tcData.lang.error )
.data( 'status', 'error' );
$itemTd.append(
'<div class="notice notice-error inline">' +
response.data.error +
'</div>'
);
} else {
$this
.text( w3tcData.lang.error )
.data( 'status', 'error' );
$itemTd.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.apiError +
'</div>'
);
}
})
.fail( function( response ) {
var message,
rebindBuyClick = false,
$wrap = $( '.wrap' );
$this
.val( w3tcData.lang.error )
.data( 'status', 'error' );
if (
response && response.hasOwnProperty( 'responseJSON' ) &&
response.responseJSON.hasOwnProperty( 'data' ) &&
response.responseJSON.data.hasOwnProperty( 'message' )
) {
message = response.responseJSON.data.message;
rebindBuyClick = true;
if ( 'accept' === w3tcData.tos_choice && w3tcData.track_usage ) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://api.w3-edge.com/v1/analytics','w3tc_ga');
if ( window.w3tc_ga ) {
w3tc_ga( 'create', w3tcData.ga_profile, 'auto' );
w3tc_ga( 'send', 'event', 'w3tc_error', 'imageservice', response.responseJSON.data.code );
}
}
} else {
message = w3tcData.lang.ajaxFail;
}
$itemTd.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
message +
'</div>'
);
// Rebind click event handler after adding a new link that may need it.
if ( rebindBuyClick ) {
// Ensure overlay.
if ( 'w3tc' !== $wrap.attr( 'id' ) ) {
$wrap.attr( 'id', 'w3tc' );
}
// Rebind click event.
$( '.button-buy-plugin' )
.off( 'click' )
.on( 'click', function() {
if ( ! $( '.w3tc-overlay' ).length ) {
w3tc_lightbox_upgrade( w3tc_nonce, $( this ).data('src'), null );
}
} );
}
});
}
/**
* Event callback: Revert item.
*
* @since 2.2.0
*
* @param event e Event object.
*/
function revertItem() {
var $this = $( this ),
$itemTd = $this.closest( 'td' ),
$convertLink = $itemTd.find( 'a.w3tc-convert' );
$this
.text( w3tcData.lang.reverting )
.prop( 'aria-disabled', 'true' )
.closest( 'span' ).addClass( 'w3tc-disabled' );
$convertLink
.prop( 'aria-disabled', 'true' )
.closest( 'span' ).addClass( 'w3tc-disabled' );
// Remove error notices.
$itemTd.find( '.w3tc-imageservice-error' ).remove();
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.revert,
action: 'w3tc_imageservice_revert',
post_id: $convertLink.data( 'post-id' )
}
})
.done( function( response ) {
if ( response.success ) {
$this.closest( 'span' ).remove(); // Remove the revert link.
$itemTd.find( 'div' ).remove(); // Remove optimization info.
$convertLink
.text( w3tcData.lang.convert )
.prop( 'aria-disabled', false )
.data( 'status', null )
.closest( 'span' ).removeClass( 'w3tc-disabled' );
} else if ( response.data && response.data.hasOwnProperty( 'error' ) ) {
$this
.text( w3tcData.lang.error )
.data( 'status', 'error' );
$itemTd.parent().append(
'<div class="notice notice-error inline">' +
response.data.error +
'</div>'
);
} else {
$this
.text( w3tcData.lang.error )
.data( 'status', 'error' );
$itemTd.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.apiError +
'</div>'
);
}
})
.fail( function() {
$this
.text( w3tcData.lang.error )
.data( 'status', 'error' );
$itemTd.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
});
}
/**
* Event callback: Convert all items.
*
* @since 2.2.0
*
* @see refreshStats()
* @see refreshUsage()
*/
function convertItems() {
var $this = $( this ),
$parent = $this.parent();
$this
.text( w3tcData.lang.sending )
.prop( 'disabled', true )
.prop( 'aria-disabled', 'true' );
// Remove error notices.
$parent.find( '.w3tc-imageservice-error' ).remove();
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.submit,
action: 'w3tc_imageservice_all'
}
})
.done( function( response ) {
if ( response.success ) {
$this.text( w3tcData.lang.submitted );
$parent.append(
'<div class="notice notice-info inline">' +
w3tcData.lang.submittedAllDesc +
'</div>'
);
refreshStats();
refreshUsage();
} else if ( response.data && response.data.hasOwnProperty( 'error' ) ) {
$this.text( w3tcData.lang.error );
$parent.append(
'<div class="notice notice-error inline">' +
response.data.error +
'</div>'
);
} else {
$this.text( w3tcData.lang.error );
$parent.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.apiError +
'</div>'
);
}
})
.fail( function() {
$this.text( w3tcData.lang.error );
$parent.append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
});
}
/**
* Event callback: Revert all items.
*
* @since 2.2.0
*
* @see refreshStats()
*/
function revertItems() {
var $this = $( this );
$this.text( w3tcData.lang.reverting )
.prop( 'disabled', true )
.prop( 'aria-disabled', 'true' );
$.ajax({
method: 'POST',
url: ajaxurl,
data: {
_wpnonce: w3tcData.nonces.submit,
action: 'w3tc_imageservice_revertall'
}
})
.done( function( response ) {
if ( response.success ) {
$this.text( w3tcData.lang.reverted );
$convertAllButton
.prop( 'disabled', false )
.prop( 'aria-disabled', 'false' );
refreshStats();
} else if ( response.data && response.data.hasOwnProperty( 'error' ) ) {
$this
.text( w3tcData.lang.error )
.parent().append(
'<div class="notice notice-error inline">' +
response.data.error +
'</div>'
);
} else {
$this
.text( w3tcData.lang.error )
.parent().append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.apiError +
'</div>'
);
}
})
.fail( function() {
$this
.text( w3tcData.lang.error )
.parent().append(
'<div class="notice notice-error inline w3tc-imageservice-error">' +
w3tcData.lang.ajaxFail +
'</div>'
);
});
}
})( jQuery );