472 lines
22 KiB
PHP
472 lines
22 KiB
PHP
<!--
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_item" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Data baru
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_item"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_item" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Item</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_item"></div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_item">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_item">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<!-- BBM -->
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_bbm" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> BBM
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_bbm"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_bbm" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">BBM</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_bbm"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_bbm">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_bbm">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- KOTA -->
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_kota" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Kota
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_kota"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_kota" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Kota</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_kota"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kota">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_kota">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- JARAK -->
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_jarak" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Jarak
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_jarak"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_jarak" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Jarak</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_jarak"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_jarak">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_jarak">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- UANG HARIAN -->
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_uangharian" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Uang Harian
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_uangharian"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_uangharian" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Uang Harian</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_uangharian"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_uangharian">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_uangharian">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- JATUH TEMPO SPJ -->
|
||
<!--
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_jtspj" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Jatuh Tempo SPJ
|
||
</button>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_jtspj"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_jtspj" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Jatuh Tempo SPJ</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_jtspj"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_jtspj">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_jtspj">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
|
||
/*
|
||
$('#tabel_item').load("app/master/item/tabel.php");
|
||
|
||
$('#btn_baru_item').click(function(){
|
||
var id = 0;
|
||
$('#modal_item').modal('show');
|
||
$('#modal_body_item').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_item').html(data);
|
||
$('#nama_item').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_item').click(function(){
|
||
var id = $('#item_id').val();
|
||
var nama = $('#nama_item').val();
|
||
var jenis = $('#jenis_item').val();
|
||
var key = 'simpan_item';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&nama='+nama
|
||
+'&jenis='+jenis
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_item').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_item').load("app/master/item/tabel.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_item").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
*/
|
||
|
||
/* BBM */
|
||
|
||
$('#tabel_bbm').load("app/master/item/tabel_bbm.php");
|
||
|
||
$('#btn_baru_bbm').click(function(){
|
||
var id = 0;
|
||
$('#modal_bbm').modal('show');
|
||
$('#modal_body_bbm').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal_bbm.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_bbm').html(data);
|
||
$('#nama_bbm').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_bbm').click(function(){
|
||
var id = $('#bbm_id').val();
|
||
var nama = $('#nama_bbm').val();
|
||
var harga = $('#harga_bbm').val();
|
||
var key = 'simpan_bbm';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&nama='+nama
|
||
+'&harga='+harga
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_bbm').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_b bm').load("app/master/item/tabel_bbm.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_bbm").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
/* KOTA */
|
||
|
||
$('#tabel_kota').load("app/master/item/tabel_kota.php");
|
||
|
||
$('#btn_baru_kota').click(function(){
|
||
var id = 0;
|
||
$('#modal_kota').modal('show');
|
||
$('#modal_body_kota').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal_kota.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_kota').html(data);
|
||
$('#nama_kota').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_kota').click(function(){
|
||
var id = $('#kota_id').val();
|
||
var nama = $('#nama_kota').val();
|
||
var key = 'simpan_kota';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&nama='+nama
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_kota').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_b bm').load("app/master/item/tabel_kota.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_kota").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
/* JARAK */
|
||
|
||
$('#tabel_jarak').load("app/master/item/tabel_jarak.php");
|
||
|
||
$('#btn_baru_jarak').click(function(){
|
||
var id = 0;
|
||
$('#modal_jarak').modal('show');
|
||
$('#modal_body_jarak').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal_jarak.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_jarak').html(data);
|
||
$('#nama_jarak').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_jarak').click(function(){
|
||
var id = $('#jarak_id').val();
|
||
var sp_kota_id = $('#sp_kota_id_jarak').val();
|
||
var jarak = $('#jarak_jarak').val();
|
||
var key = 'simpan_jarak';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&sp_kota_id='+sp_kota_id
|
||
+'&jarak='+jarak
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_jarak').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_b bm').load("app/master/item/tabel_jarak.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_jarak").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
|
||
/* UANG HARIAN */
|
||
|
||
$('#tabel_uangharian').load("app/master/item/tabel_uangharian.php");
|
||
|
||
$('#btn_baru_uangharian').click(function(){
|
||
var id = 0;
|
||
$('#modal_uangharian').modal('show');
|
||
$('#modal_body_uangharian').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal_uangharian.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_uangharian').html(data);
|
||
$('#nama_uangharian').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_uangharian').click(function(){
|
||
var id = $('#uangharian_id').val();
|
||
var luarkota = $('#luarkota_uangharian').val();
|
||
var diklat = $('#diklat_uangharian').val();
|
||
var dalamkota_kurang = $('#dalamkota_kurang_uangharian').val();
|
||
var dalamkota_lebih = $('#dalamkota_lebih_uangharian').val();
|
||
var key = 'simpan_uangharian';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&luarkota='+luarkota
|
||
+'&diklat='+diklat
|
||
+'&dalamkota_kurang='+dalamkota_kurang
|
||
+'&dalamkota_lebih='+dalamkota_lebih
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_uangharian').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_b bm').load("app/master/item/tabel_uangharian.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_uangharian").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
/* JATUH TEMPO SPJ */
|
||
|
||
$('#tabel_jtspj').load("app/master/item/tabel_jtspj.php");
|
||
|
||
$('#btn_baru_jtspj').click(function(){
|
||
var id = 0;
|
||
$('#modal_jtspj').modal('show');
|
||
$('#modal_body_jtspj').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/modal_jtspj.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_jtspj').html(data);
|
||
$('#nama_jtspj').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_jtspj').click(function(){
|
||
var id = $('#jtspj_id').val();
|
||
var jumlah_hari = $('#jumlah_hari_jtspj').val();
|
||
var key = 'simpan_jtspj';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/item/crud.php",
|
||
data: 'id='+id
|
||
+'&jumlah_hari='+jumlah_hari
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_jtspj').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_jtspj').load("app/master/item/tabel_jtspj.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_jtspj").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
</script>
|
||
|