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