313 lines
14 KiB
PHP
313 lines
14 KiB
PHP
<script type="text/javascript">
|
|
jQuery(document).ready(function () {
|
|
postboxes.add_postbox_toggles(pagenow);
|
|
});
|
|
</script>
|
|
<?php
|
|
//Set Default Time Picker Option
|
|
list( $daysToDisplay, $rangestart, $rangeend ) = wp_statistics_prepare_range_time_picker();
|
|
list( $daysToDisplay, $rangestart_utime, $rangeend_utime ) = wp_statistics_date_range_calculator(
|
|
$daysToDisplay,
|
|
$rangestart,
|
|
$rangeend
|
|
);
|
|
|
|
$rangestartdate = $WP_Statistics->real_current_date( 'Y-m-d', '-0', $rangestart_utime );
|
|
$rangeenddate = $WP_Statistics->real_current_date( 'Y-m-d', '-0', $rangeend_utime );
|
|
|
|
// Browsers
|
|
$Browsers = wp_statistics_ua_list();
|
|
if ( ! is_array( $Browsers ) ) {
|
|
$Browsers = array();
|
|
}
|
|
|
|
natcasesort( $Browsers );
|
|
$BrowserVisits = array();
|
|
$total = 0;
|
|
foreach ( $Browsers as $Browser ) {
|
|
//Get List Of count Visitor By Agent
|
|
$BrowserVisits[ $Browser ] = wp_statistics_useragent( $Browser, $rangestartdate, $rangeenddate );
|
|
//Sum This agent
|
|
$total += $BrowserVisits[ $Browser ];
|
|
}
|
|
|
|
//Add Unknown Agent to total
|
|
$total += $other_agent_count = $wpdb->get_var( 'SELECT COUNT(*) FROM `' . $wpdb->prefix . 'statistics_visitor` WHERE `last_counter` BETWEEN \'' . $rangestartdate . '\' AND \'' . $rangeenddate . '\' AND `agent` NOT IN (\'' . implode( "','", $Browsers ) . '\')' );
|
|
|
|
$browser_name = array();
|
|
$i = 0;
|
|
$browser_value = array();
|
|
$browser_color = array();
|
|
|
|
foreach ( $BrowserVisits as $key => $value ) {
|
|
if ( $value > 0 ) {
|
|
$i ++;
|
|
$browser_name[] = "'" . wp_statistics_get_browser_list( strtolower( $key ) ) . "'";
|
|
$browser_value[] = $value;
|
|
$browser_color[] = wp_statistics_generate_rgba_color( $i, '0.4' );
|
|
}
|
|
}
|
|
|
|
//Add Unknown Agent
|
|
if ( $other_agent_count > 0 ) {
|
|
$browser_name[] = "'" . __( 'Other', 'wp-statistics' ) . "'";
|
|
$browser_value[] = $other_agent_count;
|
|
$browser_color[] = wp_statistics_generate_rgba_color( 10, '0.4' );
|
|
}
|
|
|
|
// Platforms
|
|
$Platforms = wp_statistics_platform_list( null, $rangestartdate, $rangeenddate );
|
|
if ( ! is_array( $Platforms ) ) {
|
|
$Platforms = array();
|
|
}
|
|
|
|
natcasesort( $Platforms );
|
|
$PlatformVisits = array();
|
|
foreach ( $Platforms as $Platform ) {
|
|
$PlatformVisits[ $Platform ] = wp_statistics_platform( $Platform );
|
|
}
|
|
|
|
$i = 0;
|
|
foreach ( $PlatformVisits as $key => $value ) {
|
|
$i ++;
|
|
$platform_name[] = "'" . $key . "'";
|
|
$platform_value[] = $value;
|
|
$platform_color[] = wp_statistics_generate_rgba_color( $i, '0.4' );
|
|
}
|
|
?>
|
|
<div class="wrap wps-wrap">
|
|
<?php WP_Statistics_Admin_Pages::show_page_title( __( 'Browser Statistics', 'wp-statistics' ) ); ?>
|
|
<div><?php wp_statistics_date_range_selector( WP_Statistics::$page['browser'], $daysToDisplay ); ?></div>
|
|
<div class="postbox-container" style="width: 48%; float: left; margin-right:20px">
|
|
<div class="metabox-holder">
|
|
<div class="meta-box-sortables">
|
|
<div class="postbox">
|
|
<?php $paneltitle = __( 'Browsers', 'wp-statistics' ); ?>
|
|
<button class="handlediv" type="button" aria-expanded="true">
|
|
<span class="screen-reader-text"><?php printf( __( 'Toggle panel: %s', 'wp-statistics' ), $paneltitle ); ?></span>
|
|
<span class="toggle-indicator" aria-hidden="true"></span>
|
|
</button>
|
|
<h2 class="hndle"><span><?php echo $paneltitle; ?></span></h2>
|
|
<div class="inside">
|
|
<canvas id="browsers-log" height="200"></canvas>
|
|
<script>
|
|
var ctx = document.getElementById("browsers-log").getContext('2d');
|
|
<?php if(is_rtl()) { ?> Chart.defaults.global.defaultFontFamily = "tahoma"; <?php } ?>
|
|
var ChartJs = new Chart(ctx, {
|
|
type: 'pie',
|
|
data: {
|
|
labels: [<?php echo implode( ', ', $browser_name ); ?>],
|
|
datasets: [{
|
|
label: '<?php _e( 'Browsers', 'wp-statistics' ); ?>',
|
|
data: [<?php echo implode( ', ', $browser_value ); ?>],
|
|
backgroundColor: [<?php echo implode( ', ', $browser_color ); ?>],
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
legend: {
|
|
position: 'bottom',
|
|
},
|
|
tooltips: {
|
|
callbacks: {
|
|
label: function (tooltipItem, data) {
|
|
var dataset = data.datasets[tooltipItem.datasetIndex];
|
|
var total = dataset.data.reduce(function (previousValue, currentValue, currentIndex, array) {
|
|
return previousValue + currentValue;
|
|
});
|
|
var currentValue = dataset.data[tooltipItem.index];
|
|
var precentage = Math.floor(((currentValue / total) * 100) + 0.5);
|
|
return precentage + "% - " + data.labels[tooltipItem.index];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="postbox-container" style="width: 48%; float: left; margin-right:20px">
|
|
<div class="metabox-holder">
|
|
<div class="meta-box-sortables">
|
|
<div class="postbox">
|
|
<?php $paneltitle = __( 'Platform', 'wp-statistics' ); ?>
|
|
<button class="handlediv" type="button" aria-expanded="true">
|
|
<span class="screen-reader-text"><?php printf(
|
|
__( 'Toggle panel: %s', 'wp-statistics' ),
|
|
$paneltitle
|
|
); ?></span>
|
|
<span class="toggle-indicator" aria-hidden="true"></span>
|
|
</button>
|
|
<h2 class="hndle"><span><?php echo $paneltitle; ?></span></h2>
|
|
|
|
<div class="inside">
|
|
<canvas id="platforms-log" height="200"></canvas>
|
|
<script>
|
|
var ctx = document.getElementById("platforms-log").getContext('2d');
|
|
<?php if(is_rtl()) { ?> Chart.defaults.global.defaultFontFamily = "tahoma"; <?php } ?>
|
|
var ChartJs = new Chart(ctx, {
|
|
type: 'pie',
|
|
data: {
|
|
labels: [<?php echo implode( ', ', $platform_name ); ?>],
|
|
datasets: [{
|
|
label: '<?php _e( 'Platforms', 'wp-statistics' ); ?>',
|
|
data: [<?php echo implode( ', ', $platform_value ); ?>],
|
|
backgroundColor: [<?php echo implode( ', ', $platform_color ); ?>],
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
legend: {
|
|
position: 'bottom',
|
|
},
|
|
tooltips: {
|
|
callbacks: {
|
|
label: function (tooltipItem, data) {
|
|
var dataset = data.datasets[tooltipItem.datasetIndex];
|
|
var total = dataset.data.reduce(function (previousValue, currentValue, currentIndex, array) {
|
|
return previousValue + currentValue;
|
|
});
|
|
var currentValue = dataset.data[tooltipItem.index];
|
|
var precentage = Math.floor(((currentValue / total) * 100) + 0.5);
|
|
return precentage + "% - " + data.labels[tooltipItem.index];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="width: 100%; clear: both;">
|
|
<hr/>
|
|
</div>
|
|
|
|
<div class="postbox-container" style="width: 30%; float: left; margin-right: 20px;">
|
|
<div class="metabox-holder">
|
|
<div class="meta-box-sortables">
|
|
<?php
|
|
$BrowsersCount = count( $Browsers );
|
|
for ( $BrowserCount = 0; $BrowserCount < $BrowsersCount; $BrowserCount ++ ) {
|
|
if ( $BrowserCount % 3 == 0 ) {
|
|
wp_statistics_browser_version_stats( $Browsers[ $BrowserCount ], $rangestartdate, $rangeenddate );
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="postbox-container" style="width: 30%; float: left; margin-right: 20px;">
|
|
<div class="metabox-holder">
|
|
<div class="meta-box-sortables">
|
|
<?php
|
|
for ( $BrowserCount = 0; $BrowserCount < $BrowsersCount; $BrowserCount ++ ) {
|
|
if ( $BrowserCount % 3 == 1 ) {
|
|
wp_statistics_browser_version_stats( $Browsers[ $BrowserCount ], $rangestartdate, $rangeenddate );
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="postbox-container" style="width: 30%; float: left">
|
|
<div class="metabox-holder">
|
|
<div class="meta-box-sortables">
|
|
<?php
|
|
for ( $BrowserCount = 0; $BrowserCount < $BrowsersCount; $BrowserCount ++ ) {
|
|
if ( $BrowserCount % 3 == 2 ) {
|
|
wp_statistics_browser_version_stats( $Browsers[ $BrowserCount ], $rangestartdate, $rangeenddate );
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
function wp_statistics_browser_version_stats( $Browser, $rangestartdate, $rangeenddate ) {
|
|
$id = 'browser-stats-' . $Browser;
|
|
$browser_tag = strtolower( preg_replace( '/[^a-zA-Z]/', '', $Browser ) );
|
|
$versions = wp_statistics_agent_version_list( $Browser, $rangestartdate, $rangeenddate );
|
|
$version_name = array();
|
|
$version_value = array();
|
|
$browser_color = array();
|
|
$i = 0;
|
|
|
|
if ( count( $versions ) < 10 ) {
|
|
return;
|
|
}
|
|
|
|
foreach ( $versions as $key => $value ) {
|
|
$i ++;
|
|
$version_value[ $value ] = wp_statistics_agent_version( $Browser, $value, $rangestartdate, $rangeenddate );
|
|
$version_color[] = wp_statistics_generate_rgba_color( $i, '0.4' );
|
|
}
|
|
|
|
natcasesort( $version_value );
|
|
$version_value = array_slice( $version_value, - 20 );
|
|
|
|
foreach ( $version_value as $key => $value ) {
|
|
$version_name[] = "'" . $key . "'";
|
|
}
|
|
?>
|
|
<div class="postbox">
|
|
<?php $paneltitle = sprintf( __( '%s Version', 'wp-statistics' ), wp_statistics_get_browser_list( strtolower( $Browser ) ) ); ?>
|
|
<button class="handlediv" type="button" aria-expanded="true">
|
|
<span class="screen-reader-text"><?php printf(
|
|
__( 'Toggle panel: %s', 'wp-statistics' ),
|
|
$paneltitle
|
|
); ?></span>
|
|
<span class="toggle-indicator" aria-hidden="true"></span>
|
|
</button>
|
|
<h2 class="hndle"><span><?php echo $paneltitle; ?></span></h2>
|
|
|
|
<div class="inside">
|
|
<canvas id="<?php echo $id; ?>" height="250"></canvas>
|
|
<script>
|
|
var ctx = document.getElementById("<?php echo $id; ?>").getContext('2d');
|
|
<?php if(is_rtl()) { ?> Chart.defaults.global.defaultFontFamily = "tahoma"; <?php } ?>
|
|
var ChartJs = new Chart(ctx, {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: [<?php echo implode( ', ', $version_name ); ?>],
|
|
datasets: [{
|
|
label: '<?php _e( 'Platforms', 'wp-statistics' ); ?>',
|
|
data: [<?php echo implode( ', ', $version_value ); ?>],
|
|
backgroundColor: [<?php echo implode( ', ', $version_color ); ?>],
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
tooltips: {
|
|
callbacks: {
|
|
label: function (tooltipItem, data) {
|
|
var dataset = data.datasets[tooltipItem.datasetIndex];
|
|
var total = dataset.data.reduce(function (previousValue, currentValue, currentIndex, array) {
|
|
return previousValue + currentValue;
|
|
});
|
|
var currentValue = dataset.data[tooltipItem.index];
|
|
var precentage = Math.floor(((currentValue / total) * 100) + 0.5);
|
|
return precentage + "% - " + data.labels[tooltipItem.index];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|