Skip to content

Solo Group / sipkd

Go to a project
Commit 54c89328 by agungb
Options

merapihkan tampilan list.pt

1 parent 8838e6bc
Inline Side-by-side
Showing 5 changed files with 238 additions and 143 deletions
views/templates/base.pt
...@@ -3,18 +3,18 @@ ...@@ -3,18 +3,18 @@
<ul metal:fill-slot="navs"> <ul metal:fill-slot="navs">
<li tal:attributes="class request.path == '/sipkd' and 'active'"><a href="/sipkd">Home</a></li> <li tal:attributes="class request.path == '/sipkd' and 'active'"><a href="/sipkd">Home</a></li>
<li> <li>
<a href="#"><i class="fa fa-lg fa-fw fa-shield"></i> <span class="menu-item-parent">Pendapatan</span></a> <a href="#"><i class="fa fa-lg fa-fw fa-angle-right"></i> <span class="menu-item-parent">Pendapatan</span></a>
<ul> <ul>
<li><a href="/sipkd/skp">SKP</a></li> <li><a href="/sipkd/skp">SKP</a></li>
<li><a href="/sipkd/tbp">TBP</a></li> <li><a href="/sipkd/tbp">TBP</a></li>
<!-- <li><a href="/sipkd/bku">BKU</a></li> --> <!-- <li><a href="/sipkd/bku">BKU</a></li> -->
</ul> </ul>
</li> </li>
<li> <li>
<a href="#"><i class="fa fa-lg fa-fw fa-shield"></i> <span class="menu-item-parent">Referensi</span></a> <a href="#"><i class="fa fa-lg fa-fw fa-angle-right"></i> <span class="menu-item-parent">Referensi</span></a>
<ul> <ul>
<li><a href="/sipkd/rek4">Rekening Pendapatan</a></li> <li><a href="/sipkd/rek4">Rekening Pendapatan</a></li>
<li><a href="/sipkd/bendahara">Bendahara</a></li> <li><a href="/sipkd/bendahara">Bendahara</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
......
views/templates/bendahara/list.pt
<html metal:use-macro="load: ../base.pt"> <html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content"> <div metal:fill-slot="content">
<h4>${request.title}</h4> <div class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive"> <header role="heading">
<thead> <h2>
<tr> <i class="fa fa-fw fa-table"></i>
<th>id</th> ${request.title}
<th>Jenis</th> </h2>
<th>NIP</th> </header>
<th>Jabatan.</th> <div role="content">
<th>OPD</th> <div class="widget-body"><!-- widget-body -->
</tr> <div class="dataTables_wrapper form-inline no-footer">
</thead>
<tbody> <table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
</tbody> <thead>
</table> <tr>
<th>id</th>
<th>Jenis</th>
<th>NIP</th>
<th>Jabatan.</th>
<th>OPD</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div> </div>
<div metal:fill-slot="scripts"> <div metal:fill-slot="scripts">
<script> <script>
$( document ).ready(function() { $( document ).ready(function() {
...@@ -74,7 +88,7 @@ ...@@ -74,7 +88,7 @@
} }
}, },
}); //end of oTable }); //end of oTable
var style_posted = ""; var style_posted = "";
var style_unposted = ""; var style_unposted = "";
var tb_array = [ var tb_array = [
...@@ -94,9 +108,9 @@ ...@@ -94,9 +108,9 @@
var tb = tb_array.join(' '); var tb = tb_array.join(' ');
$("div.toolbar").html(tb); $("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;'); $("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/*********************************************************************** /***********************************************************************
BUTTON BUTTON
***********************************************************************/ ***********************************************************************/
$('#btn_add').click(function () { $('#btn_add').click(function () {
...@@ -111,13 +125,13 @@ ...@@ -111,13 +125,13 @@
$('#btn_delete').click(function () { $('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete'; if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus'); else alert('Pilih Baris yang akan di hapus');
}); });
$("#btn_close").click(function () { $("#btn_close").click(function () {
window.location = '/skpd'; window.location = '/skpd';
return false; return false;
}); });
$('#btn_posting').click(function () { $('#btn_posting').click(function () {
if (rows_selected.length>0) { if (rows_selected.length>0) {
$.ajax({ $.ajax({
...@@ -129,7 +143,7 @@ ...@@ -129,7 +143,7 @@
$("#success").css('display', 'inline', 'important'); $("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg); $("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = []; rows_selected = [];
oTable.ajax.reload();} oTable.ajax.reload();}
else { else {
$("#errors").css('display', 'inline', 'important'); $("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg); $("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
...@@ -140,17 +154,17 @@ ...@@ -140,17 +154,17 @@
else { else {
alert('Silahkan pilih data yang akan diposting'); alert('Silahkan pilih data yang akan diposting');
} }
}); });
$('#btn_csv').click(function () { $('#btn_csv').click(function () {
window.location = sUrl+ "/csv"; window.location = sUrl+ "/csv";
}); });
$('.date-control').datepicker({ $('.date-control').datepicker({
format:'dd-mm-yyyy' format:'dd-mm-yyyy'
}); });
//Handle click on row data //Handle click on row data
$('#table1 tbody').on('click', 'tr', function () { $('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) { if ($(this).hasClass('selected')) {
...@@ -164,8 +178,8 @@ ...@@ -164,8 +178,8 @@
$(this).addClass('row_selected'); $(this).addClass('row_selected');
} }
}); });
}); //end of document }); //end of document
</script> </script>
</div> </div>
......
views/templates/home.pt
...@@ -4,22 +4,73 @@ ...@@ -4,22 +4,73 @@
<link href="/static/css/theme.css" rel="stylesheet"> <link href="/static/css/theme.css" rel="stylesheet">
<!-- Main component for a primary marketing message or call to action --> <!-- Main component for a primary marketing message or call to action -->
<div class="well"> <div class="well">
<h1>Integrasi SIPKD - Pajak Daerah</h1> <div class="row">
<p><img src="/static/img/logo.png" class="img-float img-thumbnail"/> <div class="col-md-12">
Selamat datang di aplikasi <code>Integrasi SIPKD - Pajak Daerah</code> apliki ini di desikan untuk <h1 class="alert alert-info">Integrasi SIPKD - Pajak Daerah</h1>
memproses data yang berasal dari aplikasi pajak daerah (PBB, BPHTB dan PADL) sehingga data dari setiap </div>
aplikasi tersebut dapat terintegrasi dengan aplikasi keuangan daerah (SIPKD) </div>
<div class="row">
<p>Aplikasi ini dibangun dengan menggunakan platform open source yang terdiri dari:</p> <div id="myCarousel-2" class="carousel slide">
<ul>
<li>Web Framework<a href="http://pylonsproject.org/">Pyramid</a> </li> <div class="carousel-inner">
<li>Template <a href="https://pypi.python.org/pypi/ziggurat-foundations">Ziggurat Foundations</a></li> <!-- Slide 1 -->
<li>Template <a href="http://docs.pylonsproject.org/projects/pyramid-chameleon/en/latest/">Chameleon</a></li> <div class="item active">
<li>Form Generator <a href="http://docs.pylonsproject.org/projects/deform/">Deform</a></li> <div class="col-md-8">
<li>CSS Framework <a href="http://getbootstrap.com">Bootstrap</a></li> <img src="/static/img/slide-home-3.jpg" alt="" style="max-width: 100%;">
<li>Database <a href="http://postgresql.org">Postgres SQL</a></li> </div>
<div class="col-md-4">
</ul> <h3>Tentang Kami</h3>
</div><!--well--> <p>Kami adalah perusahaan yang bergerak di bidang pembuatan perangkat lunak.</p>
<p> Kami telah berpengalaman merancang dan membuat aplikasi keuangan yang telah digunakan oleh pemerintah daerah.</p>
</div>
</div>
<!-- Slide 2 -->
<div class="item">
<div class="col-md-8">
<img src="/static/img/slide-home-1.jpg" alt="" style="max-width: 100%;">
</div>
<div class="col-md-4">
<h3>Spesifikasi Keahlian</h3>
<p>Aplikasi yang kami buat dirancang menggunakan platform open source yang terdiri dari:</p>
<ul>
<li>Web Framework<a href="http://pylonsproject.org/">Pyramid</a> </li>
<li>Template <a href="https://pypi.python.org/pypi/ziggurat-foundations">Ziggurat Foundations</a></li>
<li>Template <a href="http://docs.pylonsproject.org/projects/pyramid-chameleon/en/latest/">Chameleon</a></li>
<li>Form Generator <a href="http://docs.pylonsproject.org/projects/deform/">Deform</a></li>
<li>CSS Framework <a href="http://getbootstrap.com">Bootstrap</a></li>
<li>Database <a href="http://postgresql.org">Postgres SQL</a></li>
</ul>
</div>
</div>
<!-- Slide 3 -->
<div class="item">
<div class="col-md-8">
<img src="/static/img/slide-home-2.jpg" alt="" style="max-width: 100%;">
</div>
<div class="col-md-4">
<h3>Produk dan Jasa</h3>
<p>Perusahaan kami berpengalaman dalam pembuatan:</p>
<ul>
<li>Sistem Informasi BPHTB</li>
<li>Sistem Informasi Pajak Asli Daerah Non PBB BPHTB</li>
<li>Aplikasi Payment Online System PBB (POS PBB)</li>
<li>Aplikasi Integrasi Pembayaran dengan Perbankan</li>
<li>Pembuatan dan Management Jaringan</li>
</ul>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel-2" data-slide="prev" style="background: none;"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#myCarousel-2" data-slide="next" style="background: none;"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div>
</div>
</div>
</div> </div>
</html>
\ No newline at end of file \ No newline at end of file
</html>
views/templates/skp/list.pt
<html metal:use-macro="load: ../base.pt"> <html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content"> <div metal:fill-slot="content">
<h4>${request.title}</h4> <div class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8" <header role="heading">
class="form-horizontal"> <h2>
<fieldset class="deformFormFieldset"> <i class="fa fa-fw fa-table"></i>
<!--Tanggal--> ${request.title}
<div id="item-tanggal_fltr"> </h2>
<div class="col-md-5"> </header>
<div class="input-group"> <div role="content">
<span class="input-group-addon">Tanggal</span> <div class="widget-body"><!-- widget-body -->
<div class="dataTables_wrapper form-inline no-footer">
<input id="awal" class="form-control date-control" type="text" <div class="dt-toolbar" style="padding: 0; margin-bottom: 20px; background: #fff; border-bottom: none;"> <!-- dt-toolbar -->
value="${request.session['awal']}" name="awal"> <form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8" class="form-horizontal">
<span class="input-group-addon">s.d</span> <fieldset class="deformFormFieldset">
<input id="akhir" class="form-control date-control" type="text" <!--Tanggal-->
value="${request.session['akhir']}" name="akhir"> <div id="item-tanggal_fltr">
</div> <div class="col-md-5">
</div> <div class="input-group">
<div class="col-md-2"> <span class="input-group-addon">Tanggal</span>
<div class="input-group">
<span class="input-group-addon"> <input id="awal" class="form-control date-control" type="text"
<input type="checkbox" id="posted" value="${request.session['awal']}" name="awal">
value = "1" <span class="input-group-addon">s.d</span>
checked = "${request.session['posted'] and 'checked' or None}" name="posted"> <input id="akhir" class="form-control date-control" type="text"
</span> value="${request.session['akhir']}" name="akhir">
<label class="form-control">Posted</label> </div>
<span class="input-group-btn"> </div>
<button id="btn-filter" name="btn-filter" class="btn btn btn-primary" type="submit">Filter</button> <div class="col-md-2">
</span> <div class="input-group">
<span class="input-group-addon">
<input type="checkbox" id="posted"
value = "1"
checked = "${request.session['posted'] and 'checked' or None}" name="posted">
</span>
<label class="form-control">Posted</label>
<span class="input-group-btn">
<button id="btn-filter" name="btn-filter" class="btn btn btn-primary" type="submit">Filter</button>
</span>
</div>
</div>
</div>
</fieldset>
</form>
</div> </div>
</div>
</div>
</fieldset>
</form>
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive"> <table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead> <thead>
<tr> <tr>
...@@ -49,7 +59,12 @@ ...@@ -49,7 +59,12 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
<div metal:fill-slot="scripts"> <div metal:fill-slot="scripts">
<script> <script>
$( document ).ready(function() { $( document ).ready(function() {
...@@ -108,7 +123,7 @@ ...@@ -108,7 +123,7 @@
} }
}, },
}); //end of oTable }); //end of oTable
var style_posted = ""; var style_posted = "";
var style_unposted = ""; var style_unposted = "";
var tb_array = [ var tb_array = [
...@@ -128,9 +143,9 @@ ...@@ -128,9 +143,9 @@
var tb = tb_array.join(' '); var tb = tb_array.join(' ');
$("div.toolbar").html(tb); $("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;'); $("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/*********************************************************************** /***********************************************************************
BUTTON BUTTON
***********************************************************************/ ***********************************************************************/
$('#btn_add').click(function () { $('#btn_add').click(function () {
...@@ -145,13 +160,13 @@ ...@@ -145,13 +160,13 @@
$('#btn_delete').click(function () { $('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete'; if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus'); else alert('Pilih Baris yang akan di hapus');
}); });
$("#btn_close").click(function () { $("#btn_close").click(function () {
window.location = '/skpd'; window.location = '/skpd';
return false; return false;
}); });
$('#btn_posting').click(function () { $('#btn_posting').click(function () {
if (rows_selected.length>0) { if (rows_selected.length>0) {
$.ajax({ $.ajax({
...@@ -163,7 +178,7 @@ ...@@ -163,7 +178,7 @@
$("#success").css('display', 'inline', 'important'); $("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg); $("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = []; rows_selected = [];
oTable.ajax.reload();} oTable.ajax.reload();}
else { else {
$("#errors").css('display', 'inline', 'important'); $("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg); $("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
...@@ -174,17 +189,17 @@ ...@@ -174,17 +189,17 @@
else { else {
alert('Silahkan pilih data yang akan diposting'); alert('Silahkan pilih data yang akan diposting');
} }
}); });
$('#btn_csv').click(function () { $('#btn_csv').click(function () {
window.location = sUrl+ "/csv"; window.location = sUrl+ "/csv";
}); });
$('.date-control').datepicker({ $('.date-control').datepicker({
format:'dd-mm-yyyy' format:'dd-mm-yyyy'
}); });
//Handle click on row data //Handle click on row data
$('#table1 tbody').on('click', 'tr', function () { $('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) { if ($(this).hasClass('selected')) {
...@@ -198,8 +213,8 @@ ...@@ -198,8 +213,8 @@
$(this).addClass('row_selected'); $(this).addClass('row_selected');
} }
}); });
}); //end of document }); //end of document
</script> </script>
</div> </div>
......
views/templates/tbp/list.pt
<html metal:use-macro="load: ../base.pt"> <html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content"> <div metal:fill-slot="content">
<h4>${request.title}</h4> <div class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8" <header role="heading">
<h2>
<i class="fa fa-fw fa-table"></i>
${request.title}
</h2>
</header>
<div role="content">
<div class="widget-body"><!-- widget-body -->
<div class="dataTables_wrapper form-inline no-footer">
<div class="dt-toolbar" style="padding: 0; margin-bottom: 20px; background: #fff; border-bottom: none;"> <!-- dt-toolbar -->
<form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8"
class="form-horizontal"> class="form-horizontal">
<fieldset class="deformFormFieldset"> <fieldset class="deformFormFieldset">
<!--Tanggal--> <!--Tanggal-->
<div id="item-tanggal_fltr"> <div id="item-tanggal_fltr">
<div class="col-md-5"> <div class="col-md-5">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">Tanggal</span> <span class="input-group-addon">Tanggal</span>
<input id="awal" class="form-control date-control" type="text" <input id="awal" class="form-control date-control" type="text"
value="${request.session['awal']}" name="awal"> value="${request.session['awal']}" name="awal">
<span class="input-group-addon">s.d</span> <span class="input-group-addon">s.d</span>
<input id="akhir" class="form-control date-control" type="text" <input id="akhir" class="form-control date-control" type="text"
value="${request.session['akhir']}" name="akhir"> value="${request.session['akhir']}" name="akhir">
</div> </div>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"> <span class="input-group-addon">
<input type="checkbox" id="posted" <input type="checkbox" id="posted"
value = "1" value = "1"
checked = "${request.session['posted'] and 'checked' or None}" name="posted"> checked = "${request.session['posted'] and 'checked' or None}" name="posted">
</span> </span>
<label class="form-control">Posted</label> <label class="form-control">Posted</label>
<span class="input-group-btn"> <span class="input-group-btn">
<button id="btn-filter" name="btn-filter" class="btn btn btn-primary" type="submit">Filter</button> <button id="btn-filter" name="btn-filter" class="btn btn btn-primary" type="submit">Filter</button>
</span> </span>
</div>
</div>
</div>
</fieldset>
</form>
</div> </div>
</div>
</div>
</fieldset>
</form>
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive"> <table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead> <thead>
<tr> <tr>
...@@ -49,7 +61,10 @@ ...@@ -49,7 +61,10 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
<div metal:fill-slot="scripts"> <div metal:fill-slot="scripts">
<script> <script>
$( document ).ready(function() { $( document ).ready(function() {
...@@ -108,7 +123,7 @@ ...@@ -108,7 +123,7 @@
} }
}, },
}); //end of oTable }); //end of oTable
var style_posted = ""; var style_posted = "";
var style_unposted = ""; var style_unposted = "";
var tb_array = [ var tb_array = [
...@@ -128,9 +143,9 @@ ...@@ -128,9 +143,9 @@
var tb = tb_array.join(' '); var tb = tb_array.join(' ');
$("div.toolbar").html(tb); $("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;'); $("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/*********************************************************************** /***********************************************************************
BUTTON BUTTON
***********************************************************************/ ***********************************************************************/
$('#btn_add').click(function () { $('#btn_add').click(function () {
...@@ -145,13 +160,13 @@ ...@@ -145,13 +160,13 @@
$('#btn_delete').click(function () { $('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete'; if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus'); else alert('Pilih Baris yang akan di hapus');
}); });
$("#btn_close").click(function () { $("#btn_close").click(function () {
window.location = '/skpd'; window.location = '/skpd';
return false; return false;
}); });
$('#btn_posting').click(function () { $('#btn_posting').click(function () {
if (rows_selected.length>0) { if (rows_selected.length>0) {
$.ajax({ $.ajax({
...@@ -163,7 +178,7 @@ ...@@ -163,7 +178,7 @@
$("#success").css('display', 'inline', 'important'); $("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg); $("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = []; rows_selected = [];
oTable.ajax.reload();} oTable.ajax.reload();}
else { else {
$("#errors").css('display', 'inline', 'important'); $("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg); $("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
...@@ -174,17 +189,17 @@ ...@@ -174,17 +189,17 @@
else { else {
alert('Silahkan pilih data yang akan diposting'); alert('Silahkan pilih data yang akan diposting');
} }
}); });
$('#btn_csv').click(function () { $('#btn_csv').click(function () {
window.location = sUrl+ "/csv"; window.location = sUrl+ "/csv";
}); });
$('.date-control').datepicker({ $('.date-control').datepicker({
format:'dd-mm-yyyy' format:'dd-mm-yyyy'
}); });
//Handle click on row data //Handle click on row data
$('#table1 tbody').on('click', 'tr', function () { $('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) { if ($(this).hasClass('selected')) {
...@@ -198,8 +213,8 @@ ...@@ -198,8 +213,8 @@
$(this).addClass('row_selected'); $(this).addClass('row_selected');
} }
}); });
}); //end of document }); //end of document
</script> </script>
</div> </div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!