Skip to content

Project / eis_sipkd

Go to a project
Commit d10539b5 by aa.gusti
Options

anggaran

1 parent fad3037e
Inline Side-by-side
Showing 4 changed files with 97 additions and 56 deletions
views/templates/anggaran.pt
<html metal:use-macro="load: base-eis.pt"> <html metal:use-macro="load: base-eis.pt">
<div metal:fill-slot="scripts"> <div metal:fill-slot="scripts">
<div class="container"> <div class="container">
<div class="col-md-12 latar">
<div class="row judul"> <div class="row judul">
<div class="col-md-2 judul"> <div class="col-md-12 judul">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;"> <img class="" src="/static/img/header.png">
</div>
<div class="col-md-8 sub-judul">
EKSEKUTIF SUMMARY APBD<br>
TAHUN ${request.session['tahun']}
</div>
<div class="col-md-2 judul">
</div> </div>
<!-- <div class="col-md-8 judul"> -->
<!-- EKSEKUTIF SUMMARY APBD<br> -->
<!-- TAHUN ${request.session['tahun']} -->
<!-- </div> -->
<!-- <div class="col-md-2 judul"> -->
<!-- </div> -->
</div> </div>
<div class="col-md-12 isi">
<div class="row"> <div class="row">
<div class="sub-judul bg-primary"> <div class="sub-judul">
${title} ${title}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-8 table-title bg-success"><b>URAIAN</b></div> <div class="col-md-8 table-title">URAIAN</div>
<div class="col-md-4 table-title bg-success " style="text-align:right;"><right><b>JUMLAH</b></right></div> <div class="col-md-4 table-title-right">JUMLAH</div>
</div> </div>
<div class="row" tal:repeat="row ar_rows"> <div class="row" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-info"> <div class="col-md-8 table-body">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> ${row.nama}
</div> </div>
<div class="col-md-4 table-body-right bg-info"> <div class="col-md-4 table-body-right">
${thousand(row.jumlah,0)} ${thousand(row.jumlah,0)}
</div> </div>
</div> </div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-warning"> <div class="col-md-8 table-body-event">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div> </div>
<div class="col-md-4 table-body-right bg-warning"> <div class="col-md-4 table-body-event-right">
${thousand(row.jumlah,0)} ${thousand(row.jumlah,0)}
</div> </div>
</div> </div>
...@@ -43,26 +46,26 @@ ...@@ -43,26 +46,26 @@
<div class="row" tal:repeat="row ap_rows"> <div class="row" tal:repeat="row ap_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-info"> <div class="col-md-8 table-body">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> ${row.nama}
</div> </div>
<div class="col-md-4 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">
${thousand(row.jumlah,0)} ${thousand(row.jumlah,0)}
</div> </div>
</div> </div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-warning"> <div class="col-md-8 table-body-event">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div> </div>
<div class="col-md-4 table-body-right bg-warning"> <div class="col-md-4 table-body-event-right">
${thousand(row.jumlah,0)} ${thousand(row.jumlah,0)}
</div> </div>
</div> </div>
</div> </div>
<div class="row" tal:condition="level_id<3 and not kode"> <div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-8 table-body bg-danger" >SURPLUS/DEFISIT</div> <div class="col-md-8 sub-total" >SURPLUS/DEFISIT</div>
<div class="col-md-4 table-body-right bg-danger"> <div class="col-md-4 sub-total-right bg-danger">
${thousand(sd_row,0)} ${thousand(sd_row,0)}
</div> </div>
</div> </div>
...@@ -87,7 +90,8 @@ ...@@ -87,7 +90,8 @@
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</div> </div>
</html> </html>
views/templates/base-eis.pt
...@@ -4,20 +4,31 @@ ...@@ -4,20 +4,31 @@
body { body {
/*background-image: url("static/img/bg1.jpg");*/ /*background-image: url("static/img/bg1.jpg");*/
} }
.latar {
background-color:rgb(243, 243, 243);
}
.isi {
padding:20px 20px 20px 20px ;
background-color:rgb(243, 243, 243);
}
.judul { .judul {
margin-top: 0px; margin-top: 0px;
padding-top: 5px; padding-top: 0px;
text-align:center; text-align:center;
font-size: 30px;
color: #777; color: #777;
background-color:rgb(205,205,205); background-color:rgb(243, 243, 243);
} }
.sub-judul { .sub-judul {
text-align:center; display: block;
margin-top: 1px; text-align:left;
padding-top:5px; padding-left:10px;
padding-botom:5px; padding-top:10px;
padding-botom:10px;
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: bold;
color: rgb(255, 255, 255);
background-color:rgb(35, 125, 38);
} }
.data { .data {
margin-top: 0px; margin-top: 0px;
...@@ -26,28 +37,54 @@ ...@@ -26,28 +37,54 @@
font-weight: normal; font-weight: normal;
background-color:rgb(255,255,255); background-color:rgb(255,255,255);
} }
.table-title { .table-title, .table-title-right {
text-align:center;
display: block;
margin-top: 5px; margin-top: 5px;
padding-top:5px; padding-top:10px;
padding-botom:5px;
font-size: 20px; font-size: 20px;
font-weight: normal; font-weight: bold;
color: rgb(255, 255, 255);
background-color:rgb(128, 196, 28);
height: 50px;
border-bottom:2px solid #000000;
} }
.table-body { .table-title-right {
margin-top: 5px; text-align:right;
padding-top:5px; border-left:2px solid #FFFFFF;
padding-botom:5px;
font-size: 20px;
font-weight: normal;
} }
.table-body-right {
margin-top: 5px; .table-body, .table-body-right, .table-body-event, .table-body-event-right,
.sub-total, .sub-total-right {
padding-top:10px;
font-size: 20px; font-size: 20px;
padding-top:5px; font-weight: bold;
padding-botom:5px; height: 50px;
font-weight: normal; background-color:rgb(175, 175, 175);
border-bottom:2px solid #000000;
}
.table-body-right, .table-body-event-right {
text-align:right;
border-left:2px solid #FFFFFF;
background-color:rgb(175, 175, 175);
}
.table-body-event{
background-color:rgb(219, 219, 219);
padding-left:50px;
}
.table-body-event-right {
background-color:rgb(219, 219, 219);
}
.sub-total, .sub-total-right{
color:rgb(35, 125, 38);
background-color:rgb(243, 243, 243);
border-bottom:0px solid #000000;
}
.sub-total-right{
text-align:right; text-align:right;
border-left:2px solid #FFFFFF;
} }
</style> </style>
</div> </div>
......
views/templates/kinerja.pt
<html metal:use-macro="load: base-eis.pt"> <html metal:use-macro="load: base-eis.pt">
<div metal:fill-slot="scripts"> <div metal:fill-slot="scripts">
<div class="container"> <div class="container">
<div class="row"> <div class="row judul">
<div class="col-md-2"> <div class="col-md-2 judul">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;"> <img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;">
</div> </div>
<div class="col-md-8 sub-judul"> <div class="col-md-8 judul">
KINERJA APBD<br> KINERJA APBD<br>
TAHUN ${request.session['tahun']} TAHUN ${request.session['tahun']}
</div> </div>
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-5 table-title bg-success"><b>URAIAN</b></div> <div class="col-md-5 table-title bg-success"><b>URAIAN</b></div>
<div class="col-md-2 table-title bg-success " style="text-align:right;"><right><b>ANGGARAN</b></right></div> <div class="col-md-2 table-title bg-success " style="text-align:right;">ANGGARAN</div>
<div class="col-md-2 table-title bg-success " style="text-align:right;"><right><b>REALISASI</b></right></div> <div class="col-md-2 table-title bg-success " style="text-align:right;"><right><b>REALISASI</b></right></div>
<div class="col-md-2 table-title bg-success " style="text-align:right;"><right><b>SALDO</b></right></div> <div class="col-md-2 table-title bg-success " style="text-align:right;"><right><b>SALDO</b></right></div>
<div class="col-md-1 table-title bg-success " style="text-align:right;"><right><b>(%)</b></right></div> <div class="col-md-1 table-title bg-success " style="text-align:right;"><right><b>(%)</b></right></div>
......
views/templates/realisasi.pt
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="col-md-2 judul"> <div class="col-md-2 judul">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;"> <img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;">
</div> </div>
<div class="col-md-8 sub-judul"> <div class="col-md-8 judul">
EKSEKUTIF SUMMARY REALISASI APBD<br> EKSEKUTIF SUMMARY REALISASI APBD<br>
TAHUN ${request.session['tahun']} TAHUN ${request.session['tahun']}
</div> </div>
...@@ -16,22 +16,22 @@ ...@@ -16,22 +16,22 @@
<div class="sub-judul bg-primary">${title}</div> <div class="sub-judul bg-primary">${title}</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-8 table-title bg-success"><b>URAIAN</b></div> <div class="col-md-8 table-title">URAIAN</div>
<div class="col-md-4 table-title bg-success table-body-right"><b>JUMLAH</b></div> <div class="col-md-4 table-title-right">JUMLAH</div>
</div> </div>
<div class="row" tal:repeat="row ar_rows"> <div class="row" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-info"> <div class="col-md-8 table-body">
<a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> ${row.nama}
</div> </div>
<div class="col-md-4 table-body-right bg-info">${thousand(row.jumlah,0)}</div> <div class="col-md-4 table-body-right bg-info">${thousand(row.jumlah,0)}</div>
</div> </div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)"> <div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-8 table-body bg-warning"> <div class="col-md-8 table-body-event">
<a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a> <a href="/eis/sipkd/realisasi?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div> </div>
<div class="col-md-4 table-body-right bg-warning">${thousand(row.jumlah,0)}</div> <div class="col-md-4 table-body-event-right">${thousand(row.jumlah,0)}</div>
</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!