Reports with chart
This commit is contained in:
Ibnu Maksum
parent
0fa78966ef
commit
0fae434c1b
@ -147,6 +147,105 @@ switch ($action) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
|
case 'line':
|
||||||
|
$query = ORM::for_table('tbl_transactions')
|
||||||
|
->whereRaw("UNIX_TIMESTAMP(CONCAT(`recharged_on`,' ',`recharged_time`)) >= " . strtotime("$sd $ts"))
|
||||||
|
->whereRaw("UNIX_TIMESTAMP(CONCAT(`recharged_on`,' ',`recharged_time`)) <= " . strtotime("$ed $te"))
|
||||||
|
->order_by_desc('id');
|
||||||
|
if (count($tps) > 0) {
|
||||||
|
$query->where_in('type', $tps);
|
||||||
|
}
|
||||||
|
if (count($mts) > 0) {
|
||||||
|
if (count($mts) != count($methods)) {
|
||||||
|
foreach ($mts as $mt) {
|
||||||
|
$query->where_like('method', "$mt - %");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (count($rts) > 0) {
|
||||||
|
$query->where_in('routers', $rts);
|
||||||
|
}
|
||||||
|
if (count($plns) > 0) {
|
||||||
|
$query->where_in('plan_name', $plns);
|
||||||
|
}
|
||||||
|
$datas = $query->find_array();
|
||||||
|
$period = new DatePeriod(
|
||||||
|
new DateTime($sd),
|
||||||
|
new DateInterval('P1D'),
|
||||||
|
new DateTime($ed)
|
||||||
|
);
|
||||||
|
$pos = 0;
|
||||||
|
$dates = [];
|
||||||
|
foreach ($period as $key => $value) {
|
||||||
|
$dates[] = $value->format('Y-m-d');
|
||||||
|
}
|
||||||
|
$dates = array_reverse($dates);
|
||||||
|
$result = [];
|
||||||
|
$temp;
|
||||||
|
foreach ($dates as $date) {
|
||||||
|
$result['labels'][] = $date;
|
||||||
|
// type
|
||||||
|
foreach ($tps as $key) {
|
||||||
|
if (!isset($temp[$key][$date])) {
|
||||||
|
$temp[$key][$date] = 0;
|
||||||
|
}
|
||||||
|
foreach ($datas as $data) {
|
||||||
|
if ($data['recharged_on'] == date('Y-m-d', strtotime($date)) && $data['type'] == $key) {
|
||||||
|
$temp[$key][$date] += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//plan
|
||||||
|
foreach ($plns as $key) {
|
||||||
|
if (!isset($temp[$key][$date])) {
|
||||||
|
$temp[$key][$date] = 0;
|
||||||
|
}
|
||||||
|
foreach ($datas as $data) {
|
||||||
|
if ($data['recharged_on'] == date('Y-m-d', strtotime($date)) && $data['plan_name'] == $key) {
|
||||||
|
$temp[$key][$date] += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//method
|
||||||
|
foreach ($mts as $key) {
|
||||||
|
if (!isset($temp[$key][$date])) {
|
||||||
|
$temp[$key][$date] = 0;
|
||||||
|
}
|
||||||
|
foreach ($datas as $data) {
|
||||||
|
if ($data['recharged_on'] == date('Y-m-d', strtotime($date)) && strpos($data['method'], $key) !== false) {
|
||||||
|
$temp[$key][$date] += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($rts as $key) {
|
||||||
|
if (!isset($temp[$key][$date])) {
|
||||||
|
$temp[$key][$date] = 0;
|
||||||
|
}
|
||||||
|
foreach ($datas as $data) {
|
||||||
|
if ($data['recharged_on'] == date('Y-m-d', strtotime($date)) && $data['routers'] == $key) {
|
||||||
|
$temp[$key][$date] += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$pos++;
|
||||||
|
if ($pos > 29) {
|
||||||
|
// only 30days
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
foreach ($temp as $key => $value) {
|
||||||
|
$array = ['label' => $key];
|
||||||
|
$total = 0;
|
||||||
|
foreach ($value as $k => $v) {
|
||||||
|
$total += $v;
|
||||||
|
$array['data'][] = $v;
|
||||||
|
}
|
||||||
|
if($total>0){
|
||||||
|
$result['datas'][] = $array;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break;
|
||||||
default:
|
default:
|
||||||
$result = ['labels' => [], 'datas' => []];
|
$result = ['labels' => [], 'datas' => []];
|
||||||
}
|
}
|
||||||
@ -285,6 +384,6 @@ switch ($action) {
|
|||||||
$ui->assign('dr', $dr);
|
$ui->assign('dr', $dr);
|
||||||
$ui->assign('mdate', $mdate);
|
$ui->assign('mdate', $mdate);
|
||||||
run_hook('view_daily_reports'); #HOOK
|
run_hook('view_daily_reports'); #HOOK
|
||||||
$ui->display('reports-daily.tpl');
|
$ui->display('reports.tpl');
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -700,5 +700,6 @@
|
|||||||
"User_Cannot_change_this__only_admin__if_it_Empty_it_will_use_Customer_Credentials": "User Cannot change this, only admin. if it Empty it will use Customer Credentials",
|
"User_Cannot_change_this__only_admin__if_it_Empty_it_will_use_Customer_Credentials": "User Cannot change this, only admin. if it Empty it will use Customer Credentials",
|
||||||
"Failed_to_buy_package": "Failed to buy package",
|
"Failed_to_buy_package": "Failed to buy package",
|
||||||
"New_Voucher_Created": "New Voucher Created",
|
"New_Voucher_Created": "New Voucher Created",
|
||||||
"New_Voucher_for_10mbps_Created": "New Voucher for 10mbps Created"
|
"New_Voucher_for_10mbps_Created": "New Voucher for 10mbps Created",
|
||||||
|
"Show_Chart": "Show Chart"
|
||||||
}
|
}
|
||||||
@ -8,6 +8,13 @@
|
|||||||
<h3 class="box-title">{Lang::T('Filter')}</h3>
|
<h3 class="box-title">{Lang::T('Filter')}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="filter_box" class="box-body hidden-xs hidden-sm hidden-md">
|
<div id="filter_box" class="box-body hidden-xs hidden-sm hidden-md">
|
||||||
|
<center>
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" id="show_chart" onclick="return setShowChart()">
|
||||||
|
Show chart
|
||||||
|
</label>
|
||||||
|
</center>
|
||||||
|
<hr style="margin: 1px;">
|
||||||
<input type="hidden" name="_route" value="reports">
|
<input type="hidden" name="_route" value="reports">
|
||||||
<label>{Lang::T('Start Date')}</label>
|
<label>{Lang::T('Start Date')}</label>
|
||||||
<input type="date" class="form-control" name="sd" value="{$sd}">
|
<input type="date" class="form-control" name="sd" value="{$sd}">
|
||||||
@ -47,22 +54,32 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="box box-primary box-solid">
|
<span id="chart_area" class="hidden">
|
||||||
<div class="box-body row">
|
<div class="box box-primary box-solid">
|
||||||
<div class="col-md-3 col-xs-6">
|
<div class="box-body row">
|
||||||
<canvas id="cart_type"></canvas>
|
<div class="col-md-3 col-xs-6">
|
||||||
</div>
|
<canvas id="cart_type"></canvas>
|
||||||
<div class="col-md-3 col-xs-6">
|
</div>
|
||||||
<canvas id="cart_plan"></canvas>
|
<div class="col-md-3 col-xs-6">
|
||||||
</div>
|
<canvas id="cart_plan"></canvas>
|
||||||
<div class="col-md-3 col-xs-6">
|
</div>
|
||||||
<canvas id="cart_method"></canvas>
|
<div class="col-md-3 col-xs-6">
|
||||||
</div>
|
<canvas id="cart_method"></canvas>
|
||||||
<div class="col-md-3 col-xs-6">
|
</div>
|
||||||
<canvas id="cart_router"></canvas>
|
<div class="col-md-3 col-xs-6">
|
||||||
|
<canvas id="cart_router"></canvas>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="box box-primary box-solid">
|
||||||
|
<div class="box-header">
|
||||||
|
<h3 class="box-title">{Lang::dateFormat($sd)} - {Lang::dateFormat($ed)} <sup>Max 30 days</sup></h3>
|
||||||
|
</div>
|
||||||
|
<div class="box-body row" style="height: 300px;">
|
||||||
|
<canvas id="line_cart"></canvas>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
<div class="box box-primary box-solid">
|
<div class="box box-primary box-solid">
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered table-condensed">
|
<table class="table table-bordered table-condensed">
|
||||||
@ -127,71 +144,125 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-autocolors"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-autocolors"></script>
|
||||||
|
|
||||||
<script>
|
{literal}
|
||||||
var isShow = false;
|
<script>
|
||||||
|
var isShow = false;
|
||||||
|
|
||||||
function showFilter() {
|
function showFilter() {
|
||||||
if (isShow) {
|
if (isShow) {
|
||||||
$("#filter_box").addClass("hidden-xs");
|
$("#filter_box").addClass("hidden-xs");
|
||||||
$("#filter_box").addClass("hidden-sm");
|
$("#filter_box").addClass("hidden-sm");
|
||||||
$("#filter_box").addClass("hidden-md");
|
$("#filter_box").addClass("hidden-md");
|
||||||
isShow = false;
|
isShow = false;
|
||||||
} else {
|
} else {
|
||||||
// remove class
|
// remove class
|
||||||
$("#filter_box").removeClass("hidden-xs");
|
$("#filter_box").removeClass("hidden-xs");
|
||||||
$("#filter_box").removeClass("hidden-sm");
|
$("#filter_box").removeClass("hidden-sm");
|
||||||
$("#filter_box").removeClass("hidden-md");
|
$("#filter_box").removeClass("hidden-md");
|
||||||
isShow = true;
|
isShow = true;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
const autocolors = window['chartjs-plugin-autocolors'];
|
||||||
const autocolors = window['chartjs-plugin-autocolors'];
|
Chart.register(autocolors);
|
||||||
Chart.register(autocolors);
|
var options = {
|
||||||
var options = {
|
responsive: true,
|
||||||
responsive: true,
|
aspectRatio: 1,
|
||||||
aspectRatio: 1,
|
plugins: {
|
||||||
plugins: {
|
autocolors: {
|
||||||
autocolors: {
|
mode: 'data'
|
||||||
mode: 'data'
|
},
|
||||||
},
|
legend: {
|
||||||
legend: {
|
position: 'bottom',
|
||||||
position: 'bottom',
|
labels: {
|
||||||
labels: {
|
boxWidth: 15
|
||||||
boxWidth: 15
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
};
|
|
||||||
|
|
||||||
function create_cart(field, labels, datas, options) {
|
function create_cart(field, labels, datas, options) {
|
||||||
new Chart(document.getElementById(field), {
|
new Chart(document.getElementById(field), {
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
data: {
|
data: {
|
||||||
labels: labels,
|
labels: labels,
|
||||||
datasets: [{
|
datasets: [{
|
||||||
data: datas,
|
data: datas,
|
||||||
borderWidth: 1
|
borderWidth: 1
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
options: options
|
options: options
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// get cart one by one
|
function showChart() {
|
||||||
$.getJSON("{$_url}reports/ajax/type&{$filter}", function( data ) {
|
// get cart one by one
|
||||||
create_cart('cart_type', data.labels, data.datas, options);
|
$.getJSON("{/literal}{$_url}{literal}reports/ajax/type&{/literal}{$filter}{literal}", function( data ) {
|
||||||
$.getJSON("{$_url}reports/ajax/plan&{$filter}", function( data ) {
|
create_cart('cart_type', data.labels, data.datas, options);
|
||||||
create_cart('cart_plan', data.labels, data.datas, options);
|
$.getJSON("{/literal}{$_url}{literal}reports/ajax/plan&{/literal}{$filter}{literal}", function( data ) {
|
||||||
$.getJSON("{$_url}reports/ajax/method&{$filter}", function( data ) {
|
create_cart('cart_plan', data.labels, data.datas, options);
|
||||||
create_cart('cart_method', data.labels, data.datas, options);
|
$.getJSON("{/literal}{$_url}{literal}reports/ajax/method&{/literal}{$filter}{literal}", function( data ) {
|
||||||
$.getJSON("{$_url}reports/ajax/router&{$filter}", function( data ) {
|
create_cart('cart_method', data.labels, data.datas, options);
|
||||||
create_cart('cart_router', data.labels, data.datas, options);
|
$.getJSON("{/literal}{$_url}{literal}reports/ajax/router&{/literal}{$filter}{literal}", function( data ) {
|
||||||
});
|
create_cart('cart_router', data.labels, data.datas, options);
|
||||||
});
|
getLineChartData();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
});
|
if (getCookie('show_report_graph') != 'hide') {
|
||||||
</script>
|
$("#chart_area").removeClass("hidden");
|
||||||
|
document.getElementById('show_chart').checked = true;
|
||||||
|
showChart();
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
function setShowChart() {
|
||||||
|
if (document.getElementById('show_chart').checked) {
|
||||||
|
setCookie('show_report_graph', 'show', 30);
|
||||||
|
} else {
|
||||||
|
setCookie('show_report_graph', 'hide', 30);
|
||||||
|
}
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getLineChartData() {
|
||||||
|
$.getJSON("{/literal}{$_url}{literal}reports/ajax/line&{/literal}{$filter}{literal}", function( data ) {
|
||||||
|
var linechart = new Chart(document.getElementById('line_cart'), {
|
||||||
|
type: 'line',
|
||||||
|
data: {
|
||||||
|
labels: data.labels,
|
||||||
|
datasets: data.datas,
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
aspectRatio: 1,
|
||||||
|
plugins: {
|
||||||
|
autocolors: {
|
||||||
|
mode: 'data'
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
position: 'bottom'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// [{
|
||||||
|
// label: 'a',
|
||||||
|
// data: [8, 3, 9, 2, 7, 4, 2]
|
||||||
|
// }, {
|
||||||
|
// label: 'b',
|
||||||
|
// data: [6, 4, 5, 5, 9, 6, 3]
|
||||||
|
// }, {
|
||||||
|
// label: 'c',
|
||||||
|
// data: [5, 2, 3, 6, 4, 8, 6]
|
||||||
|
// }]
|
||||||
|
</script>
|
||||||
|
{/literal}
|
||||||
|
|
||||||
{include file="sections/footer.tpl"}
|
{include file="sections/footer.tpl"}
|
||||||
@ -1,3 +1,3 @@
|
|||||||
{
|
{
|
||||||
"version": "2024.8.9.1"
|
"version": "2024.8.13"
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user