part-bulk-optimization-statistic.php — Robin Image Optimizer – Unlimited Image Optimization, WebP & AVIF 2.0.6

robin-image-optimizer / views / part-bulk-optimization-statistic.php

robin-image-optimizer / views Last commit date

part-bulk-optimization-statistic.php

75 lines

1	<?php
2
3	defined( 'ABSPATH' ) \|\| die( 'Cheatin uh?' );
4
5	/**
6	* @var array $data
7	* @var WRIO_Page $page
8	*/
9
10	if ( isset( $data['scope'] ) ) {
11	$scope = $data['scope'];
12	}
13
14	$total_images = $data['stats']['optimized'] + $data['stats']['unoptimized'];
15	?>
16	<div class="wrio-cards-container">
17	<!-- Image Optimization Card -->
18	<div class="wrio-card">
19	<div class="wrio-card-title"><?php _e( 'Image Optimization', 'robin-image-optimizer' ); ?></div>
20	<div class="wrio-donut-container">
21	<canvas id="wio-main-chart" width="160" height="160"
22	data-unoptimized="<?php echo esc_attr( $data['stats']['unoptimized'] ); ?>"
23	data-optimized="<?php echo esc_attr( $data['stats']['optimized'] ); ?>"
24	data-errors="<?php echo esc_attr( $data['stats']['error'] ); ?>"
25	style="display: block;">
26	</canvas>
27	<div class="wrio-donut-percent">
28	<span id="wio-overview-chart-percent"><?php echo esc_attr( $data['stats']['optimized_percent'] ); ?></span><span>%</span>
29	</div>
30	</div>
31
32	<div class="wrio-legend">
33	<div class="wrio-legend-item">
34	<span class="wrio-legend-dot gray"></span>
35	<?php _e( 'Unoptimized', 'robin-image-optimizer' ); ?> - <span id="wio-unoptimized-num"><?php echo esc_attr( $data['stats']['unoptimized'] ); ?></span>
36	</div>
37	<div class="wrio-legend-item">
38	<span class="wrio-legend-dot green"></span>
39	<?php _e( 'Optimized', 'robin-image-optimizer' ); ?> - <span id="wio-optimized-num"><?php echo esc_attr( $data['stats']['optimized'] ); ?></span>
40	</div>
41	<div class="wrio-legend-item">
42	<span class="wrio-legend-dot red"></span>
43	<?php _e( 'Error', 'robin-image-optimizer' ); ?> - <span id="wio-error-num"><?php echo esc_attr( $data['stats']['error'] ); ?></span>
44	</div>
45	</div>
46
47	<div class="wrio-size-info">
48	<div class="wrio-size-row">
49	<span><?php _e( 'Original size', 'robin-image-optimizer' ); ?></span>
50	<span id="wio-original-size"><?php echo esc_attr( wrio_convert_bytes( $data['stats']['original_size'] ) ); ?></span>
51	</div>
52	<div class="wrio-size-bar">
53	<div class="wrio-size-bar-fill" style="width: 100%"></div>
54	</div>
55	<div class="wrio-size-row">
56	<span><?php _e( 'Optimized size', 'robin-image-optimizer' ); ?></span>
57	<span id="wio-optimized-size"><?php echo esc_attr( wrio_convert_bytes( $data['stats']['optimized_size'] ) ); ?></span>
58	</div>
59	<div class="wrio-size-bar">
60	<div id="wio-optimized-bar" class="wrio-size-bar-fill optimized" style="width: <?php echo esc_attr( isset( $data['stats']['percent_line'] ) ? $data['stats']['percent_line'] : 0 ); ?>%"></div>
61	</div>
62	<div class="wrio-size-row">
63	<span><?php _e( 'Total saved', 'robin-image-optimizer' ); ?></span>
64	<span id="wio-total-saved" class="wrio-green"><?php echo esc_attr( $data['stats']['save_size_percent'] ); ?>%</span>
65	</div>
66	</div>
67
68	<div class="wrio-card-footer">
69	<?php $this->print_template( 'part-bulk-optimization-button', $data, $page ); ?>
70	</div>
71	</div>
72	</div>
73
74	<div class="wrio-statistic-message"></div>
75