Skip to content

aa.gusti / eis

Go to a project
Commit 1b80e9d2 by Ari Agung Prasetiyo Committed by Ari Agung Prasetiyo
Options

update tampilan pcpd

1 parent 0630031e
Inline Side-by-side
Showing 4 changed files with 35 additions and 13 deletions
eispajak/__init__.py
...@@ -19,6 +19,8 @@ def includeme(config): ...@@ -19,6 +19,8 @@ def includeme(config):
# APP_CLASS.static_views(config) # APP_CLASS.static_views(config)
# SPPT_CLASS.route_from_list(config, routes, paket="opensipkd.pbb.esppt") # SPPT_CLASS.route_from_list(config, routes, paket="opensipkd.pbb.esppt")
APP_CLASS.route_from_csv(config, "eispajak.views") APP_CLASS.route_from_csv(config, "eispajak.views")
config.add_static_view('eis/static', 'eispajak:static',
cache_max_age=3600)
config.scan(".") config.scan(".")
print("+", __name__, "includeme class loaded") print("+", __name__, "includeme class loaded")
......
eispajak/views/templates/pcpd.pt
...@@ -41,7 +41,8 @@ ...@@ -41,7 +41,8 @@
.icon-color { .icon-color {
color: transparent; color: transparent;
-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #444a69; -webkit-text-stroke-color: #03c5f8;
font-size: 22px;
} }
.top-0 { .top-0 {
...@@ -75,23 +76,36 @@ ...@@ -75,23 +76,36 @@
.main-panel .panel-body .odometer-formatting-mark { .main-panel .panel-body .odometer-formatting-mark {
color: #648baf; color: #648baf;
} }
.icon-rounded {
display: block;
vertical-align: middle;
max-width: 100%;
height: auto;
padding-right: 10px;
}
.rounded{
border-radius: 7px !important;
}
.uppercase {
text-transform: uppercase !important;
}
.padding-top-sm { padding-top: .5em; }
</style> </style>
<div metal:fill-slot="content"> <div metal:fill-slot="content">
<div class="row "> <div class="row ">
<div class="col-md-12"> <div class="col-md-12">
<div class="panel panel-default text-center main-panel"> <div class="panel panel-default text-center main-panel uppercase">
<div class="panel-body"> <div class="panel-body">
<h1><b>${title}</b></h1> <h1><b>${title}</b></h1>
<div> <div class="padding-top-sm">
<h5 id="time">Rab, 4 Jun 2025 - 14:11:05</h5> <h5 id="time">Rab, 4 Jun 2025 - 14:11:05</h5>
</div> </div>
<h4 style="font-size: 4.0em;"> <h4 style="font-size: 4.0em;">
<b>Rp. <b>Rp.<h4 class="odometer bold" id="today"></h4></b>
<h4 class="odometer bold" id="today"></h4>
</b>
</h4> </h4>
<h5><b><span id="trx"></span> Transaksi</b></h5> <h5 class="padding-top-sm"><b><span id="trx"></span> Transaksi</b></h5>
</div> </div>
</div> </div>
</div> </div>
...@@ -100,7 +114,9 @@ ...@@ -100,7 +114,9 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-default text-center"> <div class="panel panel-default text-center">
<div class="panel-heading"> <div class="panel-heading">
<h5 class="text-left bold">Total Realisasi s.d Hari Ini <img src="${home}/eis/static/42x42-money-transfer.png" class="icon-rounded" alt="" align="left">
<h5 class="text-left bold">
Total Realisasi s.d Hari Ini
<i class="fa fa-info-circle pull-right icon-color"></i> <i class="fa fa-info-circle pull-right icon-color"></i>
</h5> </h5>
</div> </div>
...@@ -115,8 +131,9 @@ ...@@ -115,8 +131,9 @@
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-default"> <div class="panel panel-default hide">
<div class="panel-heading"> <div class="panel-heading">
<img src="${home}/eis/static/42x42-pie-chart.png" class="icon-rounded" alt="" align="left">
<h5 class="text-left bold">Jumlah Transaksi <h5 class="text-left bold">Jumlah Transaksi
<i class="fa fa-info-circle pull-right icon-color"></i> <i class="fa fa-info-circle pull-right icon-color"></i>
</h5> </h5>
...@@ -131,7 +148,7 @@ ...@@ -131,7 +148,7 @@
</div> </div>
<div class="row "> <div class="row ">
<div class="col-md-2"> <div class="col-md-2">
<select class="form-control" id="rangeType"> <select class="form-control rounded" id="rangeType">
<option value="1">Harian</option> <option value="1">Harian</option>
<option value="2">Mingguan</option> <option value="2">Mingguan</option>
<option value="3">Bulanan</option> <option value="3">Bulanan</option>
...@@ -230,7 +247,7 @@ ...@@ -230,7 +247,7 @@
var ctx = document.getElementById('chartPie').getContext('2d'); var ctx = document.getElementById('chartPie').getContext('2d');
var canvas = document.getElementById('chartPie'); var canvas = document.getElementById('chartPie');
canvas.width = window.innerWidth; canvas.width = window.innerWidth;
canvas.height = window.innerHeight / 3.38; canvas.height = window.innerHeight / 3.8;
const pie_data = { const pie_data = {
labels: [ labels: [
'Pajak', 'Pajak',
...@@ -397,17 +414,20 @@ ...@@ -397,17 +414,20 @@
addData(amtKumulatifChart, amtKumulatifChartData); addData(amtKumulatifChart, amtKumulatifChartData);
addData(trxKumulatifChart, trxKumulatifChartData); addData(trxKumulatifChart, trxKumulatifChartData);
} }
const formatter = new Intl.DateTimeFormat('id-ID', { dateStyle: 'full', timeStyle: 'medium' });
$.fn.datarefresh = function () { $.fn.datarefresh = function () {
console.log("data_refresh"); console.log("data_refresh");
console.log("${url}"); console.log("${url}");
$.get("${url}", {}, function (data, status) { $.get("${url}", {}, function (data, status) {
if (status === "success") { if (status === "success") {
newData = data; newData = data;
date = new Date(newData.time);
today.innerHTML = newData.today; today.innerHTML = newData.today;
trx.innerHTML = newData.trx; trx.innerHTML = newData.trx;
ytd.innerHTML = newData.ytd; ytd.innerHTML = newData.ytd;
trxYtd.innerHTML = newData.trxYtd; trxYtd.innerHTML = newData.trxYtd;
time.innerHTML = newData.time; time.innerHTML = formatter.format(date);//newData.time;
time.style.fontWeight = 'bold'; time.style.fontWeight = 'bold';
// removeData(pieChart); // removeData(pieChart);
addData(pieChart, newData.pie); addData(pieChart, newData.pie);
...@@ -419,7 +439,7 @@ ...@@ -419,7 +439,7 @@
setTimeout(function () { setTimeout(function () {
console.log("timeout"); console.log("timeout");
$().datarefresh(); $().datarefresh();
}, 15000); }, 300000);
}); });
// $().get_realisasi(); // $().get_realisasi();
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!