/**
* Short Pixel WordPress Plugin javascript
*/
// init checks bulkProcess on each page. initSettings is when the settings View is being loaded.
jQuery(document).ready(function(){ShortPixel.init(); });
var ShortPixel = function() {
function init() {
if (typeof ShortPixel.API_IS_ACTIVE !== 'undefined') return; //was initialized by the 10 sec. setTimeout, rare but who knows, might happen on very slow connections...
//are we on media list?
if( jQuery('table.wp-list-table.media').length > 0) {
//register a bulk action
jQuery('select[name^="action"] option:last-child').before('<option value="short-pixel-bulk">' + _spTr.optimizeWithSP
+ '</option><option value="short-pixel-bulk-lossy"> → ' + _spTr.redoLossy
+ '</option><option value="short-pixel-bulk-glossy"> → ' + _spTr.redoGlossy
+ '</option><option value="short-pixel-bulk-lossless"> → ' + _spTr.redoLossless
+ '</option><option value="short-pixel-bulk-restore"> → ' + _spTr.restoreOriginal
+ '</option>');
}
// Extracting the protected Array from within the 0 element of the parent array
ShortPixel.setOptions(ShortPixelConstants[0]);
if(jQuery('#backup-folder-size').length) {
jQuery('#backup-folder-size').html(ShortPixel.getBackupSize());
}
if( ShortPixel.MEDIA_ALERT == 'todo' && jQuery('div.media-frame.mode-grid').length > 0) {
//the media table is not in the list mode, alert the user
jQuery('div.media-frame.mode-grid').before('<div id="short-pixel-media-alert" class="notice notice-warning"><p>'
+ SPstringFormat(_spTr.changeMLToListMode,'<a href="upload.php?mode=list" class="view-list"><span class="screen-reader-text">',' </span>',
'</a><a class="alignright" href="javascript:ShortPixel.dismissMediaAlert();">','</a>')
+ '</p></div>');
}
//
jQuery(window).on('beforeunload', function(){
if(ShortPixel.bulkProcessor == true) {
clearBulkProcessor();
}
});
//check if bulk processing
checkQuotaExceededAlert();
checkBulkProgress();
}
function setOptions(options) {
for(var opt in options) {
ShortPixel[opt] = options[opt];
}
}
function isEmailValid(email) {
return /^\w+([\.+-]?\w+)*@\w+([\.-]?\w+)*(\.\w{1,63})+$/.test(email);
}
function updateSignupEmail() {
var email = jQuery('#pluginemail').val();
if(ShortPixel.isEmailValid(email)) {
jQuery('#request_key').removeClass('disabled');
}
jQuery('#request_key').attr('href', jQuery('#request_key').attr('href').split('?')[0] + '?pluginemail=' + email);
}
function validateKey(button){
// console.log('validate');
jQuery('#valid').val('validate');
jQuery(button).parents('form').submit();
}
jQuery("#key").keypress(function(e) {
if(e.which == 13) {
jQuery('#valid').val('validate');
}
});
function enableResize(elm) {
if(jQuery(elm).is(':checked')) {
jQuery("#width,#height").removeAttr("disabled");
SpioResize.lastW = false; //to trigger the animation
jQuery(".resize-type-wrap").show(800, window.SpioResize.run);
} else {
jQuery("#width,#height").attr("disabled", "disabled");
window.SpioResize.hide();
jQuery(".resize-type-wrap").hide(800);
}
}
function checkExifWarning()
{
if (! jQuery('input[name="removeExif"]').is(':checked') && jQuery('input[name="png2jpg"]').is(':checked') )
jQuery('.exif_warning').fadeIn();
else
jQuery('.exif_warning').fadeOut();
if (! jQuery('input[name="removeExif"]').is(':checked') && jQuery('.exif_imagick_warning').data('imagick') <= 0)
jQuery('.exif_imagick_warning').fadeIn();
else
jQuery('.exif_imagick_warning').fadeOut();
}
function checkBackUpWarning()
{
if (! jQuery('input[name="backupImages"]').is(':checked') )
{
jQuery('.backup_warning').fadeIn();
}
else {
jQuery('.backup_warning').fadeOut();
}
}
function setupGeneralTab() {
var rad = 0;
if (typeof document.wp_shortpixel_options !== 'undefined')
rad = document.wp_shortpixel_options.compressionType;
for(var i = 0, prev = null; i < rad.length; i++) {
rad[i].onclick = function() {
if(this !== prev) {
prev = this;
}
// Warns once that changing compressType is only for new images.
if(typeof ShortPixel.setupGeneralTabAlert !== 'undefined') return;
alert(_spTr.alertOnlyAppliesToNewImages);
ShortPixel.setupGeneralTabAlert = 1;
};
}
ShortPixel.enableResize("#resize");
jQuery("#resize").change(function(){ enableResize(this); });
jQuery(".resize-sizes").blur(function(e){
var elm = jQuery(e.target);
if(ShortPixel.resizeSizesAlert == elm.val())
return; // returns if check in progress, presumed.
ShortPixel.resizeSizesAlert = elm.val();
var minSize = jQuery("#min-" + elm.attr('name')).val();
var niceName = jQuery("#min-" + elm.attr('name')).data('nicename');
if(elm.val() < Math.min(minSize, 1024)) { // @todo is this correct? This will always be < 1024, and give first error
if(minSize > 1024) {
alert( SPstringFormat(_spTr.pleaseDoNotSetLesser1024,niceName) );
} else {
alert( SPstringFormat(_spTr.pleaseDoNotSetLesserSize, niceName, niceName, minSize) );
}
e.preventDefault();
//elm.val(this.defaultValue);
elm.focus();
}
else {
this.defaultValue = elm.val();
}
});
/*
jQuery("#width").blur(function(e){
jQuery(this).val(Math.max(minWidth, parseInt(jQuery(this).val())));
});
jQuery("#height").blur(function(e){
jQuery(this).val(Math.max(minHeight, parseInt(jQuery(this).val())));
});
*/
jQuery('.shortpixel-confirm').click(function(event){
var choice = confirm(event.target.getAttribute('data-confirm'));
if (!choice) {
event.preventDefault();
return false;
}
return true;
});
jQuery('input[name="removeExif"], input[name="png2jpg"]').on('change', function()
{
ShortPixel.checkExifWarning();
});
ShortPixel.checkExifWarning();
jQuery('input[name="backupImages"]').on('change', function()
{
ShortPixel.checkBackUpWarning();
});
ShortPixel.checkBackUpWarning();
}
function apiKeyChanged() {
jQuery(".wp-shortpixel-options .shortpixel-key-valid").css("display", "none");
jQuery(".wp-shortpixel-options button#validate").css("display", "inline-block");
}
function setupAdvancedTab() {
jQuery("input.remove-folder-button").click(function(){
var id = jQuery(this).data("value");
var path = jQuery(this).data('name');
var r = confirm( SPstringFormat(_spTr.areYouSureStopOptimizing, path) );
if (r == true) {
jQuery("#removeFolder").val(id);
jQuery('#wp_shortpixel_options').submit();
}
});
jQuery("input.recheck-folder-button").click(function(){
var path = jQuery(this).data("value");
var r = confirm( SPstringFormat(_spTr.areYouSureStopOptimizing, path));
if (r == true) {
jQuery("#recheckFolder").val(path);
jQuery('#wp_shortpixel_options').submit();
}
});
}
function checkThumbsUpdTotal(el) {
var total = jQuery("#" +(el.checked ? "total" : "main")+ "ToProcess").val();
jQuery("div.bulk-play span.total").text(total);
jQuery("#displayTotal").text(total);
}
function initSettings() {
ShortPixel.adjustSettingsTabs();
ShortPixel.setupGeneralTab(); // certain alerts.
jQuery( window ).resize(function() {
ShortPixel.adjustSettingsTabs();
});
/*if(window.location.hash) {
var target = ('tab-' + window.location.hash.substring(window.location.hash.indexOf("#")+1)).replace(/\//, '');
if(jQuery("section#" + target).length) {
ShortPixel.switchSettingsTab( target );
}
} */
jQuery("article.sp-tabs a.tab-link").click(function(e){
var theID = jQuery(e.target).data("id");
ShortPixel.switchSettingsTab( theID );
});
jQuery('input[type=radio][name=deliverWebpType]').change(function() {
if (this.value == 'deliverWebpAltered') {
if(window.confirm(_spTr.alertDeliverWebPAltered)){
var selectedItems = jQuery('input[type=radio][name=deliverWebpAlteringType]:checked').length;
if (selectedItems == 0) {
jQuery('#deliverWebpAlteredWP').prop('checked',true);
}
} else {
jQuery(this).prop('checked', false);
}
} else if(this.value == 'deliverWebpUnaltered') {
window.alert(_spTr.alertDeliverWebPUnaltered);
}
});
}
// Switch between settings tabs.
function switchSettingsTab(target){
var tab = target.replace("tab-",""),
beacon = "",
section = jQuery("section#" +target);
// url = location.href.replace(location.hash,"") + '#' + tab;
/*if(history.pushState) {
history.pushState(null, null, url);
}
else {
location.hash = url;
} */
jQuery('input[name="display_part"]').val(tab);
var uri = window.location.href.toString();
if (uri.indexOf("?") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("?"));
clean_uri += '?' + jQuery.param({'page':'wp-shortpixel-settings', 'part': tab});
window.history.replaceState({}, document.title, clean_uri);
}
if(section.length > 0){
jQuery("section").removeClass("sel-tab");
jQuery('section .wp-shortpixel-tab-content').fadeOut(50);
jQuery(section).addClass("sel-tab");
jQuery(section).find('.wp-shortpixel-tab-content').fadeIn(50, ShortPixel.adjustSettingsTabs);
}
if(typeof HS !== 'undefined' && typeof HS.beacon.suggest !== 'undefined' ){
switch(tab){
case "settings":
beacon = shortpixel_suggestions_settings;
break;
case "adv-settings":
beacon = shortpixel_suggestions_adv_settings;
break;
case "cloudflare":
case "stats":
beacon = shortpixel_suggestions_cloudflare;
break;
default:
break;
}
HS.beacon.suggest(beacon);
}
}
// Fixes the height of the current active tab.
function adjustSettingsTabsHeight(){
//var sectionHeight = jQuery('section.sel-tab').height() + 90;
//sectionHeight = Math.max(sectionHeight, jQuery('section#tab-adv-settings .wp-shortpixel-options').height() + 20);
// sectionHeight = Math.max(sectionHeight, jQuery('section#tab-resources .area1').height() + 60);
// jQuery('.section-wrapper').css('height', sectionHeight);
jQuery('.wso.banner').css('opacity', 1);
//jQuery('#shortpixel-settings-tabs section').css('height', sectionHeight);
}
function dismissMediaAlert() {
var data = { action : 'shortpixel_dismiss_media_alert'};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == 'success') {
jQuery("#short-pixel-media-alert").hide();
//console.log("dismissed");
}
});
}
function closeHelpPane() {
jQuery('#shortpixel-hs-button-blind').remove();
jQuery('#shortpixel-hs-tools').remove();
jQuery('#hs-beacon').remove();
jQuery('#botbutton').remove();
jQuery('#shortpixel-hs-blind').remove();
}
function dismissHelpPane() {
closeHelpPane();
dismissShortPixelNotice('help');
}
function checkQuota() {
var data = {
action:'shortpixel_check_quota',
nonce: ShortPixelActions.nonce_check_quota,
return_json: true
};
jQuery.post(ShortPixel.AJAX_URL, data, function(result) {
console.log("quota refreshed");
console.log(result);
window.location.href = result.redirect;
});
}
function onBulkThumbsCheck(check) {
if(check.checked) {
jQuery("#with-thumbs").css('display', 'inherit');
jQuery("#without-thumbs").css('display', 'none');
} else {
jQuery("#without-thumbs").css('display', 'inherit');
jQuery("#with-thumbs").css('display', 'none');
}
}
function successMsg(id, percent, type, thumbsCount, retinasCount) {
return (percent > 0 ? "<div class='sp-column-info'>" + _spTr.reducedBy + " <strong><span class='percent'>" + percent + "%</span></strong> " : "")
+ (percent > 0 && percent < 5 ? "<br>" : '')
+ (percent < 5 ? _spTr.bonusProcessing : '')
+ (type.length > 0 ? " ("+type+")" : "")
+ (0 + thumbsCount > 0 ? "<br>" + SPstringFormat(_spTr.plusXthumbsOpt, thumbsCount) :"")
+ (0 + retinasCount > 0 ? "<br>" + SPstringFormat(_spTr.plusXretinasOpt, retinasCount) :"")
+ "</div>";
}
function percentDial(query, size) {
jQuery(query).knob({
'readOnly': true,
'width': size,
'height': size,
'fgColor': '#1CAECB',
'format' : function (value) {
return value + '%';
}
});
}
function successActions(id, type, thumbsCount, thumbsTotal, backupEnabled, fileName) {
if(backupEnabled == 1) {
var successActions = jQuery('.sp-column-actions-template').clone();
if(!successActions.length) return false;
var otherTypes;
if(type.length == 0) {
otherTypes = ['lossy', 'lossless'];
} else {
otherTypes = ['lossy','glossy','lossless'].filter(function(el) {return !(el == type);});
}
successActions.html(successActions.html().replace(/__SP_ID__/g, id));
if(fileName.substr(fileName.lastIndexOf('.') + 1).toLowerCase() == 'pdf') {
jQuery('.sp-action-compare', successActions).remove();
}
if(thumbsCount == 0 && thumbsTotal > 0) {
successActions.html(successActions.html().replace('__SP_THUMBS_TOTAL__', thumbsTotal));
} else {
jQuery('.sp-action-optimize-thumbs', successActions).remove();
jQuery('.sp-dropbtn', successActions).removeClass('button-primary');
}
successActions.html(successActions.html().replace(/__SP_FIRST_TYPE__/g, otherTypes[0]));
successActions.html(successActions.html().replace(/__SP_SECOND_TYPE__/g, otherTypes[1]));
return successActions.html();
}
return "";
}
function otherMediaUpdateActions(id, actions) {
id = id.substring(2);
if(jQuery(".shortpixel-other-media").length) {
var allActions = ['optimize', 'retry', 'restore','redo', 'quota', 'view'];
for(var i=0, tot=allActions.length; i < tot; i++) {
jQuery("#"+allActions[i]+"_"+id).css("display", "none");
}
for(var i=0, tot=actions.length; i < tot; i++) {
jQuery("#"+actions[i]+"_"+id).css("display", "");
}
}
}
function retry(msg) {
ShortPixel.retries++;
if(isNaN(ShortPixel.retries)) ShortPixel.retries = 1;
if(ShortPixel.retries < 6) {
console.log("Invalid response from server (Error: " + msg + "). Retrying pass " + (ShortPixel.retries + 1) + "...");
setBulkTimer(5000);
} else {
ShortPixel.bulkShowError(-1,"Invalid response from server received 6 times. Please retry later by reloading this page, or <a href='https://shortpixel.com/contact' target='_blank'>contact support</a>. (Error: " + msg + ")", "");
console.log("Invalid response from server 6 times. Giving up.");
}
}
function browseContent(browseData) {
browseData.action = 'shortpixel_browse_content';
var browseResponse = "";
jQuery.ajax({
type: "POST",
url: ShortPixel.AJAX_URL,
data: browseData,
success: function(response) {
browseResponse = response;
},
async: false
});
return browseResponse;
}
function getBackupSize() {
var browseData = { 'action': 'shortpixel_get_backup_size'};
var browseResponse = "";
jQuery.ajax({
type: "POST",
url: ShortPixel.AJAX_URL,
data: browseData,
success: function(response) {
browseResponse = response;
},
async: false
});
return browseResponse;
}
function newApiKey(event) {
if(!jQuery("#tos").is( ":checked" )) {
event.preventDefault();
jQuery("#tos-robo").fadeIn(400,function(){jQuery("#tos-hand").fadeIn();});
jQuery("#tos").click(function(){
jQuery("#tos-robo").css("display", "none");
jQuery("#tos-hand").css("display", "none");
});
return;
}
jQuery('#request_key').addClass('disabled');
jQuery('#pluginemail_spinner').addClass('is-active');
ShortPixel.updateSignupEmail();
if (ShortPixel.isEmailValid(jQuery('#pluginemail').val())) {
jQuery('#pluginemail-error').css('display', 'none');
var browseData = { 'action': 'shortpixel_new_api_key',
'email': jQuery('#pluginemail').val()};
jQuery.ajax({
type: "POST",
async: false,
url: ShortPixel.AJAX_URL,
data: browseData,
success: function(response) {
data = JSON.parse(response);
if(data["Status"] == 'success') {
event.preventDefault();
window.location.reload();
} else if(data["Status"] == 'invalid') {
jQuery('#pluginemail-error').html('<b>' + data['Details'] + '</b>');
jQuery('#pluginemail-error').css('display', '');
jQuery('#pluginemail-info').css('display', 'none');
event.preventDefault();
} else {
}
}
});
jQuery('#request_key').removeAttr('onclick');
} else {
jQuery('#pluginemail-error').css('display', '');
jQuery('#pluginemail-info').css('display', 'none');
event.preventDefault();
}
jQuery('#request_key').removeClass('disabled');
jQuery('#pluginemail_spinner').removeClass('is-active');
}
// [TODO] Check where this function is called and if modal is working here.
function proposeUpgrade() {
//first open the popup window with the spinner
jQuery("#shortPixelProposeUpgrade .sp-modal-body").addClass('sptw-modal-spinner');
jQuery("#shortPixelProposeUpgrade .sp-modal-body").html("");
jQuery("#shortPixelProposeUpgradeShade").css("display", "block");
jQuery("#shortPixelProposeUpgrade").removeClass('shortpixel-hide');
//get proposal from server
var browseData = { 'action': 'shortpixel_propose_upgrade'};
jQuery.ajax({
type: "POST",
url: ShortPixel.AJAX_URL,
data: browseData,
success: function(response) {
jQuery("#shortPixelProposeUpgrade .sp-modal-body").removeClass('sptw-modal-spinner');
jQuery("#shortPixelProposeUpgrade .sp-modal-body").html(response);
}
});
}
function closeProposeUpgrade() {
jQuery("#shortPixelProposeUpgradeShade").css("display", "none");
jQuery("#shortPixelProposeUpgrade").addClass('shortpixel-hide');
if(ShortPixel.toRefresh) {
ShortPixel.checkQuota();
}
}
/* function includeUnlisted() {
jQuery("#short-pixel-notice-unlisted").hide();
jQuery("#optimizeUnlisted").prop('checked', true);
var data = { action : 'shortpixel_dismiss_notice',
notice_id: 'unlisted',
notice_data: 'true'};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
console.log("dismissed");
}
});
} */
function initFolderSelector() {
jQuery(".select-folder-button").click(function(){
jQuery(".sp-folder-picker-shade").fadeIn(100); //.css("display", "block");
jQuery(".shortpixel-modal.modal-folder-picker").show();
var picker = jQuery(".sp-folder-picker");
picker.parent().css('margin-left', -picker.width() / 2);
picker.fileTree({
script: ShortPixel.browseContent,
multiFolder: false,
});
});
jQuery(".shortpixel-modal input.select-folder-cancel, .sp-folder-picker-shade").click(function(){
jQuery(".sp-folder-picker-shade").fadeOut(100); //.css("display", "none");
jQuery(".shortpixel-modal.modal-folder-picker").hide();
});
jQuery(".shortpixel-modal input.select-folder").click(function(e){
//var subPath = jQuery("UL.jqueryFileTree LI.directory.selected A").attr("rel").trim();
// @todo This whole thing might go, since we don't display files anymore in folderTree.
// check if selected item is a directory. If so, we are good.
var selected = jQuery('UL.jqueryFileTree LI.directory.selected');
// if not a file might be selected, check the nearest directory.
if (jQuery(selected).length == 0 )
var selected = jQuery('UL.jqueryFileTree LI.selected').parents('.directory');
// fail-saif check if there is really a rel.
var subPath = jQuery(selected).children('a').attr('rel');
if (typeof subPath === 'undefined') // nothing is selected
return;
subPath = subPath.trim();
if(subPath) {
var fullPath = jQuery("#customFolderBase").val() + subPath;
fullPath = fullPath.replace(/\/\//,'/');
console.debug('FullPath' + fullPath);
jQuery("#addCustomFolder").val(fullPath);
jQuery("#addCustomFolderView").val(fullPath);
jQuery(".sp-folder-picker-shade").fadeOut(100);
jQuery(".shortpixel-modal.modal-folder-picker").css("display", "none");
jQuery('#saveAdvAddFolder').removeClass('hidden');
} else {
alert("Please select a folder from the list.");
}
});
}
function bulkShowLengthyMsg(id, fileName, customLink){
var notice = jQuery(".bulk-notice-msg.bulk-lengthy");
if(notice.length == 0) return;
var link = jQuery("a", notice);
link.text(fileName);
if(customLink) {
link.attr("href", customLink);
} else {
link.attr("href", link.data("href").replace("__ID__", id));
}
notice.css("display", "block");
}
function bulkHideLengthyMsg(){
jQuery(".bulk-notice-msg.bulk-lengthy").css("display", "none");
}
function bulkShowMaintenanceMsg(type){
var notice = jQuery(".bulk-notice-msg.bulk-" + type);
if(notice.length == 0) return;
notice.css("display", "block");
}
function bulkHideMaintenanceMsg(type){
jQuery(".bulk-notice-msg.bulk-" + type).css("display", "none");
}
function bulkShowError(id, msg, fileName, customLink) {
var noticeTpl = jQuery("#bulk-error-template");
if(noticeTpl.length == 0) return;
var notice = noticeTpl.clone();
notice.attr("id", "bulk-error-" + id);
if(id == -1) {
jQuery("span.sp-err-title", notice).remove();
notice.addClass("bulk-error-fatal");
} else {
jQuery("img", notice).remove();
jQuery("#bulk-error-" . id).remove();
}
jQuery("span.sp-err-content", notice).html(msg);
var link = jQuery("a.sp-post-link", notice);
if(customLink) {
link.attr("href", customLink);
} else {
link.attr("href", link.attr("href").replace("__ID__", id));
}
link.text(fileName);
noticeTpl.after(notice);
notice.css("display", "block");
}
function confirmBulkAction(type, e) {
if(!confirm(_spTr['confirmBulk' + type])) {
e.stopPropagation();
e.preventDefault();
return false;
}
return true;
}
// used in bulk restore all interface
function checkRandomAnswer(e)
{
var value = jQuery(e.target).val();
var answer = jQuery('input[name="random_answer"]').val();
var target = jQuery('input[name="random_answer"]').data('target');
if (value == answer)
{
jQuery(target).removeClass('disabled').prop('disabled', false);
jQuery(target).removeAttr('aria-disabled');
}
else
{
jQuery(target).addClass('disabled').prop('disabled', true);
}
}
function removeBulkMsg(me) {
jQuery(me).parent().parent().remove();
}
function isCustomImageId(id) {
return id.substring(0,2) == "C-";
}
function openImageMenu(e) {
e.preventDefault();
//install (lazily) a window click event to close the menus
if(!this.menuCloseEvent) {
jQuery(window).click(function(e){
if (!e.target.matches('.sp-dropbtn')) {
jQuery('.sp-dropdown.sp-show').removeClass('sp-show');
}
});
this.menuCloseEvent = true;
}
var shown = e.target.parentElement.classList.contains("sp-show");
jQuery('.sp-dropdown.sp-show').removeClass('sp-show');
if(!shown) e.target.parentElement.classList.add("sp-show");
}
function loadComparer(id) {
this.comparerData.origUrl = false;
if(this.comparerData.cssLoaded === false) {
jQuery('<link>')
.appendTo('head')
.attr({
type: 'text/css',
rel: 'stylesheet',
href: this.WP_PLUGIN_URL + '/res/css/twentytwenty.min.css'
});
this.comparerData.cssLoaded = 2;
}
if(this.comparerData.jsLoaded === false) {
jQuery.getScript(this.WP_PLUGIN_URL + '/res/js/jquery.twentytwenty.min.js', function(){
ShortPixel.comparerData.jsLoaded = 2;
if(ShortPixel.comparerData.origUrl.length > 0) {
ShortPixel.displayComparerPopup(ShortPixel.comparerData.width, ShortPixel.comparerData.height, ShortPixel.comparerData.origUrl, ShortPixel.comparerData.optUrl);
}
});
this.comparerData.jsLoaded = 1;
//jQuery(".sp-close-button").click(ShortPixel.closeComparerPopup);
}
if(this.comparerData.origUrl === false) {
jQuery.ajax({
type: "POST",
url: ShortPixel.AJAX_URL,
data: { action : 'shortpixel_get_comparer_data', id : id },
success: function(response) {
data = JSON.parse(response);
jQuery.extend(ShortPixel.comparerData, data);
if(ShortPixel.comparerData.jsLoaded == 2) {
ShortPixel.displayComparerPopup(ShortPixel.comparerData.width, ShortPixel.comparerData.height, ShortPixel.comparerData.origUrl, ShortPixel.comparerData.optUrl);
}
}
});
this.comparerData.origUrl = '';
}
}
function displayComparerPopup(width, height, imgOriginal, imgOptimized) {
//image sizes
var origWidth = width;
//depending on the sizes choose the right modal
var sideBySide = (height < 150 || width < 350);
var modal = jQuery(sideBySide ? '#spUploadCompareSideBySide' : '#spUploadCompare');
var modalShade = jQuery('.sp-modal-shade');
if(!sideBySide) {
jQuery("#spCompareSlider").html('<img alt="' + _spTr.originalImage + '" class="spUploadCompareOriginal"/><img alt="' + _spTr.optimizedImage + '" class="spUploadCompareOptimized"/>');
}
//calculate the modal size
width = Math.max(350, Math.min(800, (width < 350 ? (width + 25) * 2 : (height < 150 ? width + 25 : width))));
height = Math.max(150, (sideBySide ? (origWidth > 350 ? 2 * (height + 45) : height + 45) : height * width / origWidth));
var marginLeft = '-' + Math.round(width/2); // center
//set modal sizes and display
jQuery(".sp-modal-body", modal).css("width", width);
jQuery(".shortpixel-slider", modal).css("width", width);
modal.css("width", width);
modal.css('marginLeft', marginLeft + 'px');
jQuery(".sp-modal-body", modal).css("height", height);
modal.show();
//modal.parent().css('display', 'block');
modalShade.show();
if(!sideBySide) {
jQuery("#spCompareSlider").twentytwenty({slider_move: "mousemove"});
}
// Close Options
jQuery(".sp-close-button").on('click', ShortPixel.closeComparerPopup);
jQuery(document).on('keyup.sp_modal_active', ShortPixel.closeComparerPopup);
jQuery('.sp-modal-shade').on('click', ShortPixel.closeComparerPopup);
//change images srcs
var imgOpt = jQuery(".spUploadCompareOptimized", modal);
jQuery(".spUploadCompareOriginal", modal).attr("src", imgOriginal);
//these timeouts are for the slider - it needs a punch to work :)
setTimeout(function(){
jQuery(window).trigger('resize');
}, 1000);
imgOpt.load(function(){
jQuery(window).trigger('resize');
});
imgOpt.attr("src", imgOptimized);
}
function closeComparerPopup(e) {
// jQuery("#spUploadCompareSideBySide").parent().css("display", 'none');
jQuery("#spUploadCompareSideBySide").hide();
jQuery("#spUploadCompare").hide();
jQuery('.sp-modal-shade').hide();
jQuery(document).unbind('keyup.sp_modal_active');
jQuery('.sp-modal-shade').off('click');
jQuery(".sp-close-button").off('click');
}
function convertPunycode(url) {
var parser = document.createElement('a');
parser.href = url;
if(url.indexOf(parser.protocol + '//' + parser.hostname) < 0) {
return parser.href;
}
return url.replace(parser.protocol + '//' + parser.hostname, parser.protocol + '//' + parser.hostname.split('.').map(function(part) {return sp_punycode.toASCII(part)}).join('.'));
}
function optInHelp(e,toggle)
{
var toggle = e.currentTarget.toggleParam;
var data = {
action: 'shortpixel_helpscoutOptin',
toggle: toggle,
};
var $target = jQuery(e.target);
jQuery.post(ShortPixel.AJAX_URL, data, function(response) {
//data = JSON.parse(response);
if(response.Status == 'success') {
$target.parents('.shortpixel.notice').fadeOut();
//console.log("dismissed");
}
});
}
return {
init : init,
setOptions : setOptions,
isEmailValid : isEmailValid,
updateSignupEmail : updateSignupEmail,
validateKey : validateKey,
enableResize : enableResize,
setupGeneralTab : setupGeneralTab,
apiKeyChanged : apiKeyChanged,
setupAdvancedTab : setupAdvancedTab,
checkThumbsUpdTotal : checkThumbsUpdTotal,
initSettings : initSettings,
switchSettingsTab : switchSettingsTab,
adjustSettingsTabs : adjustSettingsTabsHeight,
onBulkThumbsCheck : onBulkThumbsCheck,
dismissMediaAlert : dismissMediaAlert,
closeHelpPane : closeHelpPane,
dismissHelpPane : dismissHelpPane,
checkQuota : checkQuota,
percentDial : percentDial,
successMsg : successMsg,
successActions : successActions,
otherMediaUpdateActions: otherMediaUpdateActions,
retry : retry,
initFolderSelector : initFolderSelector,
browseContent : browseContent,
getBackupSize : getBackupSize,
newApiKey : newApiKey,
proposeUpgrade : proposeUpgrade,
closeProposeUpgrade : closeProposeUpgrade,
// includeUnlisted : includeUnlisted,
bulkShowLengthyMsg : bulkShowLengthyMsg,
bulkHideLengthyMsg : bulkHideLengthyMsg,
bulkShowMaintenanceMsg : bulkShowMaintenanceMsg,
bulkHideMaintenanceMsg : bulkHideMaintenanceMsg,
bulkShowError : bulkShowError,
confirmBulkAction : confirmBulkAction,
checkRandomAnswer : checkRandomAnswer,
removeBulkMsg : removeBulkMsg,
isCustomImageId : isCustomImageId,
// recheckQuota : recheckQuota,
openImageMenu : openImageMenu,
menuCloseEvent : false,
loadComparer : loadComparer,
displayComparerPopup: displayComparerPopup,
closeComparerPopup : closeComparerPopup,
convertPunycode : convertPunycode,
checkExifWarning : checkExifWarning,
checkBackUpWarning : checkBackUpWarning,
comparerData : {
cssLoaded : false,
jsLoaded : false,
origUrl : false,
optUrl : false,
width : 0,
height : 0
},
toRefresh : false,
resizeSizesAlert: false,
returnedStatusSearching: 0, // How often this status has come back in a row from server.
optInHelp: optInHelp, // Optin for Helpscout cs
}
}();
function showToolBarAlert($status, $message, id) {
var robo = jQuery("li.shortpixel-toolbar-processing");
switch($status) {
case ShortPixel.STATUS_QUOTA_EXCEEDED:
if( window.location.href.search("wp-short-pixel-bulk") > 0
&& jQuery(".sp-quota-exceeded-alert").length == 0) { //if we're in bulk and the alert is not displayed reload to see all options
return;
}
robo.addClass("shortpixel-alert");
robo.addClass("shortpixel-quota-exceeded");
jQuery("a", robo).attr("href", "options-general.php?page=wp-shortpixel-settings");
//jQuery("a", robo).attr("target", "_blank");
//jQuery("a div", robo).attr("title", "ShortPixel quota exceeded. Click to top-up");
jQuery("a div", robo).attr("title", "ShortPixel quota exceeded. Click for details.");
break;
case ShortPixel.STATUS_SKIP:
case ShortPixel.STATUS_FAIL:
robo.addClass("shortpixel-alert shortpixel-processing");
jQuery("a div", robo).attr("title", $message);
if(typeof id !== 'undefined') {
jQuery("a", robo).attr("href", "post.php?post=" + id + "&action=edit");
}
break;
case ShortPixel.STATUS_NO_KEY:
robo.addClass("shortpixel-alert");
robo.addClass("shortpixel-quota-exceeded");
jQuery("a", robo).attr("href", "options-general.php?page=wp-shortpixel-settings");//"http://shortpixel.com/wp-apikey");
//jQuery("a", robo).attr("target", "_blank");
jQuery("a div", robo).attr("title", "Get API Key");
break;
case ShortPixel.STATUS_SUCCESS:
case ShortPixel.STATUS_RETRY:
robo.addClass("shortpixel-processing");
robo.removeClass("shortpixel-alert");
jQuery("a", robo).removeAttr("target");
jQuery("a", robo).attr("href", jQuery("a img", robo).attr("success-url"));
}
robo.removeClass("shortpixel-hide");
}
function hideToolBarAlert (status) {
var $toolbar = jQuery("li.shortpixel-toolbar-processing.shortpixel-processing");
// When Queue is empty, but we have errors, don't hide the toolbar.
if (ShortPixel.STATUS_EMPTY_QUEUE == status)
{
if ($toolbar.hasClass("shortpixel-alert") || $toolbar.hasClass("shortpixel-quota-exceeded") )
{
return;
}
}
$toolbar.addClass("shortpixel-hide");
}
function hideQuotaExceededToolBarAlert () {
jQuery("li.shortpixel-toolbar-processing.shortpixel-quota-exceeded").addClass("shortpixel-hide");
}
function checkQuotaExceededAlert() {
if(typeof shortPixelQuotaExceeded != 'undefined') {
if(shortPixelQuotaExceeded == 1) {
showToolBarAlert(ShortPixel.STATUS_QUOTA_EXCEEDED);
} else {
hideQuotaExceededToolBarAlert();
}
}
}
/**
* JavaScript image processing - this method gets executed on every footer load and afterwards
* calls itself until receives an Empty queue message
*/
function checkBulkProgress() {
//the replace stands for malformed urls on some sites, like wp-admin//upload.php which are accepted by the browser.
//using a replacer function to avoid replacing the first occurence (https:// ...)
var replacer = function(match) {
if(!first) {
first = true;
return match;
}
return '/';
};
var first = false; //arm replacer
var url = window.location.href.toLowerCase().replace(/\/\//g , replacer);
first = false; //rearm replacer
var adminUrl = ShortPixel.WP_ADMIN_URL.toLowerCase().replace(/\/\//g , replacer);
//handle possible Punycode domain names.
if(url.search(adminUrl) < 0) {
url = ShortPixel.convertPunycode(url);
adminUrl = ShortPixel.convertPunycode(adminUrl);
}
/* NO. If it shouldn't go, this JS file shouldn't load.
if( url.search(adminUrl + "upload.php") < 0
&& url.search(adminUrl + "edit.php") < 0
&& url.search(adminUrl + "edit-tags.php") < 0
&& url.search(adminUrl + "post-new.php") < 0
&& url.search(adminUrl + "post.php") < 0
&& url.search("page=nggallery-manage-gallery") < 0
&& (ShortPixel.FRONT_BOOTSTRAP == 0 || url.search(adminUrl) == 0)
) {
hideToolBarAlert();
return;
} */
//if i'm the bulk processor and i'm not the bulk page and a bulk page comes around, leave the bulk processor role
if(ShortPixel.bulkProcessor == true && window.location.href.search("wp-short-pixel-bulk") < 0
&& typeof localStorage.bulkPage !== 'undefined' && localStorage.bulkPage > 0) {
ShortPixel.bulkProcessor = false;
}
//if i'm the bulk page, steal the bulk processor
if( window.location.href.search("wp-short-pixel-bulk") >= 0 ) {
ShortPixel.bulkProcessor = true;
localStorage.bulkTime = Date.now();
localStorage.bulkPage = 1;
ShortPixel.BULK_SECRET = false;
}
if (ShortPixel.BULK_SECRET !== false)
{
if (ShortPixel.BULK_SECRET != localStorage.bulkSecret)
{
// console.log('Cancelled Processing. Bulk Processor in use');
clearBulkProcessor();
jQuery("li.shortpixel-toolbar-processing").removeClass("shortpixel-processing");
jQuery("li.shortpixel-toolbar-processing").addClass("shortpixel-hide");
return;
}
}
//if I'm not the bulk processor, check every 20 sec. if the bulk processor is running, otherwise take the role
if(ShortPixel.bulkProcessor == true || typeof localStorage.bulkTime == 'undefined' || Date.now() - localStorage.bulkTime > 10000) {
ShortPixel.bulkProcessor = true;
localStorage.bulkPage = (window.location.href.search("wp-short-pixel-bulk") >= 0 ? 1 : 0);
localStorage.bulkTime = Date.now();
if (localStorage.getItem('bulkSecret') == null)
localStorage.bulkSecret = Math.random().toString(36).substring(7);
checkBulkProcessingCallApi();
} else {
setBulkTimer(20000);
}
}
var bulkTimer; // scope
function setBulkTimer(time)
{
window.clearTimeout(bulkTimer);
//console.log('Clearing TimeOut');
if (time > 0)
{
bulkTimer = window.setTimeout(checkBulkProgress, time);
//console.log('Set Timeout ' + time + ' ms');
}
}
function checkBulkProcessingCallApi(){
// console.log('CheckBulkProcessingAPI');
var data = { 'action': 'shortpixel_image_processing', 'bulk-secret': localStorage.bulkSecret };
// since WP 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
jQuery.ajax({
type: "POST",
url: ShortPixel.AJAX_URL, //formerly ajaxurl , but changed it because it's not available in the front-end and now we have an option to run in the front-end
data: data,
success: function(response)
{
if(response.length > 0) {
var data = null;
try {
var data = JSON.parse(response);
} catch (e) {
ShortPixel.retry(e.message);
return;
}
ShortPixel.retries = 0;
var id = data["ImageID"];
var isBulkPage = (jQuery("div.short-pixel-bulk-page").length > 0);
if (data["Status"] && data["Status"] != ShortPixel.STATUS_SEARCHING)
{
if (ShortPixel.returnedStatusSearching >= 2)
jQuery('.bulk-notice-msg.bulk-searching').hide();
ShortPixel.returnedStatusSearching = 0;
}
switch (data["Status"]) {
case ShortPixel.STATUS_NO_KEY:
setCellMessage(id, data["Message"], "<a class='button button-smaller button-primary' href=\"https://shortpixel.com/wp-apikey"
+ "\" target=\"_blank\">" + _spTr.getApiKey + "</a>");
showToolBarAlert(ShortPixel.STATUS_NO_KEY);
break;
case ShortPixel.STATUS_QUOTA_EXCEEDED:
setCellMessage(id, data["Message"], "<a class='button button-smaller button-primary' href=\"https://shortpixel.com/login/"
+ "\" target=\"_blank\">" + _spTr.extendQuota + "</a>"
+ "<a class='button button-smaller' href='javascript:ShortPixel.checkQuota()'>" + _spTr.check__Quota + "</a>");
showToolBarAlert(ShortPixel.STATUS_QUOTA_EXCEEDED);
if(data['Stop'] == false) { //there are other items in the priority list, maybe processed, try those
setBulkTimer(5000);
}
ShortPixel.otherMediaUpdateActions(id, ['quota','view']);
break;
case ShortPixel.STATUS_FAIL:
setCellMessage(id, data["Message"], "<a class='button button-smaller button-primary' href=\"javascript:manualOptimization('" + id + "', true)\">"
+ _spTr.retry + "</a>");
showToolBarAlert(ShortPixel.STATUS_FAIL, data["Message"], id);
if(isBulkPage) {
ShortPixel.bulkShowError(id, data["Message"], data["Filename"], data["CustomImageLink"]);
if(data["BulkPercent"]) {
progressUpdate(data["BulkPercent"], data["BulkMsg"]);
}
ShortPixel.otherMediaUpdateActions(id, ['retry','view']);
}
console.log(data["Message"]);
setBulkTimer(5000);
break;
case ShortPixel.STATUS_EMPTY_QUEUE:
console.log(data["Message"]);
clearBulkProcessor(); //nothing to process, leave the role. Next page load will check again
hideToolBarAlert(data["Status"]);
var progress = jQuery("#bulk-progress");
if(isBulkPage && progress.length && data["BulkStatus"] != '2') {
progressUpdate(100, "Bulk finished!");
jQuery("a.bulk-cancel").attr("disabled", "disabled");
hideSlider();
//showStats();
setTimeout(function(){
window.location.reload();
}, 3000);
}
break;
case ShortPixel.STATUS_SUCCESS:
if(isBulkPage) {
ShortPixel.bulkHideLengthyMsg();
ShortPixel.bulkHideMaintenanceMsg();
}
var percent = data["PercentImprovement"];
showToolBarAlert(ShortPixel.STATUS_SUCCESS, "");
//for now, until 4.1
var successActions = ShortPixel.isCustomImageId(id)
? ""
: ShortPixel.successActions(id, data["Type"], data['ThumbsCount'], data['ThumbsTotal'], data["BackupEnabled"], data['Filename']);
// [BS] Set success message to Box.
setCellMessage(id, ShortPixel.successMsg(id, percent, data["Type"], data['ThumbsCount'], data['RetinasCount']), successActions);
// [BS] Replace fileName in Media Library Row to return fileName.
if (jQuery('#post-' + id).length > 0)
jQuery('#post-' + id).find('.filename').text(data['Filename']);
// [BS] Replace filename if in media item edit view
if (jQuery('.misc-pub-filename strong').length > 0)
jQuery('.misc-pub-filename strong').text(data['Filename']);
// [BS] Only update date on Custom Media Page.
if (ShortPixel.isCustomImageId(id) && data['TsOptimized'] && data['TsOptimized'].length > 0)
{
var row = jQuery('.list-overview .item-' + id);
jQuery(row).children('.date').text(data['TsOptimized']);
jQuery(row).find('.row-actions .action-optimize').remove(); // gets complicated
}
var actions = jQuery(['restore', 'view', 'redolossy', 'redoglossy', 'redolossless']).not(['redo'+data["Type"]]).get();
ShortPixel.otherMediaUpdateActions(id, actions);
var animator = new PercentageAnimator("#sp-msg-" + id + " span.percent", percent);
animator.animate(percent);
if(isBulkPage && typeof data["Thumb"] !== 'undefined') { // && data["PercentImprovement"] > 0) {
if(data["BulkPercent"]) {
progressUpdate(data["BulkPercent"], data["BulkMsg"]);
}
if(data["Thumb"].length > 0){
sliderUpdate(id, data["Thumb"], data["BkThumb"], data["PercentImprovement"], data["Filename"]);
if(typeof data["AverageCompression"] !== 'undefined' && 0 + data["AverageCompression"] > 0){
jQuery("#sp-avg-optimization").html('<input type="text" class="dial" value="' + Math.round(data["AverageCompression"]) + '"/>');
ShortPixel.percentDial("#sp-avg-optimization .dial", 60);
}
}
}
console.log('Server response: ' + response);
if(isBulkPage && typeof data["BulkPercent"] !== 'undefined') {
progressUpdate(data["BulkPercent"], data["BulkMsg"]);
}
setBulkTimer(5000);
break;
case ShortPixel.STATUS_SKIP:
if(data["Silent"] !== 1) {
ShortPixel.bulkShowError(id, data["Message"], data["Filename"], data["CustomImageLink"]);
}
//fall through
case ShortPixel.STATUS_ERROR: //for error and skip also we retry
if(typeof data["Message"] !== 'undefined') {
showToolBarAlert(ShortPixel.STATUS_SKIP, data["Message"] + ' Image ID: ' + id);
setCellMessage(id, data["Message"], "");
}
ShortPixel.otherMediaUpdateActions(id, ['retry','view']);
//fall through
case ShortPixel.STATUS_RETRY:
console.log('Server response: ' + response);
showToolBarAlert(ShortPixel.STATUS_RETRY, "");
if(isBulkPage && typeof data["BulkPercent"] !== 'undefined') {
progressUpdate(data["BulkPercent"], data["BulkMsg"]);
}
if(isBulkPage && data["Count"] > 3) {
ShortPixel.bulkShowLengthyMsg(id, data["Filename"], data["CustomImageLink"]);
}
setBulkTimer(5000);
break;
case ShortPixel.STATUS_SEARCHING:
console.log('Server response: ' + response);
ShortPixel.returnedStatusSearching++;
if (ShortPixel.returnedStatusSearching >= 2)
{
jQuery('.bulk-notice-msg.bulk-searching').show();
}
setBulkTimer(2500);
break;
case ShortPixel.STATUS_MAINTENANCE:
ShortPixel.bulkShowMaintenanceMsg('maintenance');
setBulkTimer(60000);
break;
case ShortPixel.STATUS_QUEUE_FULL:
ShortPixel.bulkShowMaintenanceMsg('queue-full');
setBulkTimer(60000);
break;
default:
ShortPixel.retry("Unknown status " + data["Status"] + ". Retrying...");
break;
} // switch
// If custom, if has ID ( returned something about image )
if (typeof id != 'undefined' && ShortPixel.isCustomImageId(id))
{
var row = jQuery('.list-overview .item-' + id);
jQuery(row).find('.row-actions .action-optimize').remove(); // gets complicated
if (data['actions'])
{
jQuery(row).children('.actions').html(data['actions']);
}
}
}
},
error: function(response){
ShortPixel.retry(response.statusText);
}
});
}
function clearBulkProcessor(){
ShortPixel.bulkProcessor = false; //nothing to process, leave the role. Next page load will check again
localStorage.bulkTime = Date.now();
setBulkTimer(0); // stop checking.
if(window.location.href.search("wp-short-pixel-bulk") >= 0) {
localStorage.bulkPage = 0;
}
}
function setCellMessage(id, message, actions){
var msg = jQuery("#sp-msg-" + id);
if(msg.length > 0) {
msg.html("<div class='sp-column-actions'>" + actions + "</div>"
+ "<div class='sp-column-info'>" + message + "</div>");
msg.css("color", "");
}
msg = jQuery("#sp-cust-msg-" + id);
if(msg.length > 0) {
msg.html("<div class='sp-column-info'>" + message + "</div>");
}
}
function manualOptimization(id, cleanup) {
setCellMessage(id, "<img src='" + ShortPixel.WP_PLUGIN_URL + "/res/img/loading.gif' alt='" + _spTr.loading + "' class='sp-loading-small'>Image waiting to be processed", "");
jQuery("li.shortpixel-toolbar-processing").removeClass("shortpixel-hide");
jQuery("li.shortpixel-toolbar-processing").removeClass("shortpixel-alert");
jQuery("li.shortpixel-toolbar-processing").addClass("shortpixel-processing");
var data = { action : 'shortpixel_manual_optimization',
image_id: id, cleanup: cleanup};
jQuery.ajax({
type: "GET",
url: ShortPixel.AJAX_URL, //formerly ajaxurl , but changed it because it's not available in the front-end and now we have an option to run in the front-end
data: data,
success: function(response) {
var resp = JSON.parse(response);
if(resp["Status"] == ShortPixel.STATUS_SUCCESS) {
//TODO - when calling several manual optimizations, the checkBulkProgress gets scheduled several times so several loops run in || - make only one.
setBulkTimer(2000);
ShortPixel.BULK_SECRET = false;
} else {
setCellMessage(id, typeof resp["Message"] !== "undefined" ? resp["Message"] : _spTr.thisContentNotProcessable, "");
}
//aici e aici
},
error: function(response){
//if error, give the ajax processor a chance to maybe find out why.
data.action = 'shortpixel_check_status'
jQuery.ajax({
type: "GET",
url: ShortPixel.AJAX_URL, //formerly ajaxurl , but changed it because it's not available in the front-end and now we have an option to run in the front-end
data: data,
success: function (response) {
var resp = JSON.parse(response);
if (resp["Status"] !== ShortPixel.STATUS_SUCCESS) {
setCellMessage(id, typeof resp["Message"] !== "undefined" ? resp["Message"] : _spTr.thisContentNotProcessable, "");
}
//aici e aici
}
});
}
});
}
function reoptimize(id, type) {
setCellMessage(id, "<img src='" + ShortPixel.WP_PLUGIN_URL + "/res/img/loading.gif' alt='" + _spTr.loading + "' class='sp-loading-small'>Image waiting to be reprocessed", "");
jQuery("li.shortpixel-toolbar-processing").removeClass("shortpixel-hide");
jQuery("li.shortpixel-toolbar-processing").addClass("shortpixel-processing");
var data = { action : 'shortpixel_redo',
attachment_ID: id,
type: type};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
setBulkTimer(2000);
ShortPixel.BULK_SECRET = false;
} else {
$msg = typeof data["Message"] !== "undefined" ? data["Message"] : _spTr.thisContentNotProcessable;
setCellMessage(id, $msg, "");
showToolBarAlert(ShortPixel.STATUS_FAIL, $msg);
}
});
}
function optimizeThumbs(id) {
setCellMessage(id, "<img src='" + ShortPixel.WP_PLUGIN_URL + "/res/img/loading.gif' alt='" + _spTr.loading + "' class='sp-loading-small'>" + _spTr.imageWaitOptThumbs, "");
jQuery("li.shortpixel-toolbar-processing").removeClass("shortpixel-hide");
jQuery("li.shortpixel-toolbar-processing").addClass("shortpixel-processing");
var data = { action : 'shortpixel_optimize_thumbs',
attachment_ID: id};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
setBulkTimer(2000);
ShortPixel.BULK_SECRET = false;
} else {
setCellMessage(id, typeof data["Message"] !== "undefined" ? data["Message"] : _spTr.thisContentNotProcessable, "");
}
});
}
/*
function dismissShortPixelNoticeExceed(e) {
jQuery("#wp-admin-bar-shortpixel_processing").hide();
var data = { action : 'shortpixel_dismiss_notice',
notice_id: 'exceed'};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
console.log("dismissed");
}
});
e.preventDefault();
} */
/* @todo Must go, still in use in some parts */
function dismissShortPixelNotice(id) {
jQuery("#short-pixel-notice-" + id).hide();
var data = { action : 'shortpixel_dismiss_notice',
notice_id: id};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
console.log("dismissed");
}
});
}
function dismissFileError() {
jQuery('.shortpixel-alert').hide();
var data = { action : 'shortpixel_dismissFileError'
};
jQuery.get(ShortPixel.AJAX_URL, data, function(response) {
data = JSON.parse(response);
if(data["Status"] == ShortPixel.STATUS_SUCCESS) {
console.log("dismissed");
}
});
}
function PercentageAnimator(outputSelector, targetPercentage) {
this.animationSpeed = 10;
this.increment = 2;
this.curPercentage = 0;
this.targetPercentage = targetPercentage;
this.outputSelector = outputSelector;
this.animate = function(percentage) {
this.targetPercentage = percentage;
setTimeout(PercentageTimer.bind(null, this), this.animationSpeed);
}
}
function PercentageTimer(animator) {
if (animator.curPercentage - animator.targetPercentage < -animator.increment) {
animator.curPercentage += animator.increment;
} else if (animator.curPercentage - animator.targetPercentage > animator.increment) {
animator.curPercentage -= animator.increment;
} else {
animator.curPercentage = animator.targetPercentage;
}
jQuery(animator.outputSelector).text(animator.curPercentage + "%");
if (animator.curPercentage != animator.targetPercentage) {
setTimeout(PercentageTimer.bind(null,animator), animator.animationSpeed)
}
}
function progressUpdate(percent, message) {
var progress = jQuery("#bulk-progress");
if(progress.length) {
jQuery(".progress-left", progress).css("width", percent + "%");
jQuery(".progress-img", progress).css("left", percent + "%");
if(percent > 24) {
jQuery(".progress-img span", progress).html("");
jQuery(".progress-left", progress).html(percent + "%");
} else {
jQuery(".progress-img span", progress).html(percent + "%");
jQuery(".progress-left", progress).html("");
}
jQuery(".bulk-estimate").html(message);
}
}
function sliderUpdate(id, thumb, bkThumb, percent, filename){
var oldSlide = jQuery(".bulk-slider div.bulk-slide:first-child");
if(oldSlide.length === 0) {
return;
}
if(oldSlide.attr("id") != "empty-slide") {
oldSlide.hide();
}
oldSlide.css("z-index", 1000);
jQuery(".bulk-img-opt", oldSlide).attr("src", "");
if(typeof bkThumb === 'undefined') {
bkThumb = '';
}
if(bkThumb.length > 0) {
jQuery(".bulk-img-orig", oldSlide).attr("src", "");
}
var newSlide = oldSlide.clone();
newSlide.attr("id", "slide-" + id);
jQuery(".bulk-img-opt", newSlide).attr("src", thumb);
if(bkThumb.length > 0) {
jQuery(".img-original", newSlide).css("display", "inline-block");
jQuery(".bulk-img-orig", newSlide).attr("src", bkThumb);
} else {
jQuery(".img-original", newSlide).css("display", "none");
}
jQuery(".bulk-opt-percent", newSlide).html('<input type="text" class="dial" value="' + percent + '"/>');
jQuery(".bulk-slider").append(newSlide);
ShortPixel.percentDial("#" + newSlide.attr("id") + " .dial", 100);
jQuery(".bulk-slider-container span.filename").html(" " + filename);
if(oldSlide.attr("id") == "empty-slide") {
oldSlide.remove();
jQuery(".bulk-slider-container").css("display", "block");
} else {
oldSlide.animate({ left: oldSlide.width() + oldSlide.position().left }, 'slow', 'swing', function(){
oldSlide.remove();
newSlide.fadeIn("slow");
});
}
}
function hideSlider() {
jQuery(".bulk-slider-container").css("display", "none");
}
function showStats() {
var statsDiv = jQuery(".bulk-stats");
if(statsDiv.length > 0) {
}
}
// first is string to replace, rest are arguments.
function SPstringFormat() {
var params = Array.prototype.slice.call(arguments);
if (params.length === 0)
return;
var s = params.shift();
// skip the first one.
for (i=0; i< params.length; i++) {
s = s.replace(new RegExp('\\{' + i + '\\}', 'gm'), params[i]);
}
return s;
};
/** This doesn't go well with REACT environments */
/*if (!(typeof String.prototype.format == 'function')) {
String.prototype.format = stringFormat;
} */
( function( $, w, d ) {
w.SpioResize = {
image : {
width : 0,
height : 0
},
lag: 2000,
step1: false,
step2: false,
step3: false,
sizeRule: null,
initialized: false,
lastW: false,
lastH: false,
lastType: false,
};
SpioResize.hide = function() {
$('.presentation-wrap').css('opacity', 0);
}
SpioResize.animate = function(img, step1, frame, step2, rule) {
img.animate( step1, 1000, 'swing', function(){
SpioResize.step3 = setTimeout(function(){
document.styleSheets[0].deleteRule(SpioResize.sizeRule);
frame.animate(step2, 1000, 'swing', function() {
SpioResize.sizeRule = document.styleSheets[0].insertRule(rule);
})
}, 600);
});
}
SpioResize.run = function() {
if(!SpioResize.initialized) {
var $document = $( d );
$document.on( 'input change', 'input[name="resizeWidth"], input[name="resizeHeight"]', function(e) {
clearTimeout(SpioResize.change);
SpioResize.changeDone = true;
SpioResize.changeFired = false;
SpioResize.change = setTimeout( function() {
SpioResize.changeFired = true;
SpioResize.run();
}, 1500 );
} );
$document.on( 'blur', 'input[name="resizeWidth"], input[name="resizeHeight"]', function(e) {
if(SpioResize.changeFired) {
return;
}
clearTimeout(SpioResize.change);
SpioResize.change = setTimeout( function() {
SpioResize.run();
}, 1500 );
} );
$document.on( 'change', 'input[name="resizeType"]', function(e) {
SpioResize.run();
});
SpioResize.initialized = true;
}
var w = $('#width').val();
var h = $('#height').val();
if(!w || !h) return;
var type = ($('#resize_type_outer').is(':checked') ? 'outer' : 'inner');
if(w === SpioResize.lastW && h === SpioResize.lastH && type === SpioResize.lastType) {
return;
}
SpioResize.hide();
SpioResize.lastW = w;
SpioResize.lastH = h;
SpioResize.lastType = type;
var frame1W = Math.round(120 * Math.sqrt(w / h));
var frame1H = Math.round(120 * Math.sqrt(h / w));
var frameAR = frame1W / frame1H;
if(frame1W > 280) {
frame1W = 280; frame1H = Math.round(280 / frameAR);
}
if(frame1H > 150) {
frame1H = 150; frame1W = Math.round(150 * frameAR);
}
var imgAR = 15 / 8;
var img = $('img.spai-resize-img');
img.css('width', '');
img.css('height', '');
img.css('margin', '0px');
var frame = $('div.spai-resize-frame');
frame.css('display', 'none');
frame.css('width', frame1W + 'px');
frame.css('height', frame1H + 'px');
frame.css('margin', Math.round((156 - frame1H ) / 2) + 'px auto 0');
clearTimeout(SpioResize.step1); clearTimeout(SpioResize.step2); clearTimeout(SpioResize.step3);
img.stop(); frame.stop();
if(SpioResize.sizeRule !== null) {
document.styleSheets[0].deleteRule(SpioResize.sizeRule);
SpioResize.sizeRule = null;
}
SpioResize.sizeRule = document.styleSheets[0].insertRule('.spai-resize-frame:after { content: "' + w + ' × ' + h + '"; }');
frame.addClass('spai-resize-frame');
$('.presentation-wrap').animate( {opacity: 1}, 500, 'swing', function(){
//because damn chrome is not repainting the frame after we change the sizes otherwise... :(
frame.css('display', 'block');
SpioResize.step2 = setTimeout(function(){
if(type == 'outer') {
if(imgAR > frameAR) {
var step1 = {
height: frame1H + 'px',
margin: Math.round((160 - frame1H) / 2) + 'px 0px'
};
var frameNewW = frame1H * imgAR;
var step2 = { width: Math.round(frameNewW) + 'px' };
var rule = '.spai-resize-frame:after { content: "' + Math.round(frameNewW * w / frame1W) + ' × ' + h + '"; }';
} else {
var step1 = {
width: frame1W + 'px',
margin: Math.round((160 - frame1W / imgAR) / 2) + 'px 0px'
};
var frameNewH = frame1W / imgAR;
var step2 = {
height: Math.round(frameNewH) + 'px',
margin: Math.round((156 - frameNewH) / 2) + 'px auto 0'
};
var rule = '.spai-resize-frame:after { content: "' + w + ' × ' + Math.round(frameNewH * w / frame1W) + '"; }';
}
} else {
if(imgAR > frameAR) {
var step1 = {
width: frame1W,
margin: Math.round((160 - frame1W / imgAR) / 2) + 'px 0px'
};
var frameNewH = frame1W / imgAR;
var step2 = {
height: Math.round(frameNewH) + 'px',
margin: Math.round((156 - frameNewH) / 2) + 'px auto 0'
};
var rule = '.spai-resize-frame:after { content: "' + w + ' × ' + Math.round(frameNewH * w / frame1W) + '"; }';
} else {
var step1 = {
height: frame1H,
margin: Math.round((160 - frame1H) / 2) + 'px 0px'
};
var frameNewW = frame1H * imgAR;
var step2 = {
width: Math.round(frameNewW) + 'px'
};
var rule = '.spai-resize-frame:after { content: "' + Math.round(frameNewW * w / frame1W) + ' × ' + h + '"; }';
}
}
SpioResize.animate(img, step1, frame, step2, rule);
}, 1000);
});
}
$( function() {
if($('#resize').is('checked')) {
SpioResize.run();
}
} );
} )( jQuery, window, document );