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
130
131
132
133
134

<?php
/**
 * CDN meta box.
 *
 * @since 3.0
 * @package WP_Smush
 *
 * @var array    $cdn_group      CDN settings keys.
 * @var string   $class          CDN status class (for icon color).
 * @var array    $settings       Settings.
 * @var array    $settings_data  Settings data (titles, descriptions, fields).
 * @var string   $status         CDN status.
 * @var string   $status_msg     CDN status messages.
 */

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

?>

<form id="wp-smush-settings-form" method="post">
    <input type="hidden" name="setting_form" id="setting_form" value="cdn">
    <?php if ( is_multisite() && is_network_admin() ) : ?>
        <input type="hidden" name="setting-type" value="network">
    <?php endif; ?>

    <p>
        <?php
        esc_html_e( 'Multiply the speed and savings! Upload huge images and the Smush CDN will perfectly resize the files, safely convert to a Next-Gen format (WebP), and delivers them directly to your visitors from our blazing-fast multi-location globe servers.', 'wp-smushit' );
        ?>
    </p>

    <div class="sui-notice sui-notice-<?php echo esc_attr( $class ); ?>">
        <div class="sui-notice-content">
            <div class="sui-notice-message">
                <i class="sui-notice-icon sui-icon-<?php echo 'enabled' === $status ? 'check-tick' : 'info'; ?> sui-md" aria-hidden="true"></i>
                <p><?php echo wp_kses_post( $status_msg ); ?></p>
                <?php if ( 'error' === $class && 'overcap' === $status ) : ?>
                    <p>
                        <a href="https://premium.wpmudev.org/hub/account/" target="_blank" class="sui-button">
                            <?php esc_html_e( 'Upgrade Plan', 'wp-smushit' ); ?>
                        </a>
                    </p>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <div class="sui-box-settings-row">
        <div class="sui-box-settings-col-1">
            <span class="sui-settings-label">
                <?php esc_html_e( 'Supported Media Types', 'wp-smushit' ); ?>
            </span>
            <span class="sui-description">
                <?php
                esc_html_e( 'Here’s a list of the media types we serve from the CDN.', 'wp-smushit' );
                ?>
            </span>
        </div>
        <div class="sui-box-settings-col-2">
            <span class="smush-filename-extension smush-extension-jpg">
                <?php esc_html_e( 'jpg', 'wp-smushit' ); ?>
            </span>
            <span class="smush-filename-extension smush-extension-png">
                <?php esc_html_e( 'png', 'wp-smushit' ); ?>
            </span>
            <span class="smush-filename-extension smush-extension-gif">
                <?php esc_html_e( 'gif', 'wp-smushit' ); ?>
            </span>
            <?php if ( $settings['webp'] ) : ?>
                <span class="smush-filename-extension smush-extension-webp">
                    <?php esc_html_e( 'webp', 'wp-smushit' ); ?>
                </span>
            <?php endif; ?>

            <span class="sui-description">
                <?php
                esc_html_e(
                    'At this time, we don’t support videos. We recommend uploading your media to a third-party provider and embedding the videos into your posts/pages.',
                    'wp-smushit'
                );
                ?>
            </span>
        </div>
    </div>

    <?php
    foreach ( $settings_data as $name => $values ) {
        // If not CDN setting - skip.
        if ( ! in_array( $name, $cdn_group, true ) ) {
            continue;
        }

        $label = ! empty( $settings_data[ $name ]['short_label'] ) ? $settings_data[ $name ]['short_label'] : $settings_data[ $name ]['label'];

        // Show settings option.
        $this->settings_row( WP_SMUSH_PREFIX . $name, $label, $name, $settings[ $name ] );
    }
    ?>

    <div class="sui-box-settings-row">
        <div class="sui-box-settings-col-1">
            <span class="sui-settings-label">
                <?php esc_html_e( 'Deactivate', 'wp-smushit' ); ?>
            </span>
            <span class="sui-description">
            <?php
            esc_html_e(
                'If you no longer require your images to be hosted from our CDN, you can disable this feature.',
                'wp-smushit'
            );
            ?>
        </span>
        </div>
        <div class="sui-box-settings-col-2">
            <button class="sui-button sui-button-ghost" id="smush-cancel-cdn">
                <span class="sui-loading-text">
                    <i class="sui-icon-power-on-off" aria-hidden="true"></i>
                    <?php esc_html_e( 'Deactivate', 'wp-smushit' ); ?>
                </span>
                <i class="sui-icon-loader sui-loading" aria-hidden="true"></i>
            </button>
            <span class="sui-description">
            <?php
            esc_html_e(
                'Note: You won’t lose any images by deactivating, all of your attachments are still stored locally on your own server.',
                'wp-smushit'
            );
            ?>
            </span>
        </div>
    </div>
</form>