AJAX
3 years ago
Date_Range
3 years ago
Interval
3 years ago
Menu_Bar_Stats
3 years ago
Migrations
3 years ago
Models
3 years ago
Queries
3 years ago
Statistics
3 years ago
Tables
3 years ago
Utils
3 years ago
Campaign_Builder.php
3 years ago
Capability_Manager.php
3 years ago
Chart.php
3 years ago
Chart_Geo.php
3 years ago
Chart_SVG.php
3 years ago
Dashboard_Options.php
3 years ago
Dashboard_Widget.php
3 years ago
Email_Reports.php
3 years ago
Filters.php
3 years ago
Geo_Database.php
3 years ago
Geo_Database_Download_Job.php
3 years ago
Health_Check.php
3 years ago
Illuminate_Builder.php
3 years ago
Independent_Analytics.php
3 years ago
Known_Referrers.php
3 years ago
PDF.php
3 years ago
Query.php
3 years ago
Quick_Stats.php
3 years ago
REST_API.php
3 years ago
Real_Time.php
3 years ago
Reset_Database.php
3 years ago
Resource_Identifier.php
3 years ago
Settings.php
3 years ago
Sort_Configuration.php
3 years ago
Track_Resource_Changes.php
3 years ago
View.php
3 years ago
View_Counter.php
3 years ago
WP_Option_Cache_Bust.php
3 years ago
WooCommerce_Order.php
3 years ago
Chart_Geo.php
80 lines
| 1 | <?php |
| 2 | |
| 3 | namespace IAWP_SCOPED\IAWP; |
| 4 | |
| 5 | class Chart_Geo |
| 6 | { |
| 7 | private $geos; |
| 8 | private $title; |
| 9 | public function __construct($geos, $title = null) |
| 10 | { |
| 11 | $this->geos = $geos; |
| 12 | $this->title = $title; |
| 13 | } |
| 14 | private function get_tooltip(Models\Geo $geo) : string |
| 15 | { |
| 16 | $geo->flag(); |
| 17 | \ob_start(); |
| 18 | ?> |
| 19 | <div class="iawp-geo-chart-tooltip"> |
| 20 | <img class="flag" alt="Country flag" src="<?php |
| 21 | echo $geo->flag(); |
| 22 | ?>"/> |
| 23 | <h1><?php |
| 24 | echo $geo->country(); |
| 25 | ?></h1> |
| 26 | <p><span><?php |
| 27 | \_e('Views'); |
| 28 | ?>: </span> <?php |
| 29 | echo $geo->views(); |
| 30 | ?></p> |
| 31 | <p><span><?php |
| 32 | \_e('Visitors'); |
| 33 | ?>: </span><?php |
| 34 | echo $geo->visitors(); |
| 35 | ?> </p> |
| 36 | <p><span><?php |
| 37 | \_e('Sessions'); |
| 38 | ?>: </span><?php |
| 39 | echo $geo->sessions(); |
| 40 | ?> </p> |
| 41 | </div> |
| 42 | <?php |
| 43 | $html = \ob_get_contents(); |
| 44 | \ob_end_clean(); |
| 45 | return $html; |
| 46 | } |
| 47 | public function get_html() |
| 48 | { |
| 49 | $chart_data = \array_map(function ($geo) { |
| 50 | return [$geo->country(), $geo->views(), $this->get_tooltip($geo)]; |
| 51 | }, $this->geos); |
| 52 | $dark_mode = \IAWP_SCOPED\iawp()->get_option('iawp_dark_mode', '0'); |
| 53 | \ob_start(); |
| 54 | ?> |
| 55 | <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> |
| 56 | <div class="chart-container"> |
| 57 | <div class="chart-inner"> |
| 58 | <div class="legend-container"> |
| 59 | <h2 class="legend-title"><?php |
| 60 | echo $this->title; |
| 61 | ?></h2> |
| 62 | </div> |
| 63 | <div id="myChart" |
| 64 | data-controller="chart-geo" |
| 65 | data-chart-geo-data-value="<?php |
| 66 | \esc_attr_e(\json_encode($chart_data)); |
| 67 | ?>" |
| 68 | data-chart-geo-dark-mode-value="<?php |
| 69 | \esc_attr_e($dark_mode); |
| 70 | ?>"> |
| 71 | <div data-chart-geo-target="chart"></div> |
| 72 | </div> |
| 73 | </div> |
| 74 | </div><?php |
| 75 | $html = \ob_get_contents(); |
| 76 | \ob_end_clean(); |
| 77 | return $html; |
| 78 | } |
| 79 | } |
| 80 |