| @@ -1,24 +1,20 @@ | ||
| 1 | -<?php if (!defined('WPO_VERSION')) die('No direct access allowed'); ?> | |
| 1 | +<?php if (!defined('ABSPATH')) die('No direct access allowed'); ?> | |
| 2 | 2 | <div id="wpo_smush_settings"> |
| 3 | 3 | <div class="wpo-info"> |
| 4 | 4 | <a class="wpo-info__trigger" href="#"><span class="dashicons dashicons-sos"></span> <?php esc_html_e('How to use the image compression feature', 'wp-optimize'); ?> <span class="wpo-info__close"><?php esc_html_e('Close', 'wp-optimize'); ?></span></a> |
| 5 | 5 | <div class="wpo-info__content"> |
| 6 | - <p><strong><?php esc_html_e('Not sure how to use the image compression feature?', 'wp-optimize'); ?></strong> <br><?php esc_html_e('Watch our howto video below.', 'wp-optimize'); ?></p> | |
| 6 | + <p><strong><?php esc_html_e('Not sure how to use the image compression feature?', 'wp-optimize'); ?></strong> <br><?php esc_html_e('Watch our how to video below.', 'wp-optimize'); ?></p> | |
| 7 | 7 | <div class="wpo-video-preview"> |
| 8 | - <a href="https://vimeo.com/333938451" data-embed="https://player.vimeo.com/video/333938451?color=df6926&title=0&byline=0&portrait=0" target="_blank"><img src="<?php echo esc_url(trailingslashit(WPO_PLUGIN_URL) . 'images/notices/image-compression-video-preview.png'); ?>" alt="<?php esc_attr_e('Video preview', 'wp-optimize'); ?>" /></a> | |
| 8 | + <a href="https://vimeo.com/1014326354" data-embed="https://player.vimeo.com/video/1014326354?color=df6926&title=0&byline=0&portrait=0" target="_blank"><img src="<?php echo esc_url(trailingslashit(WPO_PLUGIN_URL) . 'images/notices/video-thumb.jpg'); ?>" alt="<?php esc_attr_e('Video preview', 'wp-optimize'); ?>" /></a> | |
| 9 | 9 | </div> |
| 10 | - <small>(<?php esc_html_e('Loads a video hosted on vimeo.com', 'wp-optimize'); ?>) - <?php $wp_optimize->wp_optimize_url('https://vimeo.com/333938451', __('Open the video in a new window', 'wp-optimize')); ?></small> | |
| 10 | + <small>(<?php esc_html_e('Loads a video hosted on vimeo.com', 'wp-optimize'); ?>) - <?php $wp_optimize->wp_optimize_url('https://vimeo.com/1014326354', __('Open the video in a new window', 'wp-optimize')); ?></small> | |
| 11 | 11 | </div> |
| 12 | 12 | </div> |
| 13 | 13 | <p> |
| 14 | 14 | <?php |
| 15 | - $message = __('Note: Currently this feature uses third party services from reSmush.it.', 'wp-optimize'); | |
| 16 | - $message .= ' '; | |
| 17 | - $message .= __('The performance of this free image compression service may be limited for large workloads.', 'wp-optimize'); | |
| 18 | - $message .= ' '; | |
| 19 | - $message .= __('We are working on a premium service.', 'wp-optimize'); | |
| 20 | - echo esc_html($message); | |
| 15 | + // translators: %s is a link to reSmush.it website | |
| 16 | + printf(esc_html__('Note: Image optimization feature is offered via %s free API', 'wp-optimize'), '<a href="https://resmush.it/" target="_blank">reSmush.it</a>'); | |
| 21 | 17 | ?> |
| 22 | 18 | </p> |
| 23 | 19 | <div class="wpo-fieldgroup"> |
| 24 | 20 | <div class="autosmush wpo-fieldgroup__subgroup<?php echo $smush_options['autosmush'] ? ' active' : ''; ?>"> |
| @@ -26,10 +22,10 @@ | ||
| 26 | 22 | <input type="checkbox" id="smush-automatically" <?php checked($smush_options['autosmush']); ?> > |
| 27 | 23 | <span class="slider round"></span> |
| 28 | 24 | </label> |
| 29 | 25 | <label for="smush-automatically"><?php esc_html_e('Automatically compress newly-added images', 'wp-optimize');?> |
| 30 | - <span tabindex="0" data-tooltip="<?php echo esc_attr__('The images will be added to a background queue, which will start automatically within the next hour.', 'wp-optimize').' '.esc_attr__('This prevents the site from being slowed down during media uploads.', 'wp-optimize').' '.esc_attr__('The time taken to complete the compression will depend upon the size and quantity of the images.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 31 | 26 | </label> |
| 27 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr__('The images will be added to a background queue, which will start automatically within the next hour.', 'wp-optimize').' '.esc_attr__('This prevents the site from being slowed down during media uploads.', 'wp-optimize').' '.esc_attr__('The time taken to complete the compression will depend upon the size and quantity of the images.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 32 | 28 | </div> |
| 33 | 29 | |
| 34 | 30 | <div class="wpo-fieldgroup__subgroup"> |
| 35 | 31 | <label class="switch"> |
| @@ -42,10 +38,10 @@ | ||
| 42 | 38 | $message = __('The image compression metabox allows you to compress specific images from the media library.', 'wp-optimize'); |
| 43 | 39 | $message .= ' '; |
| 44 | 40 | $message .= __('But if you are using a solution other than WP-Optimize to compress your images, you can hide these metaboxes by disabling this switch.', 'wp-optimize') |
| 45 | 41 | ?> |
| 46 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 47 | 42 | </label> |
| 43 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 48 | 44 | </div> |
| 49 | 45 | |
| 50 | 46 | <div class="compression_options"> |
| 51 | 47 | <h3><?php esc_html_e('Compression options', 'wp-optimize');?></h3> |
| @@ -51,17 +47,18 @@ | ||
| 51 | 47 | <h3><?php esc_html_e('Compression options', 'wp-optimize');?></h3> |
| 52 | 48 | <input type="radio" id="enable_lossy_compression" name="compression_level" <?php checked($smush_options['image_quality'], 60); ?> class="smush-options compression_level"> |
| 53 | 49 | <label for="enable_lossy_compression"><?php esc_html_e('Prioritize maximum compression', 'wp-optimize');?></label> |
| 54 | 50 | <?php |
| 51 | + // This tooltip message is also located in /templates/admin-metabox-smush-settings.php. | |
| 55 | 52 | $message = __('Uses lossy compression to ensure maximum savings per image.', 'wp-optimize'); |
| 56 | 53 | $message .= ' '; |
| 57 | 54 | $message .= __('The resulting images are of a slightly lower quality', 'wp-optimize'); |
| 58 | 55 | ?> |
| 59 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message); ?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 56 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message); ?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 60 | 57 | <br> |
| 61 | 58 | <input type="radio" id="enable_lossless_compression" <?php checked($smush_options['image_quality'], 92); ?>name="compression_level" class="smush-options compression_level"> |
| 62 | 59 | <label for="enable_lossless_compression"><?php esc_html_e('Prioritize retention of detail', 'wp-optimize');?></label> |
| 63 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Uses lossless compression, which results in much better image quality but lower file size savings per image', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 60 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Uses lossless compression, which results in much better image quality but lower file size savings per image', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 64 | 61 | <br> |
| 65 | 62 | <input id="enable_custom_compression" <?php checked($custom); ?> type="radio" name="compression_level" class="smush-options compression_level"> |
| 66 | 63 | <label for="enable_custom_compression"><?php esc_html_e('Custom', 'wp-optimize');?></label> |
| 67 | 64 | <br> |
| @@ -77,32 +74,34 @@ | ||
| 77 | 74 | <option value="90"/> |
| 78 | 75 | </datalist> |
| 79 | 76 | <span class="slider-end"><?php esc_html_e('Best image quality', 'wp-optimize');?></span> |
| 80 | 77 | </div> |
| 81 | - <p><?php esc_html_e('Not sure what to choose?', 'wp-optimize'); ?> <?php $wp_optimize->wp_optimize_url('https://getwpo.com/lossy-vs-lossless-image-compression-a-guide-to-the-trade-off-between-image-size-and-quality/', __('Read our article "Lossy vs Lossless image compression"', 'wp-optimize')); ?></p> | |
| 78 | + <p><?php esc_html_e('Not sure what to choose?', 'wp-optimize'); ?> <?php $wp_optimize->wp_optimize_url('https://teamupdraft.com/blog/lossy-vs-lossless-image-compression/?utm_source=wpo-plugin&utm_medium=referral&utm_campaign=paac&utm_content=lossy-vs-lossless-article-from-compress-tab&utm_creative_format=text', __('Read our article "Lossy vs Lossless image compression"', 'wp-optimize')); ?></p> | |
| 79 | + | |
| 82 | 80 | <?php if (WPO_USE_WEBP_CONVERSION) : ?> |
| 83 | 81 | <h3><?php esc_html_e('WebP conversion', 'wp-optimize');?></h3> |
| 84 | - <?php | |
| 85 | - $converters = WP_Optimize()->get_options()->get_option('webp_converters', false); | |
| 86 | - if (!$does_server_allows_local_webp_conversion) { | |
| 87 | - printf('<p>%1$s</p>', esc_html__('Note: Local WebP conversion tools are not allowed on your server.', 'wp-optimize')); | |
| 88 | - } elseif (!empty($converters)) { | |
| 89 | - printf('<p>%1$s <strong>%2$s</strong></p>', esc_html__('Available WebP conversion tools:', 'wp-optimize'), esc_html(implode(', ', $converters))); | |
| 82 | + | |
| 83 | + <?php if ($does_server_allow_local_webp_conversion) : ?> | |
| 84 | + <input type="checkbox" id="enable_webp_conversion" name="webp_conversion" <?php checked($smush_options['webp_conversion']); ?> class="smush-options webp_conversion"> | |
| 85 | + <label for="enable_webp_conversion"><?php esc_html_e('Create WebP version of image', 'wp-optimize');?></label> | |
| 86 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Creates WebP image format and serves it whenever possible.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 87 | + <br> | |
| 88 | + | |
| 89 | + <?php | |
| 90 | + $converters = WP_Optimize()->get_options()->get_option('webp_converters', false); | |
| 91 | + if ($smush_options['webp_conversion'] && !empty($converters)) { | |
| 92 | + printf('<p>%1$s <strong>%2$s</strong></p>', esc_html__('Available WebP conversion tools:', 'wp-optimize'), esc_html(implode(', ', $converters))); | |
| 93 | + } | |
| 90 | 94 | ?> |
| 91 | - <input type="checkbox" id="enable_webp_conversion" name="webp_conversion" <?php checked($smush_options['webp_conversion']); ?> class="smush-options webp_conversion"> | |
| 92 | - <label for="enable_webp_conversion"><?php esc_html_e('Create WebP version of image', 'wp-optimize');?></label> | |
| 93 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('Creates WebP image format and serves it whenever possible.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 94 | - <br> | |
| 95 | - <?php | |
| 96 | - } else { | |
| 97 | - printf('<p>%1$s <a href="https://getwpo.com/faqs/#How-can-I-get-these-conversion-tools-work-" target="_blank">%2$s</a></p>', esc_html__('No WebP conversion tools are available on your web-server.', 'wp-optimize'), esc_html__('How to get WebP conversion tools work?', 'wp-optimize')); | |
| 98 | - } | |
| 99 | - ?> | |
| 95 | + <?php else: ?> | |
| 96 | + <?php printf('<p>%1$s</p>', esc_html__('Note: Local WebP conversion tools are not allowed on your server.', 'wp-optimize')); ?> | |
| 97 | + <?php endif; ?> | |
| 98 | + | |
| 100 | 99 | <?php endif; ?> |
| 101 | 100 | </div> |
| 102 | 101 | <button type="button" class="button button-link wpo-toggle-advanced-options"><span class="text"><span class="dashicons dashicons-arrow-down-alt2"></span> <span class="wpo-toggle-advanced-options__text-show"><?php esc_html_e('Show advanced options', 'wp-optimize');?></span><span class="wpo-toggle-advanced-options__text-hide"><?php esc_html_e('Hide advanced options', 'wp-optimize');?></span></span></button> |
| 103 | 102 | <div class="smush-advanced wpo-advanced-options"> |
| 104 | - <?php if ($does_server_allows_local_webp_conversion && !empty($converters)) : ?> | |
| 103 | + <?php if ($does_server_allow_local_webp_conversion && !empty($converters)) : ?> | |
| 105 | 104 | <button type="button" id="wpo_reset_webp_serving_method" class="wpo_primary_small button"><?php esc_html_e('Reset WebP serving method', 'wp-optimize'); ?></button> |
| 106 | 105 | <span id="wpo_reset_webp_serving_method_done" class="display-none"><span class="dashicons dashicons-yes"></span> <?php esc_html_e('The WebP serving method has been reset', 'wp-optimize');?></span> |
| 107 | 106 | <?php endif; ?> |
| 108 | 107 | <div class="compression_server"> |
| @@ -107,13 +106,13 @@ | ||
| 107 | 106 | <?php endif; ?> |
| 108 | 107 | <div class="compression_server"> |
| 109 | 108 | <h3><?php esc_html_e('Compression service', 'wp-optimize');?></h3> |
| 110 | 109 | <div> <input type="radio" name="compression_server" id="resmushit" value="resmushit" <?php checked($smush_options['compression_server'], 'resmushit'); ?> > |
| 111 | - <label for="resmushit"> | |
| 110 | + <div id="wpo-resmushit-details"> | |
| 112 | 111 | <h4><?php esc_html_e('reSmush.it', 'wp-optimize');?></h4> |
| 113 | 112 | <p><?php esc_html_e('Can keep EXIF data', 'wp-optimize');?></p> |
| 114 | - <small><?php esc_html_e('Service provided by reSmush.it', 'wp-optimize'); ?></small> | |
| 115 | - </label> | |
| 113 | + <small><?php echo esc_html($compression_server_hint); ?></small> | |
| 114 | + </div> | |
| 116 | 115 | </div> |
| 117 | 116 | </div> |
| 118 | 117 | <br> |
| 119 | 118 | <h3><?php esc_html_e('More options', 'wp-optimize');?></h3> |
| @@ -122,13 +121,13 @@ | ||
| 122 | 121 | <label for="smush-preserve-exif" class="smush-options preserve_exif"><?php esc_html_e('Preserve EXIF data', 'wp-optimize');?></label> |
| 123 | 122 | <br> |
| 124 | 123 | <input type="checkbox" id="smush-backup-original" class="smush-options" <?php checked($smush_options['back_up_original']); ?> > |
| 125 | 124 | <label for="smush-backup-original"><?php esc_html_e('Backup original images', 'wp-optimize');?></label> |
| 126 | - <span tabindex="0" data-tooltip="<?php esc_attr_e('The original images are stored alongside the compressed images, you can visit the edit screen of the individual images in the Media Library to restore them.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 125 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('The original images are stored alongside the compressed images, you can visit the edit screen of the individual images in the Media Library to restore them.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 127 | 126 | <br> |
| 128 | 127 | <input type="checkbox" id="smush-backup-delete" class="smush-options" <?php checked($smush_options['back_up_delete_after']); ?> > |
| 129 | - <label for="smush-backup-delete"><?php esc_html_e('Automatically delete image backups after', 'wp-optimize');?><input id="smush-backup-delete-days" type="number" min="1" value="<?php echo (0 !== intval($smush_options['back_up_delete_after_days'])) ? intval($smush_options['back_up_delete_after_days']) : 50; ?>"><?php esc_html_e('days', 'wp-optimize');?></label><label> — <?php esc_html_e('or', 'wp-optimize'); ?></label> <button type="button" id="wpo_smush_delete_backup_btn" class="wpo_primary_small button"><?php esc_html_e('Delete all backup images now', 'wp-optimize'); ?></button> | |
| 130 | - <img id="wpo_smush_delete_backup_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); ?>" alt="..."> | |
| 128 | + <label for="smush-backup-delete-days"><?php esc_html_e('Automatically delete image backups after', 'wp-optimize');?><input id="smush-backup-delete-days" type="number" min="1" value="<?php echo (0 !== intval($smush_options['back_up_delete_after_days'])) ? intval($smush_options['back_up_delete_after_days']) : 50; ?>"><?php esc_html_e('days', 'wp-optimize');?></label><label> — <?php esc_html_e('or', 'wp-optimize'); ?></label> <button type="button" id="wpo_smush_delete_backup_btn" class="wpo_primary_small button"><?php esc_html_e('Delete all backup images now', 'wp-optimize'); ?></button> | |
| 129 | + <img id="wpo_smush_delete_backup_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> | |
| 131 | 130 | <span id="wpo_smush_delete_backup_done" class="dashicons dashicons-yes display-none save-done"></span> |
| 132 | 131 | <br> |
| 133 | 132 | <button type="button" id="wpo_smush_mark_all_as_uncompressed_btn" class="wpo_primary_small button"><?php esc_html_e('Mark all images as uncompressed', 'wp-optimize'); ?></button> |
| 134 | 133 | <br> |
| @@ -138,14 +137,13 @@ | ||
| 138 | 137 | $message = __('Only the original image will be restored.', 'wp-optimize'); |
| 139 | 138 | $message .= ' '; |
| 140 | 139 | $message .= __('In order to restore the other sizes, you should use a plugin such as "Regenerate Thumbnails".', 'wp-optimize'); |
| 141 | 140 | ?> |
| 142 | - <span tabindex="0" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 141 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php echo esc_attr($message);?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 143 | 142 | </div> |
| 144 | 143 | </div> |
| 145 | 144 | <div class="save-options"> |
| 146 | - <input type="button" id="wpo_smush_images_save_options_button" style="display:none" class="wpo_primary_small button-primary" value="<?php esc_attr_e('Save options', 'wp-optimize'); ?>" /> | |
| 147 | - <img id="wpo_smush_images_save_options_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); ?>" alt="..."> | |
| 145 | + <img id="wpo_smush_images_save_options_spinner" class="display-none" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..."> | |
| 148 | 146 | <span id="wpo_smush_images_save_options_done" class="display-none"><span class="dashicons dashicons-yes"></span> <?php esc_html_e('Saved options', 'wp-optimize');?></span> |
| 149 | 147 | <span id="wpo_smush_images_save_options_fail" class="display-none"><span class="dashicons dashicons-no"></span> <?php esc_html_e('Failed to save options', 'wp-optimize');?></span> |
| 150 | 148 | </div> |
| 151 | 149 | </div> |
| @@ -154,9 +152,9 @@ | ||
| 154 | 152 | <h3><?php esc_html_e('Uncompressed images', 'wp-optimize');?></h3> |
| 155 | 153 | <?php if (is_multisite()) : ?> |
| 156 | 154 | <div id="wpo_uncompressed_images_sites_select_container"> |
| 157 | 155 | <label for="wpo_uncompressed_images_sites_select"><?php esc_html_e('Select site', 'wp-optimize');?> </label> |
| 158 | - <select id="wpo_uncompressed_images_sites_select"> | |
| 156 | + <select id="wpo_uncompressed_images_sites_select" class="wpo-select2"> | |
| 159 | 157 | <?php foreach ($sites as $site) : ?> |
| 160 | 158 | <option value="<?php echo esc_attr($site->blog_id); ?>"><?php echo esc_html($site->domain . $site->path); ?></option> |
| 161 | 159 | <?php endforeach; ?> |
| 162 | 160 | </select> |
| @@ -170,9 +168,9 @@ | ||
| 170 | 168 | <div class="smush-refresh-icon align-right"> |
| 171 | 169 | <a href="javascript:;" id="wpo_smush_images_refresh" class="wpo-refresh-button"><?php esc_html_e('Refresh image list', 'wp-optimize');?> |
| 172 | 170 | <span class="dashicons dashicons-image-rotate"></span> |
| 173 | 171 | </a> |
| 174 | - <img class="wpo_smush_images_loader" width="16" height="16" src="<?php echo esc_url(admin_url('/images/spinner-2x.gif')); ?>" /> | |
| 172 | + <img class="wpo_smush_images_loader" width="16" height="16" src="<?php echo esc_url(admin_url('/images/spinner-2x.gif')); // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- N/A ?>" alt="..." /> | |
| 175 | 173 | </div> |
| 176 | 174 | </div> |
| 177 | 175 | <div id="wpo_smush_images_grid"></div> |
| 178 | 176 | <div class="smush-actions"> |
| @@ -180,74 +178,5 @@ | ||
| 180 | 178 | <input type="button" id="wpo_smush_mark_as_compressed" class="wpo_primary_small button align-left" value="<?php esc_attr_e('Mark as already compressed', 'wp-optimize'); ?>" /> |
| 181 | 179 | <input type="button" id="wpo_smush_get_logs" class="wpo_smush_get_logs wpo_primary_small button-primary align-right" value="<?php esc_attr_e('View logs', 'wp-optimize'); ?>" /> |
| 182 | 180 | </div> |
| 183 | 181 | </div> |
| 184 | -</div> | |
| 185 | - | |
| 186 | -<div id="wpo_smush_images_information_container" style="display:none;"> | |
| 187 | - <div id="wpo_smush_images_information_wrapper"> | |
| 188 | - <h3 id="wpo_smush_images_information_heading"><?php esc_html_e('Compressing images', 'wp-optimize');?></h3> | |
| 189 | - <h4 id="wpo_smush_images_information_server"></h4> | |
| 190 | - <div class="progress-bar orange stripes"> | |
| 191 | - <span style="width: 100%"></span> | |
| 192 | - </div> | |
| 193 | - <p><?php esc_html_e('The selected images are being processed; please do not close the browser', 'wp-optimize');?></p> | |
| 194 | - <table id="smush_stats" class="smush_stats_table"> | |
| 195 | - <tbody> | |
| 196 | - <tr class="smush_stats_row"> | |
| 197 | - <td> <?php esc_html_e('Images pending', 'wp-optimize');?></td> | |
| 198 | - <td id="smush_stats_pending_images"> ...</td> | |
| 199 | - </tr> | |
| 200 | - <tr class="smush_stats_row"> | |
| 201 | - <td> <?php esc_html_e('Images completed', 'wp-optimize');?></td> | |
| 202 | - <td id="smush_stats_completed_images"> ...</td> | |
| 203 | - </tr> | |
| 204 | - <tr class="smush_stats_row"> | |
| 205 | - <td> <?php esc_html_e('Size savings', 'wp-optimize');?></td> | |
| 206 | - <td id="smush_stats_bytes_saved"> ...</td> | |
| 207 | - </tr> | |
| 208 | - <tr class="smush_stats_row"> | |
| 209 | - <td> <?php esc_html_e('Average savings per image', 'wp-optimize');?></td> | |
| 210 | - <td id="smush_stats_percent_saved"> ...</td> | |
| 211 | - </tr> | |
| 212 | - <tr class="smush_stats_row"> | |
| 213 | - <td> <?php esc_html_e('Time elapsed', 'wp-optimize');?></td> | |
| 214 | - <td id="smush_stats_timer"> </td> | |
| 215 | - </tr> | |
| 216 | - </tbody> | |
| 217 | - </table> | |
| 218 | - </div> | |
| 219 | - <input type="button" id="wpo_smush_images_pending_tasks_cancel_button" class="wpo_primary_small button-primary" value="<?php esc_attr_e('Cancel', 'wp-optimize'); ?>" /> | |
| 220 | -</div> | |
| 221 | - | |
| 222 | -<div id="smush-complete-summary" class="complete-animation" style="display:none;"> | |
| 223 | - <span class="dashicons dashicons-no-alt close"></span> | |
| 224 | - <div class="animation"> | |
| 225 | - <div class="checkmark-circle"> | |
| 226 | - <div class="background"></div> | |
| 227 | - <div class="checkmark draw"></div> | |
| 228 | - </div> | |
| 229 | - </div> | |
| 230 | - <div id="summary-message"></div> | |
| 231 | - <input type="button" id="wpo_smush_get_logs" class="wpo_smush_get_logs wpo_primary_small button-primary" value="<?php esc_attr_e('View logs', 'wp-optimize'); ?>" /> | |
| 232 | - <input type="button" id="wpo_smush_clear_stats_btn" class="wpo_primary_small button-primary align-right" value="<?php esc_attr_e('Clear compression statistics', 'wp-optimize'); ?>" /> | |
| 233 | - <img id="wpo_smush_images_clear_stats_spinner" class="display-none align-right" src="<?php echo esc_url(admin_url('images/spinner-2x.gif')); ?>" alt="..."> | |
| 234 | - <span id="wpo_smush_images_clear_stats_done" class="dashicons dashicons-yes display-none save-done align-right"></span> | |
| 235 | - <span class="clearfix"></span> | |
| 236 | - <input type="button" class="wpo_primary_small button-primary wpo_smush_stats_cta_btn" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>" /> | |
| 237 | -</div> | |
| 238 | - | |
| 239 | -<div id="smush-log-modal" class="complete-animation" style="display:none;"> | |
| 240 | - <div id="log-panel"></div> | |
| 241 | - <a href="#" class="wpo_primary_small button-primary"> <?php esc_html_e('Download log file', 'wp-optimize'); ?></a> | |
| 242 | - <input type="button" class="wpo_primary_small button-primary close" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>" /> | |
| 243 | -</div> | |
| 244 | - | |
| 245 | -<div id="smush-information-modal" style="display:none;"> | |
| 246 | - <div class="smush-information"></div> | |
| 247 | - <input type="button" class="wpo_primary_small button-primary information-modal-close" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>" /> | |
| 248 | -</div> | |
| 249 | - | |
| 250 | -<div id="smush-information-modal-cancel-btn" style="display:none;"> | |
| 251 | - <div class="smush-information"></div> | |
| 252 | - <input type="button" class="wpo_primary_small button-primary" value="<?php esc_attr_e('Cancel', 'wp-optimize'); ?>" /> | |
| 253 | 182 | </div> |
