141 lines
7.5 KiB
PHP
141 lines
7.5 KiB
PHP
|
<?php
|
||
|
|
namespace ShortPixel;
|
||
|
|
|
||
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
||
|
|
exit; // Exit if accessed directly.
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
|
||
|
|
<section class="panel summary" data-panel="summary">
|
||
|
|
<div class="panel-container">
|
||
|
|
|
||
|
|
<h3 class="heading"><span><img src="<?php echo esc_url(\wpSPIO()->plugin_url('res/img/robo-slider.png')); ?>"></span>
|
||
|
|
<?php esc_html_e('ShortPixel Bulk Optimization - Summary','shortpixel-image-optimiser'); ?>
|
||
|
|
</h3>
|
||
|
|
|
||
|
|
<p class='description'><?php esc_html_e('Welcome to the bulk optimization wizard, where you can select the images that ShortPixel will optimize in the background for you.','shortpixel-image-optimiser'); ?></p>
|
||
|
|
|
||
|
|
<?php $this->loadView('bulk/part-progressbar', false); ?>
|
||
|
|
|
||
|
|
<div class='summary-list'>
|
||
|
|
<h3><?php esc_html_e('Review and start the Bulk Process', 'shortpixel-image-optimiser'); ?>
|
||
|
|
<span>
|
||
|
|
<img src="<?php echo esc_url(wpSPIO()->plugin_url('res/img/robo-notes.png')); ?>" style="transform: scale(-1, 1);height: 50px;"/>
|
||
|
|
</span>
|
||
|
|
</h3>
|
||
|
|
<div class="section-wrapper" data-check-visibility data-control="data-check-media-total">
|
||
|
|
<h4><span class='dashicons dashicons-images-alt2'> </span>
|
||
|
|
<?php esc_html_e('Media Library','shortpixel-image-optimiser'); ?> (<span data-stats-media="in_queue">0</span> <?php esc_html_e('items','shortpixel-image-optimiser'); ?>)</h4>
|
||
|
|
<div class="list-table">
|
||
|
|
|
||
|
|
|
||
|
|
<div><span><?php esc_html_e('Images','shortpixel-image-optimiser'); ?></span>
|
||
|
|
<span data-stats-media="images-images_basecount">n/a</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class='filetypes' data-check-visibility data-control="data-check-has-webp">
|
||
|
|
<span> <?php esc_html_e('+ WebP images','shortpixel-image-optimiser'); ?> </span><span data-stats-media="images-images_webp" data-check-has-webp> </span>
|
||
|
|
</div>
|
||
|
|
<div class='filetypes' data-check-visibility data-control="data-check-has-avif">
|
||
|
|
<span> <?php esc_html_e('+ AVIF images','shortpixel-image-optimiser'); ?> </span><span data-stats-media="images-images_avif" data-check-has-avif> </span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div><span><?php esc_html_e('Total from Media Library','shortpixel-image-optimiser'); ?></span><span data-stats-media="images-images">0</span></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section-wrapper" data-check-visibility data-control="data-check-custom-total">
|
||
|
|
<h4><span class='dashicons dashicons-open-folder'> </span><?php esc_html_e('Custom Media', 'shortpixel-image-optimiser') ?> (<span data-stats-custom="in_queue">0</span> <?php esc_html_e('items','shortpixel-image-optimiser'); ?>)</h4>
|
||
|
|
<div class="list-table">
|
||
|
|
|
||
|
|
<div><span><?php esc_html_e('Images','shortpixel-image-optimiser'); ?></span>
|
||
|
|
<span data-stats-custom="images-images_basecount">n/a</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class='filetypes' data-check-visibility data-control="data-check-has-custom-webp" ><span> <?php esc_html_e('+ WebP images','shortpixel-image-optimiser'); ?></span>
|
||
|
|
<span data-stats-custom="images-images_webp" data-check-has-custom-webp> </span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class='filetypes' data-check-visibility data-control="data-check-has-custom-avif">
|
||
|
|
<span> <?php esc_html_e('+ AVIF images','shortpixel-image-optimiser'); ?></span><span data-stats-custom="images-images_avif" data-check-has-custom-avif> </span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div><span><?php esc_html_e('Total from Custom Media','shortpixel-image-optimiser'); ?></span><span data-stats-custom="images-images">0</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php
|
||
|
|
$quotaData = $this->view->quotaData;
|
||
|
|
?>
|
||
|
|
<div class="totals">
|
||
|
|
<?php
|
||
|
|
$quotaData->unlimited ? esc_html_e('Total','shortpixel-image-optimiser') : esc_html_e('Total credits needed','shortpixel-image-optimiser');
|
||
|
|
?>: <span class="number" data-stats-total="images-images" data-check-total-total >0</span>
|
||
|
|
|
||
|
|
<span class='number'></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<?php
|
||
|
|
if(true === $quotaData->unlimited): ?>
|
||
|
|
<div class='credits'>
|
||
|
|
<p><span><?php _e('This site is currently on the ShortPixel Unlimited plan, so you do not have to worry about credits. Enjoy!', 'shortpixel-image-optimiser'); ?></span></p>
|
||
|
|
</div>
|
||
|
|
<?php else: ?>
|
||
|
|
<div class="credits">
|
||
|
|
<p class='heading'><span><?php esc_html_e('Your ShortPixel Credits Available', 'shortpixel-image-optimiser'); ?></span>
|
||
|
|
<span><?php echo esc_html($this->formatNumber($quotaData->total->remaining, 0)) ?></span>
|
||
|
|
<span><a href="<?php echo esc_url($this->view->buyMoreHref) ?>" target="_new" class='button button-primary'><?php esc_html_e('Buy unlimited credits','shortpixel-image-optimiser'); ?></a></span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p><span><?php esc_html_e('Your monthly plan','shortpixel-image-optimiser'); ?></span>
|
||
|
|
<span><?php echo esc_html($quotaData->monthly->text) ?> <br>
|
||
|
|
<?php esc_html_e('Used:', 'shortpixel-image-optimiser'); ?> <?php echo esc_html($this->formatNumber($quotaData->monthly->consumed, 0)); ?>
|
||
|
|
<?php esc_html_e('; Remaining:', 'shortpixel-image-optimiser'); ?> <?php echo esc_html($this->formatNumber($quotaData->monthly->remaining, 0)); ?>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<span><?php esc_html_e('Your one-time credits') ?></span>
|
||
|
|
<span><?php echo esc_html($quotaData->onetime->text) ?> <br>
|
||
|
|
<?php esc_html_e('Used:', 'shortpixel-image-optimiser'); ?> <?php echo esc_html($this->formatNumber($quotaData->onetime->consumed, 0)); ?>
|
||
|
|
<?php esc_html_e('; Remaining:', 'shortpixel-image-optimiser'); ?> <?php echo esc_html($this->formatNumber($quotaData->onetime->remaining, 0)) ?>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="over-quota" data-check-visibility="false" data-control="data-quota-remaining" data-control-check="data-check-total-total">
|
||
|
|
<span><img src="<?php echo esc_url(wpSPIO()->plugin_url('res/img/bulk/over-quota.svg')) ?>" /></span>
|
||
|
|
<p><?php printf(esc_html('In your ShortPixel account you %shave only %s credits available %s, but you have chosen %s images to be optimized in this bulk process. You can either go back and select less images, or you can upgrade to a higher plan or buy one-time credits.','shortpixel-image-optimiser'), '<span class="red">', esc_html($this->formatNumber($quotaData->total->remaining, 0)), '</span>', '<b data-stats-total="images-images">0</b>'); ?>
|
||
|
|
|
||
|
|
<button type="button" class="button" onClick="ShortPixel.proposeUpgrade();"><?php esc_html_e('Show me the best options') ?></button>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<span class='hidden' data-quota-remaining><?php
|
||
|
|
// This is hidden check, no number format.
|
||
|
|
echo esc_html($quotaData->total->remaining);
|
||
|
|
?></span>
|
||
|
|
</div>
|
||
|
|
<?php $this->loadView('snippets/part-upgrade-options'); ?>
|
||
|
|
<?php endif;
|
||
|
|
?>
|
||
|
|
|
||
|
|
<div class='no-images' data-check-visibility="false" data-control="data-check-total-total">
|
||
|
|
<?php esc_html_e('The current selection contains no images. The bulk process cannot start.', 'shortpixel-image-optimiser'); ?>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<button class="button" type="button" data-action="open-panel" data-panel="selection">
|
||
|
|
<span class='dashicons dashicons-arrow-left' ></span>
|
||
|
|
<p><?php esc_html_e('Back','shortpixel-image-optimiser'); ?></p>
|
||
|
|
</button>
|
||
|
|
<button class="button-primary button" type="button" data-action="StartBulk" data-control="data-check-total-total" data-check-presentation="disable">
|
||
|
|
<span class='dashicons dashicons-arrow-right'></span>
|
||
|
|
<p><?php esc_html_e('Start Bulk Optimization', 'shortpixel-image-optimiser'); ?></p>
|
||
|
|
</button>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</section>
|