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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
|
<?php
defined( 'ABSPATH' ) || die( 'Cheatin’ uh?' );
?>
<div class="wrap imagify-settings imagify-bulk">
<?php $this->print_template( 'part-bulk-optimization-header' ); ?>
<div class="imagify-settings-section">
<div class="imagify-columns">
<div class="imagify-col col-overview">
<h2 class="imagify-h2-like">
<span class="dashicons dashicons-chart-line"></span>
<?php esc_html_e( 'Overview', 'imagify' ); ?>
</h2>
<div class="imagify-columns">
<div class="imagify-col col-statistics">
<h3 class="screen-reader-text"><?php esc_html_e( 'Statistics', 'imagify' ); ?></h3>
<div class="imagify-number-you-optimized">
<p>
<span id="imagify-total-optimized-attachments" class="number"><?php echo esc_html( $data['already_optimized_attachments'] ); ?></span>
<span class="text">
<?php
printf(
/* translators: you can use %s to include a line break. */
esc_html__( 'that\'s the number of original images%s you optimized with Imagify', 'imagify' ),
'<br>'
);
?>
</span>
</p>
</div>
<div class="imagify-bars">
<p><?php esc_html_e( 'Original size', 'imagify' ); ?></p>
<div class="imagify-bar-negative base-transparent right-outside-number">
<div id="imagify-original-bar" class="imagify-progress" style="width: 100%"><span class="imagify-barnb"><?php echo esc_html( $data['original_human'] ); ?></span></div>
</div>
<p><?php esc_html_e( 'Optimized size', 'imagify' ); ?></p>
<div class="imagify-bar-primary base-transparent right-outside-number">
<div id="imagify-optimized-bar" class="imagify-progress" style="width: <?php echo max( 100 - $data['optimized_percent'], 0 ); ?>%"><span class="imagify-barnb"><?php echo esc_html( $data['optimized_human'] ); ?></span></div>
</div>
</div>
<div class="imagify-number-you-optimized">
<p>
<span id="imagify-total-optimized-attachments-pct" class="number"><?php echo esc_html( number_format_i18n( $data['optimized_percent'] ) ); ?>%</span>
<span class="text">
<?php
printf(
/* translators: %s is a line break. */
esc_html__( 'that\'s the size you saved %sby using Imagify', 'imagify' ),
'<br>'
);
?>
</span>
</p>
</div>
</div><!-- .imagify-col.col-statistics -->
<div class="imagify-col col-chart">
<div class="imagify-chart-container imagify-overview-chart-container">
<canvas id="imagify-overview-chart" width="180" height="180" data-unoptimized="<?php echo esc_attr( $data['unoptimized_attachments'] ); ?>" data-optimized="<?php echo esc_attr( $data['optimized_attachments'] ); ?>" data-errors="<?php echo esc_attr( $data['errors_attachments'] ); ?>"></canvas>
<div id="imagify-overview-chart-percent" class="imagify-chart-percent"><?php echo esc_html( min( $data['optimized_attachments_percent'], 100 ) ); ?><span>%</span></div>
</div>
<div id="imagify-overview-chart-legend"></div>
<p class="imagify-global-optim-phrase imagify-clear">
<?php
printf(
/* translators: %s is a percentage. */
esc_html__( 'You optimized %s of your website\'s images', 'imagify' ),
'<span class="imagify-total-percent">' . esc_html( min( $data['optimized_attachments_percent'], 100 ) ) . '%</span>'
);
?>
</p>
</div><!-- .imagify-col -->
</div>
</div><!-- .imagify-col.col-overview -->
<div class="imagify-col imagify-account-info-col">
<?php
if ( ( ! defined( 'IMAGIFY_HIDDEN_ACCOUNT' ) || ! IMAGIFY_HIDDEN_ACCOUNT ) && Imagify_Requirements::is_api_key_valid() ) {
$user = new Imagify_User();
?>
<div class="imagify-options-title">
<p class="imagify-meteo-title">
<span class="dashicons dashicons-admin-users"></span>
<?php esc_html_e( 'Your Account', 'imagify' ); ?>
</p>
<a href="<?php echo esc_url( imagify_get_external_url( 'subscription' ) ); ?>" target="_blank"><?php _e( 'View your profile', 'imagify' ); ?></a>
<p class="imagify-meteo-subs">
<span class="screen-reader-text"><?php _e( 'Your subscription:', 'imagify' ); ?></span>
<strong class="imagify-user-plan imagify-user-plan-label"><?php echo $user->plan_label; ?></strong>
</p>
</div>
<?php if ( $user && 1 === $user->plan_id ) { ?>
<div class="imagify-col-content">
<div class="imagify-flex imagify-vcenter">
<span class="imagify-meteo-icon imagify-noshrink"><?php echo $this->get_quota_icon(); ?></span>
<div class="imagify-space-left imagify-full-width">
<p>
<?php
printf(
/* translators: %s is a data quota. */
__( 'You have %s space credit left', 'imagify' ),
'<span class="imagify-unconsumed-percent">' . $this->get_quota_percent() . '%</span>'
);
?>
</p>
<div class="<?php echo $this->get_quota_class(); ?>">
<div class="imagify-unconsumed-bar imagify-progress" style="width: <?php echo $this->get_quota_percent() . '%'; ?>;"></div>
</div>
</div>
</div>
<?php
/**
* Filter whether the plan chooser section is displayed.
*
* @param $show_new bool Default to true: display the section.
*/
if ( apply_filters( 'imagify_show_new_to_imagify', true ) ) {
?>
<div class="imagify-block-secondary">
<p class="imagify-section-title imagify-h3-like">
<?php
if ( ! $this->get_quota_percent() ) {
esc_html_e( 'Oops, It\'s Over!', 'imagify' );
} elseif ( $this->get_quota_percent() <= 20 ) {
esc_html_e( 'Oops, It\'s almost over!', 'imagify' );
} else {
esc_html_e( 'You\'re new to Imagify?', 'imagify' );
}
?>
</p>
<p><?php esc_html_e( 'Let us help you by analyzing your existing images and determine the best plan for you.', 'imagify' ); ?></p>
<button id="imagify-get-pricing-modal" data-nonce="<?php echo wp_create_nonce( 'imagify_get_pricing_' . get_current_user_id() ); ?>" data-target="#imagify-pricing-modal" type="button" class="imagify-modal-trigger imagify-button imagify-button-light imagify-button-big imagify-full-width">
<i class="dashicons dashicons-dashboard" aria-hidden="true"></i>
<span class="button-text"><?php _e( 'What plan do I need?', 'imagify' ); ?></span>
</button>
</div>
<?php
}
?>
</div><!-- .imagify-col-content -->
<?php } // End if(). ?>
<?php } // End if(). ?>
</div><!-- .imagify-account-info-col -->
</div><!-- .imagify-columns -->
<?php
$this->print_template( 'part-bulk-optimization-success' );
$this->print_template( 'part-bulk-optimization-table', $data );
// New Feature!
if ( ! empty( $data['no-custom-folders'] ) ) {
$this->print_template( 'part-bulk-optimization-newbie' );
}
?>
<div class="imagify-bulk-submit imagify-flex imagify-vcenter">
<div class="imagify-pr2">
<p>
<?php wp_nonce_field( 'imagify-bulk-optimize', 'imagifybulkuploadnonce' ); ?>
<button id="imagify-bulk-action" type="button" class="button button-primary">
<span class="dashicons dashicons-admin-generic"></span>
<span class="button-text"><?php _e( 'Imagif’em all', 'imagify' ); ?></span>
</button>
</p>
</div>
<?php if ( ! is_wp_error( get_imagify_max_image_size() ) ) { ?>
<p>
<?php
printf(
/* translators: %s is a file size. */
esc_html__( 'All images greater than %s (after resizing, if any) will be optimized when using a paid plan.', 'imagify' ),
esc_html( imagify_size_format( get_imagify_max_image_size() ) )
);
?>
</p>
<?php } ?>
</div><!-- .imagify-bulk-submit -->
</div><!-- .imagify-settings-section -->
<?php
$this->print_template( 'modal-payment' );
if ( Imagify_Requirements::is_api_key_valid() ) {
$display_infos = get_transient( 'imagify_bulk_optimization_infos' );
?>
<script type="text/html" id="tmpl-imagify-overquota-alert">
<?php $this->print_template( 'part-bulk-optimization-overquota-alert' ); ?>
</script>
<?php
if ( ! $display_infos ) {
?>
<script type="text/html" id="tmpl-imagify-bulk-infos">
<?php
$this->print_template( 'part-bulk-optimization-infos', array(
'quota' => $data['unconsumed_quota'],
'quota_class' => $data['quota_class'],
'library' => ! empty( $data['groups']['library'] ),
) );
?>
</script>
<?php
}
}
?>
<script type="text/html" id="tmpl-imagify-spinner">
<?php $this->print_template( 'part-bulk-optimization-spinner' ); ?>
</script>
</div>
<?php
|