<?php
if (!defined('ABSPATH')) {
exit;
}
class WC_Report_Customers extends WC_Admin_Report
{
public $chart_colours = array();
public $customers = array();
public function get_chart_legend()
{
$legend = array();
$legend[] = array('title' => sprintf(__('%s signups in this period', 'woocommerce'), '<strong>' . count($this->customers) . '</strong>'), 'color' => $this->chart_colours['signups'], 'highlight_series' => 2);
return $legend;
}
public function get_chart_widgets()
{
$widgets = array();
$widgets[] = array('title' => '', 'callback' => array($this, 'customers_vs_guests'));
return $widgets;
}
public function customers_vs_guests()
{
$customer_order_totals = $this->get_order_report_data(array('data' => array('ID' => array('type' => 'post_data', 'function' => 'COUNT', 'name' => 'total_orders')), 'where_meta' => array(array('meta_key' => '_customer_user', 'meta_value' => '0', 'operator' => '>')), 'filter_range' => true));
$guest_order_totals = $this->get_order_report_data(array('data' => array('ID' => array('type' => 'post_data', 'function' => 'COUNT', 'name' => 'total_orders')), 'where_meta' => array(array('meta_key' => '_customer_user', 'meta_value' => '0', 'operator' => '=')), 'filter_range' => true));
?>
<div class="chart-container">
<div class="chart-placeholder customers_vs_guests pie-chart" style="height:200px"></div>
<ul class="pie-chart-legend">
<li style="border-color: <?php
echo esc_attr($this->chart_colours['customers']);
?>"><?php
esc_html_e('Customer sales', 'woocommerce');
?></li>
<li style="border-color: <?php
echo esc_attr($this->chart_colours['guests']);
?>"><?php
esc_html_e('Guest sales', 'woocommerce');
?></li>
</ul>
</div>
<script type="text/javascript">
jQuery(function(){
jQuery.plot(
jQuery('.chart-placeholder.customers_vs_guests'),
[
{
label: '<?php
esc_html_e('Customer orders', 'woocommerce');
?>',
data: "<?php
echo esc_html($customer_order_totals->total_orders);
?>",
color: '<?php
echo esc_html($this->chart_colours['customers']);
?>'
},
{
label: '<?php
esc_html_e('Guest orders', 'woocommerce');
?>',
data: "<?php
echo esc_html($guest_order_totals->total_orders);
?>",
color: '<?php
echo esc_html($this->chart_colours['guests']);
?>'
}
],
{
grid: {
hoverable: true
},
series: {
pie: {
show: true,
radius: 1,
innerRadius: 0.6,
label: {
show: false
}
},
enable_tooltip: true,
append_tooltip: "<?php
echo esc_html(' ' . __('orders', 'woocommerce'));
?>",
},
legend: {
show: false
}
}
);
jQuery('.chart-placeholder.customers_vs_guests').trigger( 'resize' );
});
</script>
<?php
}
public function output_report()
{
$ranges = array('year' => __('Year', 'woocommerce'), 'last_month' => __('Last month', 'woocommerce'), 'month' => __('This month', 'woocommerce'), '7day' => __('Last 7 days', 'woocommerce'));
$this->chart_colours = array('signups' => '#3498db', 'customers' => '#1abc9c', 'guests' => '#8fdece');
$current_range = !empty($_GET['range']) ? sanitize_text_field(wp_unslash($_GET['range'])) : '7day';
if (!in_array($current_range, array('custom', 'year', 'last_month', 'month', '7day'), true)) {
$current_range = '7day';
}
$this->check_current_range_nonce($current_range);
$this->calculate_current_range($current_range);
$admin_users = new WP_User_Query(array('role' => 'administrator', 'fields' => 'ID'));
$manager_users = new WP_User_Query(array('role' => 'shop_manager', 'fields' => 'ID'));
$users_query = new WP_User_Query(apply_filters('woocommerce_admin_report_customers_user_query_args', array('fields' => array('user_registered'), 'exclude' => array_merge($admin_users->get_results(), $manager_users->get_results()))));
$this->customers = $users_query->get_results();
foreach ($this->customers as $key => $customer) {
if (strtotime($customer->user_registered) < $this->start_date || strtotime($customer->user_registered) > $this->end_date) {
unset($this->customers[$key]);
}
}
include WC()->plugin_path() . '/includes/admin/views/html-report-by-date.php';
}
public function get_export_button()
{
$current_range = !empty($_GET['range']) ? sanitize_text_field(wp_unslash($_GET['range'])) : '7day';
?>
<a
href="#"
download="report-<?php
echo esc_attr($current_range);
?>-<?php
echo esc_attr(date_i18n('Y-m-d', current_time('timestamp')));
?>.csv"
class="export_csv"
data-export="chart"
data-xaxes="<?php
esc_attr_e('Date', 'woocommerce');
?>"
data-groupby="<?php
echo esc_attr($this->chart_groupby);
?>"
>
<?php
esc_html_e('Export CSV', 'woocommerce');
?>
</a>
<?php
}
public function get_main_chart()
{
global $wp_locale;
$customer_orders = $this->get_order_report_data(array('data' => array('ID' => array('type' => 'post_data', 'function' => 'COUNT', 'name' => 'total_orders'), 'post_date' => array('type' => 'post_data', 'function' => '', 'name' => 'post_date')), 'where_meta' => array(array('meta_key' => '_customer_user', 'meta_value' => '0', 'operator' => '>')), 'group_by' => $this->group_by_query, 'order_by' => 'post_date ASC', 'query_type' => 'get_results', 'filter_range' => true));
$guest_orders = $this->get_order_report_data(array('data' => array('ID' => array('type' => 'post_data', 'function' => 'COUNT', 'name' => 'total_orders'), 'post_date' => array('type' => 'post_data', 'function' => '', 'name' => 'post_date')), 'where_meta' => array(array('meta_key' => '_customer_user', 'meta_value' => '0', 'operator' => '=')), 'group_by' => $this->group_by_query, 'order_by' => 'post_date ASC', 'query_type' => 'get_results', 'filter_range' => true));
$signups = $this->prepare_chart_data($this->customers, 'user_registered', '', $this->chart_interval, $this->start_date, $this->chart_groupby);
$customer_orders = $this->prepare_chart_data($customer_orders, 'post_date', 'total_orders', $this->chart_interval, $this->start_date, $this->chart_groupby);
$guest_orders = $this->prepare_chart_data($guest_orders, 'post_date', 'total_orders', $this->chart_interval, $this->start_date, $this->chart_groupby);
$chart_data = wp_json_encode(array('signups' => array_values($signups), 'customer_orders' => array_values($customer_orders), 'guest_orders' => array_values($guest_orders)));
?>
<div class="chart-container">
<div class="chart-placeholder main"></div>
</div>
<script type="text/javascript">
var main_chart;
jQuery(function(){
var chart_data = JSON.parse( decodeURIComponent( '<?php
echo rawurlencode($chart_data);
?>' ) );
var drawGraph = function( highlight ) {
var series = [
{
label: "<?php
echo esc_js(__('Customer orders', 'woocommerce'));
?>",
data: chart_data.customer_orders,
color: '<?php
echo esc_html($this->chart_colours['customers']);
?>',
bars: { fillColor: '<?php
echo esc_html($this->chart_colours['customers']);
?>', fill: true, show: true, lineWidth: 0, barWidth: <?php
echo esc_html($this->barwidth);
?> * 0.5, align: 'center' },
shadowSize: 0,
enable_tooltip: true,
append_tooltip: "<?php
echo esc_html(' ' . __('customer orders', 'woocommerce'));
?>",
stack: true,
},
{
label: "<?php
echo esc_js(__('Guest orders', 'woocommerce'));
?>",
data: chart_data.guest_orders,
color: '<?php
echo esc_html($this->chart_colours['guests']);
?>',
bars: { fillColor: '<?php
echo esc_html($this->chart_colours['guests']);
?>', fill: true, show: true, lineWidth: 0, barWidth: <?php
echo esc_html($this->barwidth);
?> * 0.5, align: 'center' },
shadowSize: 0,
enable_tooltip: true,
append_tooltip: "<?php
echo esc_html(' ' . __('guest orders', 'woocommerce'));
?>",
stack: true,
},
{
label: "<?php
echo esc_js(__('Signups', 'woocommerce'));
?>",
data: chart_data.signups,
color: '<?php
echo esc_html($this->chart_colours['signups']);
?>',
points: { show: true, radius: 5, lineWidth: 3, fillColor: '#fff', fill: true },
lines: { show: true, lineWidth: 4, fill: false },
shadowSize: 0,
enable_tooltip: true,
append_tooltip: "<?php
echo esc_html(' ' . __('new users', 'woocommerce'));
?>",
stack: false
},
];
if ( highlight !== 'undefined' && series[ highlight ] ) {
highlight_series = series[ highlight ];
highlight_series.color = '#9c5d90';
if ( highlight_series.bars )
highlight_series.bars.fillColor = '#9c5d90';
if ( highlight_series.lines ) {
highlight_series.lines.lineWidth = 5;
}
}
main_chart = jQuery.plot(
jQuery('.chart-placeholder.main'),
series,
{
legend: {
show: false
},
grid: {
color: '#aaa',
borderColor: 'transparent',
borderWidth: 0,
hoverable: true
},
xaxes: [ {
color: '#aaa',
position: "bottom",
tickColor: 'transparent',
mode: "time",
timeformat: "<?php
echo 'day' === $this->chart_groupby ? '%d %b' : '%b';
?>",
monthNames: JSON.parse( decodeURIComponent( '<?php
echo rawurlencode(wp_json_encode(array_values($wp_locale->month_abbrev)));
?>' ) ),
tickLength: 1,
minTickSize: [1, "<?php
echo esc_html($this->chart_groupby);
?>"],
tickSize: [1, "<?php
echo esc_html($this->chart_groupby);
?>"],
font: {
color: "#aaa"
}
} ],
yaxes: [
{
min: 0,
minTickSize: 1,
tickDecimals: 0,
color: '#ecf0f1',
font: { color: "#aaa" }
}
],
}
);
jQuery('.chart-placeholder').trigger( 'resize' );
}
drawGraph();
jQuery('.highlight_series').on( 'mouseenter',
function() {
drawGraph( jQuery(this).data('series') );
} ).on( 'mouseleave',
function() {
drawGraph();
}
);
});
</script>
<?php
}
}