* Output the progress dialog for the Directory smush list dialog
if ( ! defined( 'WPINC' ) ) {
<div class="sui-modal sui-modal-lg">
id="wp-smush-progress-dialog"
class="sui-modal-content wp-smush-progress-dialog"
aria-labelledby="progress-dialog-title"
aria-describedby="progress-dialog-description"
<div class="sui-box-header">
<h3 class="sui-box-title" id="progress-dialog-title">
<?php esc_html_e( 'Choose Directory', 'wp-smushit' ); ?>
<button class="sui-button-icon sui-button-float--right" data-modal-close="" id="dialog-close-div">
<i class="sui-icon-close sui-md" aria-hidden="true"></i>
<span class="sui-screen-reader-text"><?php esc_html_e( 'Close', 'wp-smushit' ); ?></span>
<div class="sui-box-body">
<p id="progress-dialog-description">
<?php esc_html_e( 'Bulk smushing is in progress, you need to leave this tab open until the process completes.', 'wp-smushit' ); ?>
<div class="sui-notice sui-notice-warning sui-hidden">
<div class="sui-notice-content">
<div class="sui-notice-message">
<i class="sui-notice-icon sui-icon-info sui-md" aria-hidden="true"></i>
$upgrade_url = add_query_arg(
'utm_medium' => 'plugin',
'utm_campaign' => 'smush_bulksmush_limit_reached_notice',
esc_url( 'https://premium.wpmudev.org/project/wp-smush-pro/' )
/* translators: %s1$d - bulk smush limit, %2$s - upgrade link, %3$s - </a>, %4$s - <strong>, $5$s - </strong> */
esc_html__( 'The free version of Smush allows you to compress %1$d images at a time. You can easily click %4$sResume%5$s to optimize another %1$d images, or %2$sUpgrade to Pro%3$s to compress unlimited images at once.', 'wp-smushit' ),
absint( Core::$max_free_bulk ),
'<a href="' . esc_url( $upgrade_url ) . '" target="_blank">',
<a class="sui-button wp-smush-resume-scan">
<i class="sui-icon-play" aria-hidden="true"></i>
<?php esc_html_e( 'Resume', 'wp-smushit' ); ?>
<div class="sui-progress-block sui-progress-can-close">
<div class="sui-progress">
<span class="sui-progress-icon" aria-hidden="true">
<i class="sui-icon-loader sui-loading"></i>
<div class="sui-progress-text">
<div class="sui-progress-bar" aria-hidden="true">
<span style="width: 0"></span>
<button class="sui-button-icon sui-tooltip" id="cancel-directory-smush" type="button" data-tooltip="<?php esc_attr_e( 'Cancel', 'wp-smushit' ); ?>">
<i class="sui-icon-close"></i>
<div class="sui-progress-state">
<span class="sui-progress-state-text">
<?php esc_html_e( '-/- images optimized', 'wp-smushit' ); ?>
<div class="sui-box-footer sui-content-right">
<span class="add-dir-loader"></span>
<button class="sui-modal-close sui-button wp-smush-cancel-dir" data-modal-close="">
<?php esc_html_e( 'CANCEL', 'wp-smushit' ); ?>
<button class="sui-button wp-smush-resume-scan sui-hidden">
<?php esc_html_e( 'RESUME', 'wp-smushit' ); ?>