| 1 |
<?php if (!defined('WPO_VERSION')) die('No direct access allowed'); ?> |
| 2 |
<div id="wpo_smush_images_information_container" style="display:none;"> |
| 3 |
<div id="wpo_smush_images_information_wrapper"> |
| 4 |
<h3 id="wpo_smush_images_information_heading"><?php esc_html_e('Compressing images', 'wp-optimize');?></h3> |
| 5 |
<h4 id="wpo_smush_images_information_server"></h4> |
| 6 |
<div class="progress-bar orange stripes"> |
| 7 |
<span style="width: 100%"></span> |
| 8 |
</div> |
| 9 |
<p><?php esc_html_e('The selected images are being processed; please do not close the browser', 'wp-optimize');?></p> |
| 10 |
<table id="smush_stats" class="smush_stats_table"> |
| 11 |
<tbody> |
| 12 |
<tr class="smush_stats_row"> |
| 13 |
<td> <?php esc_html_e('Images pending', 'wp-optimize');?></td> |
| 14 |
<td id="smush_stats_pending_images"> ...</td> |
| 15 |
</tr> |
| 16 |
<tr class="smush_stats_row"> |
| 17 |
<td> <?php esc_html_e('Images completed', 'wp-optimize');?></td> |
| 18 |
<td id="smush_stats_completed_images"> ...</td> |
| 19 |
</tr> |
| 20 |
<tr class="smush_stats_row"> |
| 21 |
<td> <?php esc_html_e('Size savings', 'wp-optimize');?></td> |
| 22 |
<td id="smush_stats_bytes_saved"> ...</td> |
| 23 |
</tr> |
| 24 |
<tr class="smush_stats_row"> |
| 25 |
<td> <?php esc_html_e('Average savings per image', 'wp-optimize');?></td> |
| 26 |
<td id="smush_stats_percent_saved"> ...</td> |
| 27 |
</tr> |
| 28 |
<tr class="smush_stats_row"> |
| 29 |
<td> <?php esc_html_e('Time elapsed', 'wp-optimize');?></td> |
| 30 |
<td id="smush_stats_timer"> </td> |
| 31 |
</tr> |
| 32 |
</tbody> |
| 33 |
</table> |
| 34 |
</div> |
| 35 |
<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'); ?>"> |
| 36 |
</div> |
| 37 |
|
| 38 |
<div id="smush-complete-summary" class="complete-animation" style="display:none;"> |
| 39 |
<span class="dashicons dashicons-no-alt close"></span> |
| 40 |
<div class="animation"> |
| 41 |
<div class="checkmark-circle"> |
| 42 |
<div class="background"></div> |
| 43 |
<div class="checkmark draw"></div> |
| 44 |
</div> |
| 45 |
</div> |
| 46 |
<div id="summary-message"></div> |
| 47 |
<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'); ?>"> |
| 48 |
<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'); ?>"> |
| 49 |
<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="..."> |
| 50 |
<span id="wpo_smush_images_clear_stats_done" class="dashicons dashicons-yes display-none save-done align-right"></span> |
| 51 |
<span class="clearfix"></span> |
| 52 |
<input type="button" class="wpo_primary_small button-primary wpo_smush_stats_cta_btn" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>"> |
| 53 |
</div> |
| 54 |
|
| 55 |
<div id="smush-log-modal" class="complete-animation" style="display:none;"> |
| 56 |
<div id="log-panel"></div> |
| 57 |
<a href="#" class="wpo_primary_small button-primary"> <?php esc_html_e('Download log file', 'wp-optimize'); ?></a> |
| 58 |
<input type="button" class="wpo_primary_small button-primary close" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>"> |
| 59 |
</div> |
| 60 |
|
| 61 |
<div id="smush-information-modal" style="display:none;"> |
| 62 |
<div class="smush-information"></div> |
| 63 |
<input type="button" class="wpo_primary_small button-primary information-modal-close" value="<?php esc_attr_e('Close', 'wp-optimize'); ?>"> |
| 64 |
</div> |
| 65 |
|
| 66 |
<div id="smush-information-modal-cancel-btn" style="display:none;"> |
| 67 |
<div class="smush-information"></div> |
| 68 |
<input type="button" class="wpo_primary_small button-primary" value="<?php esc_attr_e('Cancel', 'wp-optimize'); ?>"> |
| 69 |
</div> |
| 70 |
|
