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 @@
<ul metal:fill-slot="navs">
<li tal:attributes="class request.path == '/sipkd' and 'active'"><a href="/sipkd">Home</a></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>
<li><a href="/sipkd/skp">SKP</a></li>
<li><a href="/sipkd/tbp">TBP</a></li>
<li><a href="/sipkd/skp">SKP</a></li>
<li><a href="/sipkd/tbp">TBP</a></li>
<!-- <li><a href="/sipkd/bku">BKU</a></li> -->
</ul>
</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>
<li><a href="/sipkd/rek4">Rekening Pendapatan</a></li>
<li><a href="/sipkd/bendahara">Bendahara</a></li>
<li><a href="/sipkd/rek4">Rekening Pendapatan</a></li>
<li><a href="/sipkd/bendahara">Bendahara</a></li>
</ul>
</li>
</ul>
......
views/templates/bendahara/list.pt
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<h4>${request.title}</h4>
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead>
<tr>
<th>id</th>
<th>Jenis</th>
<th>NIP</th>
<th>Jabatan.</th>
<th>OPD</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<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">
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead>
<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 metal:fill-slot="scripts">
<script>
$( document ).ready(function() {
......@@ -74,7 +88,7 @@
}
},
}); //end of oTable
var style_posted = "";
var style_unposted = "";
var tb_array = [
......@@ -94,9 +108,9 @@
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/***********************************************************************
/***********************************************************************
BUTTON
***********************************************************************/
$('#btn_add').click(function () {
......@@ -111,13 +125,13 @@
$('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
});
$("#btn_close").click(function () {
window.location = '/skpd';
return false;
});
$('#btn_posting').click(function () {
if (rows_selected.length>0) {
$.ajax({
......@@ -129,7 +143,7 @@
$("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = [];
oTable.ajax.reload();}
oTable.ajax.reload();}
else {
$("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
......@@ -140,17 +154,17 @@
else {
alert('Silahkan pilih data yang akan diposting');
}
});
$('#btn_csv').click(function () {
window.location = sUrl+ "/csv";
});
$('.date-control').datepicker({
format:'dd-mm-yyyy'
});
//Handle click on row data
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
......@@ -164,8 +178,8 @@
$(this).addClass('row_selected');
}
});
}); //end of document
}); //end of document
</script>
</div>
......
views/templates/home.pt
......@@ -4,22 +4,73 @@
<link href="/static/css/theme.css" rel="stylesheet">
<!-- Main component for a primary marketing message or call to action -->
<div class="well">
<h1>Integrasi SIPKD - Pajak Daerah</h1>
<p><img src="/static/img/logo.png" class="img-float img-thumbnail"/>
Selamat datang di aplikasi <code>Integrasi SIPKD - Pajak Daerah</code> apliki ini di desikan untuk
memproses data yang berasal dari aplikasi pajak daerah (PBB, BPHTB dan PADL) sehingga data dari setiap
aplikasi tersebut dapat terintegrasi dengan aplikasi keuangan daerah (SIPKD)
<p>Aplikasi ini dibangun dengan 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><!--well-->
<div class="row">
<div class="col-md-12">
<h1 class="alert alert-info">Integrasi SIPKD - Pajak Daerah</h1>
</div>
</div>
<div class="row">
<div id="myCarousel-2" class="carousel slide">
<div class="carousel-inner">
<!-- Slide 1 -->
<div class="item active">
<div class="col-md-8">
<img src="/static/img/slide-home-3.jpg" alt="" style="max-width: 100%;">
</div>
<div class="col-md-4">
<h3>Tentang Kami</h3>
<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>
</html>
\ No newline at end of file
</html>
views/templates/skp/list.pt
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<h4>${request.title}</h4>
<form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8"
class="form-horizontal">
<fieldset class="deformFormFieldset">
<!--Tanggal-->
<div id="item-tanggal_fltr">
<div class="col-md-5">
<div class="input-group">
<span class="input-group-addon">Tanggal</span>
<input id="awal" class="form-control date-control" type="text"
value="${request.session['awal']}" name="awal">
<span class="input-group-addon">s.d</span>
<input id="akhir" class="form-control date-control" type="text"
value="${request.session['akhir']}" name="akhir">
</div>
</div>
<div class="col-md-2">
<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 class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<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">
<fieldset class="deformFormFieldset">
<!--Tanggal-->
<div id="item-tanggal_fltr">
<div class="col-md-5">
<div class="input-group">
<span class="input-group-addon">Tanggal</span>
<input id="awal" class="form-control date-control" type="text"
value="${request.session['awal']}" name="awal">
<span class="input-group-addon">s.d</span>
<input id="akhir" class="form-control date-control" type="text"
value="${request.session['akhir']}" name="akhir">
</div>
</div>
<div class="col-md-2">
<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>
</fieldset>
</form>
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead>
<tr>
......@@ -49,7 +59,12 @@
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
$( document ).ready(function() {
......@@ -108,7 +123,7 @@
}
},
}); //end of oTable
var style_posted = "";
var style_unposted = "";
var tb_array = [
......@@ -128,9 +143,9 @@
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/***********************************************************************
/***********************************************************************
BUTTON
***********************************************************************/
$('#btn_add').click(function () {
......@@ -145,13 +160,13 @@
$('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
});
$("#btn_close").click(function () {
window.location = '/skpd';
return false;
});
$('#btn_posting').click(function () {
if (rows_selected.length>0) {
$.ajax({
......@@ -163,7 +178,7 @@
$("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = [];
oTable.ajax.reload();}
oTable.ajax.reload();}
else {
$("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
......@@ -174,17 +189,17 @@
else {
alert('Silahkan pilih data yang akan diposting');
}
});
$('#btn_csv').click(function () {
window.location = sUrl+ "/csv";
});
$('.date-control').datepicker({
format:'dd-mm-yyyy'
});
//Handle click on row data
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
......@@ -198,8 +213,8 @@
$(this).addClass('row_selected');
}
});
}); //end of document
}); //end of document
</script>
</div>
......
views/templates/tbp/list.pt
<html metal:use-macro="load: ../base.pt">
<div metal:fill-slot="content">
<h4>${request.title}</h4>
<form id="form" method="POST" enctype="multipart/form-data" accept-charset="utf-8"
<div class="jarviswidget jarviswidget-color-blueLight"> <!-- jarviswidget -->
<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">
<fieldset class="deformFormFieldset">
<!--Tanggal-->
<div id="item-tanggal_fltr">
<div class="col-md-5">
<div class="input-group">
<span class="input-group-addon">Tanggal</span>
<input id="awal" class="form-control date-control" type="text"
value="${request.session['awal']}" name="awal">
<span class="input-group-addon">s.d</span>
<input id="akhir" class="form-control date-control" type="text"
value="${request.session['akhir']}" name="akhir">
</div>
</div>
<div class="col-md-2">
<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>
<fieldset class="deformFormFieldset">
<!--Tanggal-->
<div id="item-tanggal_fltr">
<div class="col-md-5">
<div class="input-group">
<span class="input-group-addon">Tanggal</span>
<input id="awal" class="form-control date-control" type="text"
value="${request.session['awal']}" name="awal">
<span class="input-group-addon">s.d</span>
<input id="akhir" class="form-control date-control" type="text"
value="${request.session['akhir']}" name="akhir">
</div>
</div>
<div class="col-md-2">
<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>
</fieldset>
</form>
<table id="table1" class="table table-bordered table-hover table-condensed dt-responsive">
<thead>
<tr>
......@@ -49,7 +61,10 @@
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div metal:fill-slot="scripts">
<script>
$( document ).ready(function() {
......@@ -108,7 +123,7 @@
}
},
}); //end of oTable
var style_posted = "";
var style_unposted = "";
var tb_array = [
......@@ -128,9 +143,9 @@
var tb = tb_array.join(' ');
$("div.toolbar").html(tb);
$("div.toolbar").attr('style', 'display:block; float: left; margin-bottom:6px; line-height:16px;');
/***********************************************************************
/***********************************************************************
BUTTON
***********************************************************************/
$('#btn_add').click(function () {
......@@ -145,13 +160,13 @@
$('#btn_delete').click(function () {
if (mID) window.location = sUrl+'/'+mID+'/delete';
else alert('Pilih Baris yang akan di hapus');
});
});
$("#btn_close").click(function () {
window.location = '/skpd';
return false;
});
$('#btn_posting').click(function () {
if (rows_selected.length>0) {
$.ajax({
......@@ -163,7 +178,7 @@
$("#success").css('display', 'inline', 'important');
$("#success").html("<span class='glyphicon glyphicon-ok'></span> " + html.msg);
rows_selected = [];
oTable.ajax.reload();}
oTable.ajax.reload();}
else {
$("#errors").css('display', 'inline', 'important');
$("#errors").html("<span class='glyphicon glyphicon-remove'></span> " + html.msg);
......@@ -174,17 +189,17 @@
else {
alert('Silahkan pilih data yang akan diposting');
}
});
$('#btn_csv').click(function () {
window.location = sUrl+ "/csv";
});
$('.date-control').datepicker({
format:'dd-mm-yyyy'
});
//Handle click on row data
$('#table1 tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
......@@ -198,8 +213,8 @@
$(this).addClass('row_selected');
}
});
}); //end of document
}); //end of document
</script>
</div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!