Skip to content

Project / eis_sipkd

Go to a project
Commit b501404b by aa.gusti
Options

aa.gusti

1 parent 6d0142d9
Inline Side-by-side
Showing 5 changed files with 136 additions and 121 deletions
views/templates/anggaran.pt
......@@ -15,11 +15,11 @@
<!-- </div> -->
<!-- </div> -->
<div class="isi">
<div class="row">
<div class="col-md-2 header" style="padding-top:5px;">
<div class="row judul">
<div class="col-md-2 col-xs-4 header" style="padding-top:5px;">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;">
</div>
<div class="col-md-10 judul">
<div class="col-md-10 col-xs-8 judul">
EKSEKUTIF SUMMARY APBD<br>
TAHUN ${request.session['tahun']}
</div>
......@@ -33,24 +33,24 @@
</div>
</div>
<div class="row">
<div class="col-md-9 table-title">URAIAN</div>
<div class="col-md-3 table-title-right">ANGGARAN</div>
<div class="col-md-9 col-xs-9 table-title">URAIAN</div>
<div class="col-md-3 col-xs-3 table-title-right">ANGGARAN</div>
</div>
<div class="row" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-9 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">
<div class="col-md-3 col-xs-3 table-body-right">
${thousand(row.jumlah,0)}
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-9 table-body-event">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">
<div class="col-md-3 col-xs-3 table-body-event-right">
${thousand(row.jumlah,0)}
</div>
</div>
......@@ -58,26 +58,26 @@
<div class="row" tal:repeat="row ap_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-9 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">
<div class="col-md-3 col-xs-3 table-body-right">
${thousand(row.jumlah,0)}
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-9 table-body-event">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">
<div class="col-md-3 col-xs-3 table-body-event-right">
${thousand(row.jumlah,0)}
</div>
</div>
</div>
<div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-9 sub-total" >SURPLUS/DEFISIT</div>
<div class="col-md-3 sub-total-right bg-danger">
<div class="col-md-9 col-xs-9 sub-total" >SURPLUS/DEFISIT</div>
<div class="col-md-3 col-xs-3 sub-total-right bg-danger">
${thousand(sd_row,0)}
</div>
</div>
......@@ -85,18 +85,18 @@
<div class="row" tal:repeat="row pb_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-9 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">
<div class="col-md-3 col-xs-3 table-body-right">
${thousand(row.jumlah,0)}
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-9 table-body-event">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">
<div class="col-md-3 col-xs-3 table-body-event-right">
${thousand(row.jumlah,0)}
</div>
</div>
......
views/templates/base.pt
......@@ -22,15 +22,10 @@
text-align: right;
}
@media screen and (max-width:480px){
.judul {font-weight: 800;
font-size: 15px;
/*font-family: raleway;*/
color: rgb(35, 125, 38);
background-color:rgb(219, 219, 219);
height:50px;
}
.header {
text-align: left;
}
.sub-judul {
display: block;
text-align:left;
......@@ -65,7 +60,6 @@
text-align:right;
border-left:2px solid #FFFFFF;
}
.table-body, .table-body-right, .table-body-event, .table-body-event-right,
.sub-total, .sub-total-right {
padding-top:10px;
......@@ -97,6 +91,41 @@
border-left:2px solid #FFFFFF;
}
@media screen and (max-width:965px){
.judul {font-weight: 800;
padding-top: 5px;
font-size: 18px;
}
.table-title, .table-title-right {
font-weight: 800;
padding-top: 10px;
font-size: 11px;
}
.table-body, .table-body-right, .table-body-event, .table-body-event-right,
.sub-total, .sub-total-right {
font-size: 10px;
}
}
@media screen and (max-width:500px){
.judul {
font-weight: 800;
font-size: 14px;
}
.sub-judul {
font-size: 15px;
}
.table-title, .table-title-right {
font-weight: 800;
padding-top: 10px;
font-size: 10px;
}
.table-body, .table-body-right, .table-body-event, .table-body-event-right,
.sub-total, .sub-total-right {
font-size: 10px;
}
}
</style>
</div>
......
views/templates/grafik.pt
......@@ -38,23 +38,6 @@
},
};
var pieOptions = {
//maintainAspectRatio: true,
//responsive: true,
//responsiveAnimationDuration: 0,
//scales: {
// yAxes: [{
// ticks: {
// beginAtZero: true,
// callback: function(value, index, values) {
// if(parseInt(value) >= 999){
// return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
// } else {
// return value;
// }
// }
// }
// }]
//},
tooltips: {
enabled: true,
mode: 'single',
......@@ -101,11 +84,11 @@
<div class="col-md-12 latar">
<div class="isi">
<div class="row">
<div class="col-md-2 header" style="padding-top:5px;">
<div class="row judul">
<div class="col-md-2 col-xs-4 header" style="padding-top:5px;">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;padding-bottom:5px;">
</div>
<div class="col-md-10 judul">
<div class="col-md-10 col-xs-8 judul">
EKSEKUTIF SUMMARY KEUANGAN DAERAH<br>
Tahun ${request.session['tahun']}
</div>
......@@ -213,14 +196,14 @@
datasets : [
{
label: "Pendapatan",
backgroundColor: "rgba(254, 223, 229,0.2)",
backgroundColor: "rgba(255, 99, 132,0.2)",
borderColor:"rgb(255, 99, 132)",
borderWidth:1,
data : []
},
{
label: "Belanja",
backgroundColor: "rgba(234, 223, 254,0.2)",
backgroundColor: "rgba(215, 196, 255,0.2)",
borderColor:"rgb(215, 196, 255)",
borderWidth:1,
data : []
......
views/templates/kinerja.pt
......@@ -3,12 +3,12 @@
<div class="container">
<div class="col-md-12 latar">
<div class="isi">
<div class="row">
<div class="col-md-2 header" style="padding-top:5px;">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;">
</div>
<div class="col-md-10 judul">
EKSEKUTIF SUMMARY KINERJA APBD<br>
<div class="row judul">
<div class="col-md-2 col-xs-4 header" style="padding-top:5px;">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;padding-bottom:5px;">
</div>
<div class="col-md-10 col-xs-8 judul">
EKSEKUTIF SUMMARY KINERJA APBD<br>
TAHUN ${request.session['tahun']}
</div>
</div>
......@@ -20,28 +20,28 @@
</div>
</div>
<div class="row">
<div class="col-md-5 table-title"><b>URAIAN</b></div>
<div class="col-md-2 table-title-right">ANGGARAN</div>
<div class="col-md-2 table-title-right">REALISASI</div>
<div class="col-md-2 table-title-right">SALDO</div>
<div class="col-md-1 table-title-right">(%)</div>
<div class="col-md-5 col-sm-5 col-xs-7 table-title">URAIAN</div>
<div class="col-md-2 col-sm-3 hidden-xs table-title-right">ANGGARAN</div>
<div class="col-md-2 col-sm-3 col-xs-4 table-title-right">REALISASI</div>
<div class="col-md-2 hidden-sm hidden-xs table-title-right">SALDO</div>
<div class="col-md-1 col-sm-1 col-xs-1 table-title-right">(%)</div>
</div>
<div class="row" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-5 table-body">
<div class="col-md-5 col-sm-5 col-xs-7 table-body">
${row.nama}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
......@@ -51,19 +51,19 @@
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body-event">
<div class="col-md-5 col-sm-5 col-xs-7 table-body-event">
<a href="/eis/sipkd/kinerja?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-event-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-event-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-event-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-event-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-event-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
......@@ -76,42 +76,42 @@
<div class="row" tal:repeat="row ap_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-5 table-body">
<div class="col-md-5 col-sm-5 col-xs-7 table-body">
${row.nama}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
<tal:block tal:condition="row.anggaran!=0">
${round(row.realisasi/row.anggaran*100,0)}
</tal:block>
</div>
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body-event">
<div class="col-md-5 col-sm-5 col-xs-7 table-body-event">
<a href="/eis/sipkd/kinerja?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-event-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-event-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-event-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-event-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-event-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
......@@ -119,21 +119,21 @@
${round(row.realisasi/row.anggaran*100,0)}
</tal:block>
</div>
</div>
</div>
</div>
<div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-5 sub-total" >SURPLUS/DEFISIT</div>
<div class="col-md-2 sub-total-right">
<div class="col-md-5 col-sm-5 col-xs-7 sub-total" >SURPLUS/DEFISIT</div>
<div class="col-md-2 col-sm-3 hidden-xs sub-total-right">
${thousand(sd_row['anggaran'],0)}
</div>
<div class="col-md-2 sub-total-right">
<div class="col-md-2 col-sm-3 col-xs-4 sub-total-right">
${thousand(sd_row['realisasi'],0)}
</div>
<div class="col-md-2 sub-total-right">
<div class="col-md-2 hidden-sm hidden-xs sub-total-right">
${thousand(sd_row['anggaran']-sd_row['realisasi'],0)}
</div>
<div class="col-md-1 sub-total-right">
<div class="col-md-1 col-sm-1 col-xs-1 sub-total-right">
<tal:block tal:condition="sd_row['anggaran']==0">
100
</tal:block>
......@@ -145,47 +145,49 @@
<div class="row" tal:repeat="row pb_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-5 table-body">
<div class="col-md-5 col-sm-5 col-xs-7 table-body">
${row.nama}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
<tal:block tal:condition="row.anggaran!=0">
${round(row.realisasi/row.anggaran*100,0)}
</tal:block>
</div> </div>
</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body-event">
<div class="col-md-5 col-sm-5 col-xs-7 table-body-event">
<a href="/eis/sipkd/kinerja?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 hidden-xs table-body-event-right">
${thousand(row.anggaran,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 col-sm-3 col-xs-4 table-body-event-right">
${thousand(row.realisasi,0)}
</div>
<div class="col-md-2 table-body-event-right">
<div class="col-md-2 hidden-sm hidden-xs table-body-event-right">
${thousand(row.anggaran - row.realisasi,0)}
</div>
<div class="col-md-1 table-body-event-right">
<div class="col-md-1 col-sm-1 col-xs-1 table-body-event-right">
<tal:block tal:condition="row.anggaran==0">
100
</tal:block>
<tal:block tal:condition="row.anggaran!=0">
${round(row.realisasi/row.anggaran*100,0)}
</tal:block>
</div> </div>
</div>
</div>
</div>
</div>
......@@ -193,3 +195,4 @@
</div>
</div>
</html>
\ No newline at end of file
views/templates/realisasi.pt
......@@ -3,11 +3,11 @@
<div class="container">
<div class="col-md-12 latar">
<div class="isi">
<div class="row">
<div class="col-md-2 header" style="padding-top:5px;">
<div class="row judul">
<div class="col-md-2 col-xs-4 header" style="padding-top:5px;">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;">
</div>
<div class="col-md-10 judul">
<div class="col-md-10 col-xs-8 judul">
EKSEKUTIF SUMMARY REALISASI APBD<br>
TAHUN ${request.session['tahun']}
</div>
......@@ -19,43 +19,43 @@
<div class="sub-judul bg-primary">${title}</div>
</div>
<div class="row">
<div class="col-md-9 table-title">URAIAN</div>
<div class="col-md-3 table-title-right">REALISASI</div>
<div class="col-md-9 col-xs-8 table-title">URAIAN</div>
<div class="col-md-3 col-xs-4 table-title-right">REALISASI</div>
</div>
<div class="row" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-8 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-right">${thousand(row.jumlah,0)}</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-8 table-body-event">
<a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-event-right">${thousand(row.jumlah,0)}</div>
</div>
</div>
<div class="row" tal:repeat="row ap_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-8 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-right">${thousand(row.jumlah,0)}</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-8 table-body-event">
<a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-event-right">${thousand(row.jumlah,0)}</div>
</div>
</div>
<div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-9 sub-total">SURPLUS/DEFISIT (Pendapatan-Belanja)</div>
<div class="col-md-3 sub-total-right">
<div class="col-md-9 col-xs-8 sub-total">SURPLUS/DEFISIT (Pendapatan-Belanja)</div>
<div class="col-md-3 col-xs-4 sub-total-right">
${thousand(sd_row,0)}
</div>
</div>
......@@ -63,22 +63,22 @@
<div class="row" tal:repeat="row pb_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-9 table-body">
<div class="col-md-9 col-xs-8 table-body">
${row.nama}
</div>
<div class="col-md-3 table-body-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-right">${thousand(row.jumlah,0)}</div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-9 table-body-event">
<div class="col-md-9 col-xs-8 table-body-event">
<a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-3 table-body-event-right">${thousand(row.jumlah,0)}</div>
<div class="col-md-3 col-xs-4 table-body-event-right">${thousand(row.jumlah,0)}</div>
</div>
</div>
<div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-9 sub-total" >SALDO KAS (Surplus/Defisit + Pembiayaan)</div>
<div class="col-md-3 sub-total-right">${thousand(sk_row,0)}</div>
<div class="col-md-9 col-xs-8 sub-total" >SALDO KAS (Surplus/Defisit + Pembiayaan)</div>
<div class="col-md-3 col-xs-4 sub-total-right">${thousand(sk_row,0)}</div>
</div>
</div>
</div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!