real-time.blade.php — Independent Analytics – WordPress Analytics Plugin 2.15.0

independent-analytics / views / real-time.blade.php

independent-analytics / views Last commit date

click-tracking 2 days ago date-picker 2 days ago email 2 days ago examiner 3 months ago icons 2 days ago integrations 2 days ago interrupt 2 days ago journeys 2 days ago notices 6 months ago overview 2 days ago partials 2 days ago settings 2 days ago tables 2 days ago campaign-builder.blade.php 2 months ago chart.blade.php 11 months ago debug.blade.php 11 months ago plugin-group-options.blade.php 2 days ago quick-stat-loading.blade.php 11 months ago quick-stat.blade.php 2 days ago quick-stats.blade.php 2 days ago real-time.blade.php 2 days ago support.blade.php 6 months ago updates.blade.php 2 days ago woocommerce-order-meta-box.blade.php 2 days ago

real-time.blade.php

171 lines

1	<div data-controller="real-time"
2	data-real-time-chart-data-value="<?php echo esc_attr(json_encode($chart_data)) ?>"
3	data-real-time-starting-at-value="<?php echo esc_attr($starting_at) ?>"
4	data-real-time-nonce-value="<?php echo wp_create_nonce('iawp_real_time') ?>"
5	data-chart-locale-value="<?php echo esc_attr(get_bloginfo('language')); ?>"
6	>
7	<div id="report-title-bar" class="report-title-bar">
8	<div class="primary-report-title-container">
9	<h1 class="report-title"><?php esc_html_e('Real-Time', 'independent-analytics'); ?></h1>
10	</div>
11
12	<div class="buttons">
13	<button data-action="real-time#toggleLiveRefreshing"
14	class="iawp-button real-time-pause"
15	data-real-time-target="pauseButton"
16	data-pause-title="<?php echo esc_attr_e('Pause updates') ?>"
17	data-play-title="<?php echo esc_attr_e('Resume updates') ?>"
18	>
19	<span class="real-time-progress-bar"></span>
20	<span class="dashicons dashicons-controls-pause"></span>
21	<span class="dashicons dashicons-controls-play"></span>
22	</button>
23	<button id="favorite-report-button"
24	class="iawp-button favorite <?php echo $env->is_favorite('real-time') ? 'active' : ''; ?>"
25	data-controller="set-favorite-report"
26	data-set-favorite-report-type-value="real-time"
27	data-action="set-favorite-report#toggleFavoriteReport"
28	data-unfavorited-text="<?php echo esc_attr_e('Use as default report') ?>"
29	data-favorited-text="<?php echo esc_attr_e('Remove as default report') ?>"
30	>
31	<span class="dashicons dashicons-star-filled"></span>
32	</button>
33	</div>
34	</div>
35
36
37	<div id="real-time-dashboard" class="real-time-dashboard refreshed">
38	<div class="real-time-grid">
39	<div class="summary-container">
40	<p class="summary-container-circle">
41	<span data-real-time-target="visitorMessage"
42	data-testid="real-time-title"><?php echo esc_html($visitors) ?></span>
43	</p>
44
45	<p class="summary-container-label">
46	<span><?php esc_html_e('Active Visitors', 'independent-analytics'); ?></span>
47	<button type="button" popovertarget="real-time-help">
48	<span class="dashicons dashicons-info-outline"></span>
49	</button>
50	</p>
51
52
53	<div id="real-time-help" popover class="real-time-help">
54	<p>
55	<?php esc_html_e("Active Visitors is the number of people who have viewed a page within the last 5 minutes", 'independent-analytics'); ?>
56	</p>
57	</div>
58
59	<div class="summary-filter" data-real-time-target="summaryFilter">
60	<div class="summary-no-filter">
61	<span class="dashicons dashicons-filter"></span> <?php esc_html_e('No filters applied', 'independent-analytics') ?>
62	</div>
63	<div class="summary-with-filter">
64	<span class="summary-with-filter-text">
65	<span class="dashicons dashicons-filter"></span>
66	<span data-real-time-target="summaryWithFilterText"></span>
67	</span>
68	<button class="remove-filter" data-action="real-time#removeFilter">
69	<span class="dashicons dashicons-no-alt"></span>
70	<span class="dashicons dashicons-update iawp-spin"></span>
71	</button>
72	</div>
73	</div>
74
75	</div>
76
77	<div class="chart-container">
78	<div class="chart-inner">
79	<div class="legend-container">
80	<h2 class="legend-title"><?php esc_html_e('Recent Activity', 'independent-analytics') ?></h2>
81	<div class="legend"></div>
82	</div>
83	<div class="chart-canvas-container">
84	<canvas data-real-time-target="realTimeChart"></canvas>
85	</div>
86	</div>
87	</div>
88
89	<?php foreach ($lists as $list) : ?>
90	<div class="most-popular-list"
91	data-list-id="<?php echo esc_attr($list['id']); ?>"
92	data-group-id="<?php echo esc_attr($list['group_id']); ?>"
93	data-real-time-target="<?php echo esc_attr($list['id']) ?>List"
94	data-testid="<?php echo esc_attr(sanitize_title($list['title'])); ?>">
95	<div class="heading">
96	<?php echo $list['icon'] ?>
97	<span class="heading-title"><?php echo esc_html($list['title']) ?></span>
98	<?php if (count($list['groups']) === 1): ?>
99	<select name="" id=""></select>
100	<?php else: ?>
101	<select name="" id="" class="" data-action="real-time#changeGroup">
102	<?php foreach ($list['groups'] as $group): ?>
103	<option <?php selected($group[0], $list['group_id']) ?> value="<?php echo esc_attr($group[0]) ?>"><?php echo esc_html($group[1]) ?></option>
104	<?php endforeach; ?>
105	</select>
106	<?php endif; ?>
107	</div>
108	<div class="subheading">
109	<span class="group-title"><?php echo $list['group_title'] ?></span>
110	<span class="group-count">(<?php echo $list['count'] ?>)</span>
111	<div class="group-column"><?php esc_html_e('Visitors', 'independent-analytics'); ?></div>
112	</div>
113	<ol class="short">
114	<?php foreach ($list['entries'] as $index => $item): ?>
115	<li data-id="<?php echo esc_attr($item['id']) ?>"
116	data-position="<?php echo esc_attr($index + 1); ?>"
117	data-group="<?php esc_attr_e($list['group_title']); ?>"
118	data-name="<?php esc_attr_e($item['title']); ?>"
119	class="<?php echo $item['blank'] ?? false ? 'is-blank' : '' ?>"
120	>
121	<span class="real-time-position"><?php echo absint($index + 1) ?></span>
122	<?php if (!empty($item['icon'])): ?>
123	<?php echo $item['icon'] ?>
124	<?php endif; ?>
125	<button class="list-item-filter" data-action="real-time#applyFilter">
126	<span class="list-item-filter-icons">
127	<span class="dashicons dashicons-filter"></span>
128	<span class="dashicons dashicons-remove"></span>
129	<span class="dashicons dashicons-update iawp-spin"></span>
130	</span>
131	</button>
132	<span class="real-time-resource">
133	<?php echo esc_html($item['title']) ?>
134	<?php if (!empty($item['subtitle'])): ?>
135	<span class="real-time-subtitle"><?php echo esc_html($item['subtitle']); ?></span>
136	<?php endif; ?>
137	</span>
138	<span class="real-time-stat"><?php echo $item['visitors'] ?></span>
139	</li>
140	<?php endforeach; ?>
141	</ol>
142	<p class="most-popular-empty-message"><?php echo $list['empty']; ?></p>
143	</div>
144	<?php endforeach; ?>
145
146	<div class="most-popular-list world-map"
147	data-testid="<?php // echo esc_attr(sanitize_title($list['title'])); ?>">
148	<div class="heading">
149	<?php echo iawp_render('icons.geo') ?>
150	<span class="heading-title"><?php // echo esc_html($list['title']) ?></span>
151	<span class="heading-title">World Map</span>
152	<select></select>
153	</div>
154	<div class="real-time-map">
155	<div id="independent-analytics-chart"
156	data-controller="map"
157	data-map-data-value="<?php echo esc_attr(json_encode($country_data)) ?>"
158	data-map-flags-url-value="<?php echo iawp_url_to('/img/flags') ?>"
159	data-map-locale-value="<?php echo get_bloginfo('language') ?>"
160	>
161	<div data-map-target="chart"></div>
162	</div>
163	</div>
164	<p class="most-popular-empty-message <?php echo count($list['entries']) > 0 ? esc_attr('hide') : '' ?>"><?php esc_html_e('No results in the last 5 minutes.', 'independent-analytics') ?></p>
165	</div>
166
167
168	</div>
169	</div>
170	</div>
171