Skip to content

Project / eis_sipkd

Go to a project
Commit ccecc429 by aa.gusti
Options

grafik

1 parent 8defdedb
Inline Side-by-side
Showing 11 changed files with 1132 additions and 175 deletions
scripts/calculate_data.py
...@@ -17,5 +17,5 @@ def calculate_data(DBS, table): ...@@ -17,5 +17,5 @@ def calculate_data(DBS, table):
kode = row.kode kode = row.kode
jml = 0 jml = 0
else: else:
if row.jumlah:
jml = jml + row.jumlah jml = jml + row.jumlah
scripts/data/route.csv
...@@ -6,6 +6,8 @@ eis-sipkd-anggaran,Anggaran,/eis/sipkd/anggaran,1 ...@@ -6,6 +6,8 @@ eis-sipkd-anggaran,Anggaran,/eis/sipkd/anggaran,1
eis-sipkd-anggaran-act,Anggaran Act,/eis/sipkd/anggaran/{act}/act,1 eis-sipkd-anggaran-act,Anggaran Act,/eis/sipkd/anggaran/{act}/act,1
eis-sipkd-realisasi,Realisasi,/eis/sipkd/realisasi,1 eis-sipkd-realisasi,Realisasi,/eis/sipkd/realisasi,1
eis-sipkd-realisasi-act,Realisasi Act,/eis/sipkd/realisasi/{act}/act,1 eis-sipkd-realisasi-act,Realisasi Act,/eis/sipkd/realisasi/{act}/act,1
eis-sipkd-kinerja,Kinerja,/eis/sipkd/kinerja,1
eis-sipkd-kinerja-act,Kinerja Act,/eis/sipkd/kinerja/{act}/act,1
eis-sipkd-grafik,Grafik,/eis/sipkd/grafik,1 eis-sipkd-grafik,Grafik,/eis/sipkd/grafik,1
eis-sipkd-grafik-act,Grafik Act,/eis/sipkd/grafik/{act}/act,1 eis-sipkd-grafik-act,Grafik Act,/eis/sipkd/grafik/{act}/act,1
eis-sipkd-harian,Harian,/eis/sipkd/harian,1 eis-sipkd-harian,Harian,/eis/sipkd/harian,1
......
views/grafik.py 0 → 100644
from sqlalchemy import func
from ..tools import date_from_str #, row2dict
from pyramid.view import (
view_config,
)
from ..models import EisDBSession, Chart, ChartItem
from ..views import BaseView
from datetime import datetime
########
# APP Home #
########
class Views(BaseView):
def cek_value(self,value,devider,simbol):
if value<devider:
return "{0:,.0f}".format(value)
else:
return "{0:,.0f} {1}".format(value/devider,simbol)
@view_config(route_name='eis-sipkd-grafik', renderer='templates/grafik.pt',
permission='eis-sipkd-grafik')
def view_app(self):
tahun = self.ses['tahun']
params = self.params
return dict(project = "EIS-SIPKD")
@view_config(route_name='eis-sipkd-grafik-act', renderer='json')
def view_app_act(self):
tahun = self.ses['tahun']
req = self.req
params = req.params
id = 'id' in params and params['id'] or 0
json_data = {}
json_data['success']=False
if req.matchdict['act']=='grid':
rows = EisDBSession.query(Eis).filter(Eis.id==id)
if not rows:
return json_data
for row in rows:
row_dicted = row.to_dict()
amt_hari = float(row_dicted['amt_hari'])
amt_minggu = float(row_dicted['amt_minggu']) #+amt_hari
amt_bulan = float(row_dicted['amt_bulan']) #+amt_hari
amt_tahun = float(row_dicted['amt_tahun']) #+amt_bulan
json_data['success']= True
json_data['tahun'] = self.cek_value(amt_tahun,1, '')
json_data['bulan'] = self.cek_value(amt_bulan,1, '')
json_data['minggu'] = self.cek_value(amt_minggu,1, '')
json_data['hari'] = self.cek_value(amt_hari,1, '')
return json_data
#######################################################################
# GRAFIK LINE/BAR
#######################################################################
elif req.matchdict['act']=='linebar':
rows = EisDBSession.query(Chart).filter(Chart.id==id).first()
if not rows:
return json_data
json_data['label'] = rows.label.split(',')
rows = EisDBSession.query(ChartItem).filter(ChartItem.chart_id==id).\
order_by(ChartItem.id)
for row in rows:
json_data[row.source_type] = [row.value_1/row.chart.devider,row.value_2/row.chart.devider,row.value_3/row.chart.devider,
row.value_4/row.chart.devider,row.value_5/row.chart.devider,row.value_6/row.chart.devider,
row.value_7/row.chart.devider,row.value_8/row.chart.devider,row.value_9/row.chart.devider,
row.value10/row.chart.devider,row.value11/row.chart.devider,row.value12/row.chart.devider,]
json_data['success']= True
return json_data
#######################################################################
# GRAFIK LINGKARAN
#######################################################################
elif req.matchdict['act']=='pie':
rows = EisDBSession.query(Chart).filter(Chart.id==id).first()
if not rows:
return json_data
json_data['label'] = rows.label.split(',')
rows = EisDBSession.query(ChartItem).filter(ChartItem.chart_id==id).\
order_by(ChartItem.id)
json_data['rows'] = {}
for row in rows:
anama = {}
anama['nama'] = row.nama
anama['color'] = row.color
anama ['highlight'] = row.highlight
anama ['value'] = row.value_1/row.chart.devider
json_data['rows'][row.nama] =anama
json_data['success']= True
return json_data
def row2dict(rows):
return [dict(zip(row.keys(), list(row))) for row in rows]
views/kinerja.py 0 → 100644
from sqlalchemy import func, literal_column
from ..tools import date_from_str #, row2dict
from pyramid.view import (
view_config,
)
from ..models import (EisDBSession, EisSipkdArPayment, EisSipkdApPayment,
EisSipkdPbPayment, EisSipkdAnggaran)
from ..views import BaseView
from datetime import datetime
########
# APP Home #
########
class Views(BaseView):
def cek_value(self,value,devider,simbol):
if value<devider:
return "{0:,.0f}".format(value)
else:
return "{0:,.0f} {1}".format(value/devider,simbol)
@view_config(route_name='eis-sipkd-kinerja', renderer='templates/kinerja.pt',
permission='eis-sipkd-kinerja')
def view_app(self):
tahun = self.ses['tahun']
params = self.params
kode = 'kode' in params and params['kode'] or ''
########################################################################
# ar_qry = EisDBSession.query(EisSipkdAnggaran.kode.label('rekening_kd'),
# EisSipkdAnggaran.nama.label('rekening_nm'),
# EisSipkdAnggaran.level_id,
# func.sum(EisSipkdAnggaran.jumlah).label('anggaran'),
# literal_column('0').label('realisasi'),
# ).\
# group_by(EisSipkdAnggaran.kode,
# EisSipkdAnggaran.nama,
# EisSipkdAnggaran.level_id,
# ).\
# filter(EisSipkdAnggaran.tahun == tahun ).\
# order_by(EisSipkdAnggaran.kode)
ar_qry = EisDBSession.query(EisSipkdArPayment.rekening_kd,
EisSipkdArPayment.rekening_nm,
EisSipkdArPayment.level_id,
literal_column('0').label('anggaran'),
func.sum(EisSipkdArPayment.jumlah).label('realisasi')).\
group_by(EisSipkdArPayment.rekening_kd,
EisSipkdArPayment.rekening_nm,
EisSipkdArPayment.level_id,
).\
filter(EisSipkdArPayment.tanggal.between(
date_from_str('01-01-'+tahun), datetime.now())
).\
order_by(EisSipkdArPayment.rekening_kd)
########################################################################
ap_qry = EisDBSession.query(EisSipkdApPayment.rekening_kd,
EisSipkdApPayment.rekening_nm,
EisSipkdApPayment.level_id,
literal_column('0').label('anggaran'),
func.sum(EisSipkdApPayment.jumlah).label('realisasi')).\
group_by(EisSipkdApPayment.rekening_kd,
EisSipkdApPayment.rekening_nm,
EisSipkdApPayment.level_id).\
filter(EisSipkdApPayment.tanggal.between(
date_from_str('01-01-'+tahun), datetime.now())
).\
order_by(EisSipkdApPayment.rekening_kd)
########################################################################
pb_qry = EisDBSession.query(EisSipkdPbPayment.rekening_kd,
EisSipkdPbPayment.rekening_nm,
EisSipkdPbPayment.level_id,
literal_column('0').label('anggaran'),
func.sum(EisSipkdPbPayment.jumlah).label('realisasi')).\
group_by(EisSipkdPbPayment.rekening_kd,
EisSipkdPbPayment.rekening_nm,
EisSipkdPbPayment.level_id).\
filter(EisSipkdPbPayment.tanggal.between(
date_from_str('01-01-'+tahun), datetime.now())
).\
order_by(EisSipkdPbPayment.rekening_kd)
########################################################################
level_id = 2
if not kode:
ar_qry = ar_qry.filter(EisSipkdArPayment.level_id <= level_id,
EisSipkdArPayment.level_id > level_id-2,)
ap_qry = ap_qry.filter(EisSipkdApPayment.level_id <= level_id,
EisSipkdApPayment.level_id > level_id-2,)
pb_qry = pb_qry.filter(EisSipkdPbPayment.level_id <= level_id,
EisSipkdPbPayment.level_id > level_id-2,)
title = "RINGKASAN REALISASI APBD"
else:
level_id = kode.count('.')+2
ar_qry = ar_qry.filter(EisSipkdArPayment.rekening_kd.like(kode+'%'),
EisSipkdArPayment.level_id <= level_id,
EisSipkdArPayment.level_id > level_id-1,
)
ap_qry = ap_qry.filter(EisSipkdApPayment.rekening_kd.like(kode+'%'),
EisSipkdApPayment.level_id <= level_id,
EisSipkdApPayment.level_id > level_id-1,
)
pb_qry = pb_qry.filter(EisSipkdPbPayment.rekening_kd.like(kode+'%'),
EisSipkdPbPayment.level_id <= level_id,
EisSipkdPbPayment.level_id > level_id-1,
)
title = 'nama' in params and params['nama'] or ''
jml_ar = dict(anggaran = 0,
realisasi = 0)
jml_ap = dict(anggaran = 0,
realisasi = 0)
jml_pb = dict(anggaran = 0,
realisasi = 0)
ar_rows = row2dict(ar_qry.all())
ap_rows = row2dict(ap_qry.all())
pb_rows = row2dict(pb_qry.all())
for row in ar_rows:
if row['level_id'] == level_id:
jml_ar['anggaran'] += row['anggaran']
jml_ar['realisasi'] += row['realisasi']
for row in ap_rows:
if row['level_id'] == level_id:
jml_ap['anggaran'] += row['anggaran']
jml_ap['realisasi'] += row['realisasi']
for row in pb_rows:
if row['level_id'] == 1:
jml_pb['anggaran'] += row['anggaran']
jml_pb['realisasi'] += row['realisasi']
return dict(ar_rows = ar_rows,
ap_rows = ap_rows,
pb_rows = pb_rows,
sd_row = dict(anggaran = jml_ar['anggaran']-jml_ap['anggaran'],
realisasi = jml_ar['realisasi']-jml_ap['realisasi'],),
title = title, kode=kode,
level_id=level_id,
)
@view_config(route_name='eis-sipkd-kinerja-act', renderer='json')
def view_app_act(self):
tahun = self.ses['tahun']
req = self.req
params = req.params
id = 'id' in params and params['id'] or 0
json_data = {}
json_data['success']=False
if req.matchdict['act']=='grid':
rows = EisDBSession.query(Eis).filter(Eis.id==id)
if not rows:
return json_data
for row in rows:
row_dicted = row.to_dict()
amt_hari = float(row_dicted['amt_hari'])
amt_minggu = float(row_dicted['amt_minggu']) #+amt_hari
amt_bulan = float(row_dicted['amt_bulan']) #+amt_hari
amt_tahun = float(row_dicted['amt_tahun']) #+amt_bulan
json_data['success']= True
json_data['tahun'] = self.cek_value(amt_tahun,1, '')
json_data['bulan'] = self.cek_value(amt_bulan,1, '')
json_data['minggu'] = self.cek_value(amt_minggu,1, '')
json_data['hari'] = self.cek_value(amt_hari,1, '')
return json_data
#######################################################################
# GRAFIK LINE/BAR
#######################################################################
elif req.matchdict['act']=='linebar':
rows = EisDBSession.query(Chart).filter(Chart.id==id).first()
if not rows:
return json_data
json_data['label'] = rows.label.split(',')
rows = EisDBSession.query(ChartItem).filter(ChartItem.chart_id==id).\
order_by(ChartItem.id)
for row in rows:
json_data[row.source_type] = [row.value_1/row.chart.devider,row.value_2/row.chart.devider,row.value_3/row.chart.devider,
row.value_4/row.chart.devider,row.value_5/row.chart.devider,row.value_6/row.chart.devider,
row.value_7/row.chart.devider,row.value_8/row.chart.devider,row.value_9/row.chart.devider,
row.value10/row.chart.devider,row.value11/row.chart.devider,row.value12/row.chart.devider,]
json_data['success']= True
return json_data
#######################################################################
# GRAFIK LINGKARAN
#######################################################################
elif req.matchdict['act']=='pie':
rows = EisDBSession.query(Chart).filter(Chart.id==id).first()
if not rows:
return json_data
json_data['label'] = rows.label.split(',')
rows = EisDBSession.query(ChartItem).filter(ChartItem.chart_id==id).\
order_by(ChartItem.id)
json_data['rows'] = {}
for row in rows:
anama = {}
anama['nama'] = row.nama
anama['color'] = row.color
anama ['highlight'] = row.highlight
anama ['value'] = row.value_1/row.chart.devider
json_data['rows'][row.nama] =anama
json_data['success']= True
return json_data
def row2dict(rows):
return [dict(zip(row.keys(), list(row))) for row in rows]
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="col-md-12 judul"> <div class="container">
<div class="row judul">
<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-10 sub-judul">
EKSEKUTIF SUMMARY APBD<br> EKSEKUTIF SUMMARY APBD<br>
TAHUN ${request.session['tahun']} TAHUN ${request.session['tahun']}
</div> </div>
</div> </div>
<div class="col-md-12"> <div class="row">
<div class="col-md-1"><b>&nbsp;</b></div> <div class="sub-judul bg-primary">
<div class="col-md-10 sub-judul bg-primary">
<div class="col-md-12">
${title} ${title}
</div>
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12"> <div class="row">
<div class="col-md-1"><b>&nbsp;</b></div> <div class="col-md-8 table-title bg-success"><b>URAIAN</b></div>
<div class="col-md-7"> <div class="col-md-4 table-title bg-success " style="text-align:right;"><right><b>JUMLAH</b></right></div>
<div class="col-md-12 table-title bg-success"><b>URAIAN</b></div>
</div>
<div class="col-md-3 table-title bg-success " style="text-align:right;"><right><b>JUMLAH</b></right></div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12" 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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
</div> </div>
<div class="col-md-3 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">
${row.jumlah} ${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div> </div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-warning">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a></div>
</div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah} ${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
<div class="col-md-12" 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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
</div> </div>
<div class="col-md-3 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">
${row.jumlah} ${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a></div>
</div> </div>
<div class="col-md-3 table-body-right bg-warning"> <div class="col-md-4 table-body-right bg-warning">
${row.jumlah} ${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
<div class="col-md-12" tal:condition="level_id<3 and not kode"> <div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-1">&nbsp;</div> <div class="col-md-8 table-body bg-danger" >SURPLUS/DEFISIT</div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-danger">
<div class="col-md-12 table-body bg-danger" >SURPLUS/DEFISIT</div>
</div>
<div class="col-md-3 table-body-right bg-danger">
${sd_row} ${sd_row}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12" tal:repeat="row pb_rows"> <div class="row" tal:repeat="row pb_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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div>
</div> </div>
<div class="col-md-3 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">
${row.jumlah} ${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.kode}</div> --> <a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a>
</div> </div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-warning">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/anggaran?kode=${row.kode}&nama=${row.nama}">${row.nama}</a></div> ${row.jumlah}
</div> </div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
</div> </div>
</div>
</html> </html>
views/templates/base.pt
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
<!-- Menu Master--> <!-- Menu Master-->
<li><a href="/eis/sipkd/anggaran">Anggaran</a> <li><a href="/eis/sipkd/anggaran">Anggaran</a>
<li><a href="/eis/sipkd/realisasi">Realisasi</a> <li><a href="/eis/sipkd/realisasi">Realisasi</a>
<li><a href="/eis/sipkd/kinerja">Kinerja</a>
<li><a href="/eis/sipkd/grafik">Grafik</a> <li><a href="/eis/sipkd/grafik">Grafik</a>
<li><a href="/eis/sipkd/harian">Harian</a> <li><a href="/eis/sipkd/harian">Harian</a>
<li class="dropdown" tal:condition="request.user.user_name=='admin'"> <li class="dropdown" tal:condition="request.user.user_name=='admin'">
......
views/templates/eis.pt
...@@ -336,7 +336,7 @@ ...@@ -336,7 +336,7 @@
</script> </script>
</div> </div>
<div class="col-md-12 data" style="margin-bottom:50px; display:none;" <div class="col-md-12 data" style="margin-bottom:50px; display:none;"
tal:condition="dat.source_type=='chart-bar'" id="chart-bar-${dat.id}" > tal:condition="dat.source_type=='chart-bar'" id="chart-bar-${dat.id}" >
<div class="row"> <div class="row">
......
views/templates/grafik.pt 0 → 100644
<html metal:use-macro="load: base.pt">
<div metal:fill-slot="scripts">
<script>
function hide_other(){
$('.data').hide();
};
var bar_chart_options = {
responsive:true
};
</script>
<style>
body {
/*background-image: url("static/img/bg1.jpg");*/
}
.judul {
margin-top: 10px;
color: #777;
font-size: 40px;
font-weight: normal;
padding-left:0px;
}
@media (min-width: 767px) {
.judul {
margin-top: 10px;
color: #777;
font-size: 40px;
font-weight: normal;
padding-left:320px;
}
}
.subjudul {
margin-bottom: 0px;
margin-bottom: 20px;
color: #777;
padding-left:0px;
}
@media (min-width: 767px) {
.subjudul {
padding-left:320px;
}
}
.alert {
border-radius: 0px !important;
}
.alert-judul {
color: #fff;
background-color: #6497C9;
border-color: #5580AA;
}
.alert-judul h3 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
</style>
<!-- menu left -->
<div class="container">
<!--div class="row" style="background-color:rgb(255,255,255); padding-top:15px;">
<div class="col-md-2">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px;padding-bottom:5px;">
</div>
<div class="col-md-8">
<h3 style="margin-top:5px;">EKSEKUTIF SUMMARY PAJAK DAERAH</h3>
<h4>Tahun ${request.session['tahun']}</h4>
</div>
</div-->
<div class="row">
<div class="col-md-5">
<div class="col-md-12">
<div id="chart-line-101" >
<div class="row">
<center>
<div class="row">
<div class="col-md-12 bg-info">
<h5>REALISASI KUMULATIF PENDAPATAN DAN BELANJA</h5>
</div>
</div>
<div class="row">
<div class="col-md-10">
<canvas id="canvas_101" height="300px" width="400px"></canvas>
</div>
<div class="col-md-2">
<h5>Keterangan</h5>
<div id="legend_101"></div>
</div>
</div>
</center>
</div>
<script>
var lineChartData_101 = {
labels : [],
datasets : [
{
label: "Pendapatan",
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data : []
},
{
label: "Belanja",
fillColor : "rgba(151,187,205,0.2)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(151,187,205,1)",
data : []
}
]
}
Chart.defaults.global.scaleLabel = function(label){
return label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
// return parseInt( label.value ).toLocaleString();
/*
This doesn't work in all browsers unfortunately yet:
parseInt( '1000' ).toLocaleString()
Result in Safari: 1.000
Result in FF und Chrome: 1.111
parseFloat( '1000.33' ).toLocaleString()
Result in Safari: 1000.33
Result in FF und Chrome: 1.000,33
*/
};
Chart.defaults.global.multiTooltipTemplate = function(label){
return label.datasetLabel + ': ' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");}
; // "<%= value %>";
Chart.defaults.global.scaleLabel = function(label){
return label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
};
Chart.defaults.global.multiTooltipTemplate = function(label){
return label.datasetLabel + ': ' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");};
$(function(){
var ctx_101 = document.getElementById("canvas_101").getContext("2d");
$.ajax({
type: "POST",
url: "/eis/sipkd/grafik/linebar/act",
data: "id=101",
success: function (html) {
if (html.success == true) {
for (i = 0; i < html.label.length; i++) {
lineChartData_101.labels.push(html.label[i]);
lineChartData_101.datasets[0].data.push(html.target[i]);
lineChartData_101.datasets[1].data.push(html.realisasi[i]);
}
window.myLine_101 = new Chart(ctx_101).Line(lineChartData_101, {
//responsive: true;
});
legend(document.getElementById('legend_101'), lineChartData_101);
}
},
beforeSend: function () {
}
});
});
</script>
</div>
</div>
</div>
<div class="col-md-1">
</div>
<div class="col-md-5">
<div class="col-md-12">
<div id="chart-bar-102" >
<div class="row">
<center>
<div class="row">
<div class="col-md-12 bg-info">
<h5>REALISASI PENDAPATAN DAN BELANJA</h5>
</div>
</div>
<div class="row">
<div class="col-md-10">
<canvas id="canvas_102" height="300px" width="500px"></canvas>
</div>
<div class="col-md-2">
<h5>Keterangan</h5>
<div id="legend_102"></div>
</div>
</div>
</center>
</div>
<script>
var barChartData_102 = {
labels : [],
datasets : [
{
label: "Pendapatan",
fillColor : "rgba(220,220,220,0.2)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(220,220,220,1)",
data : []
},
{
label: "Belanja",
fillColor : "rgba(151,187,205,0.2)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
pointHighlightFill : "#fff",
pointHighlightStroke : "rgba(151,187,205,1)",
data : []
}
]
}
Chart.defaults.global.scaleLabel = function(label){
return label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
// return parseInt( label.value ).toLocaleString();
/*
This doesn't work in all browsers unfortunately yet:
parseInt( '1000' ).toLocaleString()
Result in Safari: 1.000
Result in FF und Chrome: 1.111
parseFloat( '1000.33' ).toLocaleString()
Result in Safari: 1000.33
Result in FF und Chrome: 1.000,33
*/
};
Chart.defaults.global.multiTooltipTemplate = function(label){
return label.datasetLabel + ': ' + label.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");}
;
var ctx_102 = $("#canvas_102").get(0).getContext("2d");
$(function(){
//GET DATA FROM SERVER
$.ajax({
type: "POST",
url: "/eis/sipkd/grafik/linebar/act",
data: "id=102",
success: function (html) {
if (html.success == true) {
for (i = 0; i < html.label.length; i++) {
barChartData_102.labels.push(html.label[i]);
barChartData_102.datasets[0].data.push(html.target[i]);
barChartData_102.datasets[1].data.push(html.realisasi[i]);
}
window.myBar_102 = new Chart(ctx_102).Bar(barChartData_102,
{
//responsive: false;
});
legend(document.getElementById('legend_102'), barChartData_102);
}
},
beforeSend: function () {
}
});
});
</script>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-5">
<div class="col-md-12">
<div id="chart-line-103" >
<div class="row">
<center>
<div class="row">
<div class="col-md-12 bg-info">
<h5>KOMPOSISI REALISASI PENDAPATAN</h5>
</div>
</div>
<div class="row">
<div class="col-md-10">
<canvas id="canvas_103" height="300px" width="400px"></canvas>
</div>
<div class="col-md-2">
<h5>Keterangan</h5>
<div id="legend_103"></div>
</div>
</div>
</center>
</div>
<script>
var pieData_103 = [];
$(function(){
/*GET DATA PIE*/
var ctx_103 = document.getElementById("canvas_103").getContext("2d");
//window.myPie_103 = new Chart(ctx_103).Pie(pieData_103);
var npie = 0 ;
//GET DATA FROM SERVER
$.ajax({
type: "POST",
url: "/eis/sipkd/grafik/pie/act",
data: "id=103",
success: function (html) {
if (html.success == true) {
jQuery.each(html.rows, function(i, val) {
x = {
"value": val.value,
"color": "#"+val.color,
//highlight: "#"+val.highlight,
"label": val.nama}
npie = pieData_103.push(x);
//alert(pieData_103[npie].value());
});
window.myPie_103 = new Chart(ctx_103).Pie(pieData_103,{
//responsive: true;
});
legend(document.getElementById('legend_103'), pieData_103);
}
},
beforeSend: function () {
}
});
});
</script>
</div>
</div>
</div>
<div class="col-md-1"></div>
<div class="col-md-5">
<div class="col-md-12">
<div id="chart-line-104" >
<div class="row">
<center>
<div class="row">
<div class="col-md-12 bg-info">
<h5>KOMPOSISI REALISASI BELANJA</h5>
</div>
</div>
<div class="row">
<div class="col-md-10">
<canvas id="canvas_104" height="300px" width="500px"></canvas>
</div>
<div class="col-md-2">
<h5>Keterangan</h5>
<div id="legend_104"></div>
</div>
</div>
</center>
<script>
var pieData_104 = [];
$(function(){
/*GET DATA PIE*/
var ctx_104 = document.getElementById("canvas_104").getContext("2d");
//window.myPie_103 = new Chart(ctx_103).Pie(pieData_103);
var npie = 0 ;
//GET DATA FROM SERVER
$.ajax({
type: "POST",
url: "/eis/sipkd/grafik/pie/act",
data: "id=104",
success: function (html) {
if (html.success == true) {
jQuery.each(html.rows, function(i, val) {
x = {
"value": val.value,
"color": "#"+val.color,
//highlight: "#"+val.highlight,
"label": val.nama}
npie = pieData_104.push(x);
//alert(pieData_103[npie].value());
});
window.myPie_104 = new Chart(ctx_104).Pie(pieData_104,{
//responsive: true;
});
legend(document.getElementById('legend_104'), pieData_104);
}
},
beforeSend: function () {
}
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</html>
views/templates/kinerja.pt 0 → 100644
<html metal:use-macro="load: base-eis.pt">
<div metal:fill-slot="scripts">
<div class="container">
<div class="row">
<div class="col-md-2">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;">
</div>
<div class="col-md-8 sub-judul">
KINERJA APBD<br>
TAHUN ${request.session['tahun']}
</div>
</div>
<div class="row">
<div class="col-md-12 sub-judul bg-primary">
${title}
</div>
</div>
<div class="row">
<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;"><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-1 table-title bg-success " style="text-align:right;"><right><b>(%)</b></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 bg-info">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-info">
<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 tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body bg-warning">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-warning">
<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 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 bg-info">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-info">
<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 tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body bg-warning">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-warning">
<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 class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-5 table-body bg-danger" >SURPLUS/DEFISIT</div>
<div class="col-md-2 table-body-right bg-danger">
${sd_row['anggaran']}
</div>
<div class="col-md-2 table-body-right bg-danger">
${sd_row['realisasi']}
</div>
<div class="col-md-2 table-body-right bg-danger">
${sd_row['anggaran']-sd_row['realisasi']}
</div>
<div class="col-md-1 table-body-right bg-danger">
<tal:block tal:condition="sd_row['anggaran']==0">
100
</tal:block>
<tal:block tal:condition="sd_row['anggaran']!=0">
${round(sd_row['realisasi']/sd_row['anggaran']*100,0)}
</tal:block>
</div>
</div>
<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 bg-info">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-info">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-info">
<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 tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-5 table-body bg-warning">
<a href="/eis/sipkd/kinerja?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.realisasi}
</div>
<div class="col-md-2 table-body-right bg-warning">
${row.anggaran - row.realisasi}
</div>
<div class="col-md-1 table-body-right bg-warning">
<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>
</html>
views/templates/realisasi.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="col-md-12 judul"> <div class="container">
<div class="row judul">
<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-10 sub-judul">
EKSEKUTIF SUMMARY REALISASI APBD<br> EKSEKUTIF SUMMARY REALISASI APBD<br>
TAHUN ${request.session['tahun']} TAHUN ${request.session['tahun']}
</div> </div>
</div> </div>
<div class="col-md-12"> <div class="row">
<div class="col-md-1"><b>&nbsp;</b></div> <div class="sub-judul bg-primary">${title}</div>
<div class="col-md-10 sub-judul bg-primary">
<div class="col-md-12">
${title}
</div>
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12"> <div class="row">
<div class="col-md-1"><b>&nbsp;</b></div> <div class="col-md-8 table-title bg-success"><b>URAIAN</b></div>
<div class="col-md-7"> <div class="col-md-4 table-title bg-success table-body-right"><b>JUMLAH</b></div>
<div class="col-md-12 table-title bg-success"><b>URAIAN</b></div>
</div>
<div class="col-md-3 table-title bg-success " style="text-align:right;"><right><b>JUMLAH</b></right></div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12" 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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div>
<div class="col-md-3 table-body-right bg-info">
${row.jumlah}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div> <div class="col-md-4 table-body-right bg-info">${row.jumlah}</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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div> </div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-warning">${row.jumlah}</div>
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
<div class="col-md-12" 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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div> </div>
<div class="col-md-3 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">${row.jumlah}</div>
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div> </div>
<div class="col-md-3 table-body-right bg-warning"> <div class="col-md-4 table-body-right bg-warning">${row.jumlah}</div>
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
<div class="col-md-12" tal:condition="level_id<3 and not kode"> <div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-1">&nbsp;</div> <div class="col-md-8 table-body bg-danger" >SURPLUS/DEFISIT (Pendapatan-Belanja)</div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-danger">
<div class="col-md-12 table-body bg-danger" >SURPLUS/DEFISIT</div>
</div>
<div class="col-md-3 table-body-right bg-danger">
${sd_row} ${sd_row}
</div> </div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
<div class="col-md-12" tal:repeat="row pb_rows"> <div class="row" tal:repeat="row pb_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-1">&nbsp; <div class="col-md-8 table-body bg-info">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div> </div>
<div class="col-md-3 table-body-right bg-info"> <div class="col-md-4 table-body-right bg-info">${row.jumlah}</div>
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></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-1">&nbsp; <div class="col-md-8 table-body bg-warning">
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> --> <a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div> </div>
<div class="col-md-3 table-body-right bg-warning"> <div class="col-md-4 table-body-right bg-warning">${row.jumlah}</div>
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div> </div>
<div class="col-md-12" tal:condition="level_id<3 and not kode"> <div class="row" tal:condition="level_id<3 and not kode">
<div class="col-md-1">&nbsp;</div> <div class="col-md-8 table-body bg-danger" >SALDO KAS (Surplus/Defisit + Pembiayaan)</div>
<div class="col-md-7"> <div class="col-md-4 table-body-right bg-danger">${sk_row}</div>
<div class="col-md-12 table-body bg-danger" >SALDO KAS</div>
</div>
<div class="col-md-3 table-body-right bg-danger">
${sk_row}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div> </div>
</div>
</div> </div>
</html> </html>
views/templates/realisasi2.pt 0 → 100644
<html metal:use-macro="load: base-eis.pt">
<div metal:fill-slot="scripts">
<div class="col-md-12 judul">
<div class="col-md-2 judul">
<img class="" src="/static/img/logo.png" style="height:80px; width:80px; padding-bottom:10px;">
</div>
<div class="col-md-8 sub-judul">
EKSEKUTIF SUMMARY REALISASI APBD<br>
TAHUN ${request.session['tahun']}
</div>
</div>
<div class="col-md-12">
<div class="col-md-1"><b>&nbsp;</b></div>
<div class="col-md-10 sub-judul bg-primary">
<div class="col-md-12">
${title}
</div>
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div class="col-md-12">
<div class="col-md-1"><b>&nbsp;</b></div>
<div class="col-md-7">
<div class="col-md-12 table-title bg-success"><b>URAIAN</b></div>
</div>
<div class="col-md-3 table-title bg-success " style="text-align:right;"><right><b>JUMLAH</b></right></div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div class="col-md-12" tal:repeat="row ar_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div>
<div class="col-md-3 table-body-right bg-info">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
</div>
<div class="col-md-12" tal:repeat="row ap_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div>
<div class="col-md-3 table-body-right bg-info">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
</div>
<div class="col-md-12" tal:condition="level_id<3 and not kode">
<div class="col-md-1">&nbsp;</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-danger" >SURPLUS/DEFISIT</div>
</div>
<div class="col-md-3 table-body-right bg-danger">
${sd_row}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div class="col-md-12" tal:repeat="row pb_rows">
<div tal:condition="float(row.level_id/2.0)!=float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-info">
<a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a>
</div>
</div>
<div class="col-md-3 table-body-right bg-info">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
<div tal:condition="float(row.level_id/2.0)==float(row.level_id//2.0)">
<div class="col-md-1">&nbsp;
<!-- <div class="table-body bg-info">${row.rekening_kd}</div> -->
</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-warning"><a href="/eis/sipkd/realisasi?kode=${row.rekening_kd}&nama=${row.rekening_nm}">${row.rekening_nm}</a></div>
</div>
<div class="col-md-3 table-body-right bg-warning">
${row.jumlah}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
</div>
<div class="col-md-12" tal:condition="level_id<3 and not kode">
<div class="col-md-1">&nbsp;</div>
<div class="col-md-7">
<div class="col-md-12 table-body bg-danger" >SALDO KAS</div>
</div>
<div class="col-md-3 table-body-right bg-danger">
${sk_row}
</div>
<div class="col-md-1"><b>&nbsp;</b></div>
</div>
</div>
</html>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!