1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

<?php
/**
 * Summary meta box on dashboard page.
 *
 * @package WP_Smush
 *
 * @var string     $human_format
 * @var string     $human_size
 * @var int        $remaining
 * @var int        $resize_count
 * @var bool       $resize_enabled
 * @var int        $resize_savings
 * @var string|int $stats_percent
 * @var int        $total_optimized
 */

use Smush\Core\Settings;

if ( ! defined( 'WPINC' ) ) {
    die;
}

$tooltip = sprintf(
    /* translators: %d - number of images */
    _n( 'You have %d image that needs smushing', 'You have %d images that need smushing', $remaining, 'wp-smushit' ),
    absint( $remaining )
);

$tooltip_singular = sprintf(
    /* translators: %s - count placeholder */
    __( 'You have %s image that needs smushing', 'wp-smushit' ),
    '{count}'
);

$tooltip_plural = sprintf(
    /* translators: %s - count placeholder */
    __( 'You have %s images that need smushing', 'wp-smushit' ),
    '{count}'
);
?>

<div class="sui-summary-image-space" aria-hidden="true" style="background-image: url( '<?php echo esc_url( apply_filters( 'wpmudev_branding_hero_image', '' ) ); ?>' )"></div>
<div class="sui-summary-segment">
    <div class="sui-summary-details">
        <span class="sui-summary-large wp-smush-stats-human">
            <?php echo esc_html( $human_size ); ?>
        </span>
        <span
            class="sui-tooltip"
            data-tooltip="<?php echo esc_html( $tooltip ); ?>"
            data-singular="<?php echo esc_html( $tooltip_singular ); ?>"
            data-plural="<?php echo esc_html( $tooltip_plural ); ?>"
        >
            <i class="sui-icon-info sui-warning smush-stats-icon <?php echo $remaining > 0 ? '' : 'sui-hidden'; ?>" aria-hidden="true"></i>
        </span>
        <span class="sui-summary-detail wp-smush-savings">
            <span class="wp-smush-stats-human"><?php echo esc_html( $human_format ); ?></span> /
            <span class="wp-smush-stats-percent"><?php echo esc_html( $stats_percent ); ?></span>%
        </span>
        <span class="sui-summary-sub">
            <?php esc_html_e( 'Total Savings', 'wp-smushit' ); ?>
        </span>
        <span class="smushed-items-count">
            <span class="wp-smush-count-total">
                <span class="sui-summary-detail wp-smush-total-optimised">
                    <?php echo esc_html( $total_optimized ); ?>
                </span>
                <span class="sui-summary-sub">
                    <?php esc_html_e( 'Images Smushed', 'wp-smushit' ); ?>
                </span>
            </span>
            <?php if ( $resize_count > 0 ) : ?>
                <span class="wp-smush-count-resize-total">
                    <span class="sui-summary-detail wp-smush-total-optimised">
                        <?php echo esc_html( $resize_count ); ?>
                    </span>
                    <span class="sui-summary-sub">
                        <?php esc_html_e( 'Images Resized', 'wp-smushit' ); ?>
                    </span>
                </span>
            <?php endif; ?>
        </span>
    </div>
</div>

<div class="sui-summary-segment">
    <ul class="sui-list smush-stats-list">
        <li class="smush-resize-savings">
            <span class="sui-list-label">
                <?php esc_html_e( 'Image Resize Savings', 'wp-smushit' ); ?>
                <?php if ( ! $resize_enabled && $resize_savings <= 0 ) : ?>
                    <p class="wp-smush-stats-label-message sui-hidden-sm sui-hidden-md sui-hidden-lg">
                        <?php
                        $link_class = 'wp-smush-resize-enable-link';
                        if ( ( is_multisite() && Settings::can_access( 'bulk' ) ) || 'bulk' !== $this->get_current_tab() ) {
                            $settings_link = $this->get_page_url() . '#enable-resize';
                        } else {
                            $settings_link = '#';
                            $link_class    = 'wp-smush-resize-enable';
                        }

                        printf(
                            /* translators: %1$1s - opening <a> tag, %2$2s - closing <a> tag */
                            esc_html__( 'Save a ton of space by not storing over-sized images on your server. %1$1sEnable image resizing%2$2s', 'wp-smushit' ),
                            '<a role="button" class="' . esc_attr( $link_class ) . '" href="' . esc_url( $settings_link ) . '">',
                            '</a>'
                        );
                        ?>
                    </p>
                <?php endif; ?>
            </span>
            <span class="sui-list-detail wp-smush-stats">
                <?php if ( $resize_enabled || $resize_savings > 0 ) : ?>
                    <?php echo $resize_savings > 0 ? esc_html( $resize_savings ) : esc_html__( 'No resize savings', 'wp-smushit' ); ?>
                <?php else : ?>
                    <a role="button" class="sui-hidden-xs <?php echo esc_attr( $link_class ); ?>" href="<?php echo esc_url( $settings_link ); ?>">
                        <?php esc_html_e( 'Resize images', 'wp-smushit' ); ?>
                    </a>
                <?php endif; ?>
            </span>
        </li>
        <?php
        /**
         * Allows to output Directory Smush stats
         */
        do_action( 'stats_ui_after_resize_savings' );
        ?>
    </ul>
</div>