323 lines
13 KiB
PHP
323 lines
13 KiB
PHP
<script type="text/javascript">
|
||
var userTarget = "";
|
||
var exit = false;
|
||
$('.input-daterange').datepicker({
|
||
format: "dd/mm/yyyy",
|
||
weekStart: 1,
|
||
orientation: "bottom auto",
|
||
autoclose: true,
|
||
showOnFocus: true,
|
||
maxViewMode: 'days',
|
||
keepEmptyValues: true,
|
||
templates: {
|
||
leftArrow: '<',
|
||
rightArrow: '>'
|
||
}
|
||
});
|
||
$('.input-daterange').focusin(function(e) {
|
||
userTarget = e.target.name;
|
||
});
|
||
$('.input-daterange').on('changeDate', function(e) {
|
||
if (exit) return;
|
||
if (e.target.name != userTarget) {
|
||
exit = true;
|
||
$(e.target).datepicker('clearDates');
|
||
}
|
||
exit = false;
|
||
});
|
||
</script>
|
||
<style type="text/css">
|
||
.no-border{
|
||
border:none;
|
||
}
|
||
.modal-backdrop {
|
||
visibility: hidden !important;
|
||
}
|
||
.modal.in {
|
||
background-color: rgba(0,0,0,0.5);
|
||
}
|
||
</style>
|
||
<?php
|
||
include('../koneksi.php');
|
||
$jenis=$_POST['jenis'];
|
||
$filter=$_POST['filter'];
|
||
$thn=$_POST['thn'];
|
||
$dtot=pg_query("SELECT SUM(anggaran) FROM sub_kegiatan WHERE thn='$thn'");
|
||
while($rtot=pg_fetch_array($dtot)) {$tot_anggaran=$rtot[0];}
|
||
?>
|
||
|
||
<style type="text/css">
|
||
/*
|
||
@font-face {
|
||
font-family: "GSans";
|
||
src: url('assets/fonts/GoogleSans-Regular.ttf');
|
||
}
|
||
*/
|
||
|
||
#gtotal_angg {
|
||
font-family: "Arial";
|
||
font-size:14px;
|
||
font-weight:bold;
|
||
}
|
||
|
||
.judule {
|
||
font-family: "GSans";
|
||
font-size:20px;
|
||
color:black;
|
||
}
|
||
</style>
|
||
<!--
|
||
<div class="row" style="margin-top:-15px">
|
||
<div class="col-lg-12">
|
||
<span class="pull-left" id="gtotal_xx"></span>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<div class="row" style="margin-top:-15px">
|
||
<div class="col-lg-12">
|
||
<p class="judul_page"><i class="mdi mdi-cash-usd m-r-5"></i>Gaji</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
<div class="alert alert-icon alert-danger alert-dismissible fade in" role="alert" id="info_setor">
|
||
<i class="mdi mdi-information"></i>
|
||
<span style="font-family:InterSB">PERHATIAN!</span><br>
|
||
<span style="font-family:Inter;font-size:16px">Fitur Laporan Penyerapan masih di-update. Mohon ditunggu</span><br>
|
||
</div>
|
||
-->
|
||
<!--
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="alert alert-icon alert-warning alert-dismissible fade in" role="alert" style="color:#81682a">
|
||
<i class="mdi mdi-information"></i>
|
||
<span style="font-family:InterSB;font-size:15px" id="gtotal"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<!--
|
||
<div class="row">
|
||
<div class="col-lg-3">
|
||
<div class="alert alert-icon alert-danger alert-dismissible fade in" role="alert" style="color:#7f3a3f" id="info_setor">
|
||
<i class="mdi mdi-information"></i>
|
||
<span style="font-family:Inter;font-size:16px">Anggaran</span><br>
|
||
<span style="font-family:InterSB;font-size:16px" id="pny_anggaran"></span><br>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<div class="alert alert-icon alert-warning alert-dismissible fade in" role="alert" style="color:#81682a" id="info_setor">
|
||
<i class="mdi mdi-information"></i>
|
||
<span style="font-family:Inter;font-size:16px">Penyerapan</span><span style="font-family:InterSB;font-size:16px;color:red" class="pull-right" id="pny_pro_serap"></span><br>
|
||
<span style="font-family:InterSB;font-size:16px" id="pny_penyerapan"></span><br>
|
||
<span style="font-family:InterSB;font-size:12px;color:black" id="result_total"></span><br>
|
||
<span style="font-family:InterSB;font-size:12px;color:black" id="result_total2"></span><br>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="alert alert-icon alert-success alert-dismissible fade in" role="alert" style="color:#276e4e" id="info_setor">
|
||
<i class="mdi mdi-information"></i>
|
||
<span style="font-family:Inter;font-size:16px">Sisa (Anggaran-Penyerapan)</span><span style="font-family:InterSB;font-size:16px;color:red" class="pull-right" id="pny_pro_sisa"></span><br>
|
||
<span style="font-family:InterSB;font-size:16px;" id="pny_sisa"></span><br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
|
||
<div class="input-group my-group">
|
||
<select id="c1" name="c1" class="selectpicker form-control" style="width:20%;background-color:#f3f3f3;border-color:#f3f3f3;">
|
||
<option value="pil">-- Pilih Filter Tampilan --</option>
|
||
<option value="Sub Kegiatan">Sub Kegiatan</option>
|
||
<option value="Belanja">Belanja</option>
|
||
</select>
|
||
<input type="text" class="form-control" style="width:80%; display:block;border-color:#f3f3f3;" name="pt1" id="pt1" Placeholder="Pencarian" onkeydown="tekan1(event)">
|
||
<select class="form-control" name="cari_sub_kegiatan_xx" id="cari_sub_kegiatan_xx" style="width:80%;"></select>
|
||
<select class="form-control" name="cari_kegiatan_xx" id="cari_kegiatan_xx" style="width:80%;"></select>
|
||
<span class="input-group-btn">
|
||
<button type="button" class="btn btn-success btn-block" name="excel_pr_anggaran_xx" id="excel_pr_anggaran_xx">Excel</button>
|
||
</span>
|
||
</div>
|
||
<br>
|
||
<div id="tabel_anggaran_xx"></div>
|
||
|
||
<div id="modal_resmi_xx" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-full">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<span class="modal-title" id="modal_head_resmi_xx">Detail Resmi</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_resmi_xx" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_extra_xx" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-full">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<span class="modal-title" id="modal_head_extra_xx">Detail Extra</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_extra_xx" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_real_xx" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-full">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<span class="modal-title" id="modal_head_real_xx">Detail Real</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_real_xx" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_track" 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">Tracking</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_track"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_rbelanja" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-full">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<span class="modal-title" id="modal_head_rbelanja">Rincian Belanja</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_rbelanja" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
|
||
var thn=$("#thn_dpa option:selected").text();
|
||
|
||
$('#pd1').hide();
|
||
$('#pd1').prop('disabled',true);
|
||
$('#pt1').show();
|
||
$('#pt1').prop('disabled',true);
|
||
$('#cari_sub_kegiatan_xx').hide();
|
||
$('#cari_kegiatan_xx').hide();
|
||
$('#excel_pr_anggaran_xx').prop('disabled',true);
|
||
|
||
|
||
|
||
$('#c1').change(function(){
|
||
var a=$('#c1').val();
|
||
if (a=='Sub Kegiatan') {
|
||
$('#pt1').hide();
|
||
$('#tabel_anggaran_xx').hide();
|
||
$('#pd1').hide();
|
||
$('#cari_sub_kegiatan_xx').show();
|
||
$('#cari_sub_kegiatan_xx').prop('disabled',false);
|
||
$("#cari_sub_kegiatan_xx").prop("selectedIndex", 0);
|
||
$('#cari_kegiatan_xx').hide();
|
||
$("#cari_kegiatan_xx").prop("selectedIndex", 0);
|
||
$('#excel_pr_anggaran_xx').prop('disabled',false);
|
||
$('#cari_sub_kegiatan_xx').trigger('change');
|
||
} else
|
||
if (a=='Belanja') {
|
||
$('#pt1').hide();
|
||
$('#tabel_anggaran_xx').hide();
|
||
$('#pd1').hide();
|
||
$('#cari_sub_kegiatan_xx').hide();
|
||
$("#cari_sub_kegiatan_xx").prop("selectedIndex", 0);
|
||
$('#cari_kegiatan_xx').show();
|
||
$('#cari_kegiatan_xx').prop('disabled',false);
|
||
$("#cari_kegiatan_xx").prop("selectedIndex", 0);
|
||
$('#excel_pr_anggaran_xx').prop('disabled',false);
|
||
}
|
||
});
|
||
|
||
|
||
var key='cek_kegiatan';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/gaji/crud.php",
|
||
data: 'thn='+thn
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#cari_kegiatan_xx').html('<option value="">-- Pilih Belanja --</option>'+data);
|
||
}
|
||
});
|
||
var key='cek_sub_kegiatan';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/gaji/crud.php",
|
||
data: 'thn='+thn
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#cari_sub_kegiatan_xx').html(data);
|
||
}
|
||
});
|
||
|
||
$('#cari_kegiatan_xx').change(function(){
|
||
var thn=$("#thn_dpa option:selected").text();
|
||
var ck2 = $('#cari_sub_kegiatan_xx').val();
|
||
var chars2 = ck2.split('-');
|
||
var a2 = chars2[0];
|
||
var ck = $('#cari_kegiatan_xx').val();
|
||
var chars = ck.split('-');
|
||
var a = chars[0];
|
||
var rh = chars[1];
|
||
$('#tabel_anggaran_xx').load('app/gaji/tabel.php',{thn:thn, kegiatan:a, sub_kegiatan:a2,rh:rh},function(){$('#tabel_anggaran_xx').show();});
|
||
});
|
||
|
||
$('#cari_sub_kegiatan_xx').change(function(){
|
||
var thn=$("#thn_dpa option:selected").text();
|
||
var ck2 = $('#cari_sub_kegiatan_xx').val();
|
||
var chars2 = ck2.split('-');
|
||
var a2 = chars2[0];
|
||
var ck = $('#cari_kegiatan_xx').val();
|
||
var chars = ck.split('-');
|
||
var a = chars[0];
|
||
var rh = chars[1];
|
||
$('#tabel_anggaran_xx').load('app/gaji/tabel.php',{thn:thn, kegiatan:a, sub_kegiatan:a2, rh:rh},function(){$('#tabel_anggaran_xx').show();});
|
||
});
|
||
|
||
function excel() {
|
||
var thn=$("#thn_dpa option:selected").text();
|
||
var ck2 = $('#cari_sub_kegiatan_xx').val();
|
||
var chars2 = ck2.split('-');
|
||
var a2 = chars2[0];
|
||
var thn=$("#thn_dpa option:selected").text();
|
||
var ck = $('#cari_kegiatan_xx').val();
|
||
var chars = ck.split('-');
|
||
var a = chars[0];
|
||
var rh = chars[1];
|
||
var w = 600;
|
||
var h = 300;
|
||
var left = Number((screen.width/2)-(w/2));
|
||
var tops = Number((screen.height/2)-(h/2));
|
||
window.open('app/gaji/excel.php?thn='+thn+'&kegiatan='+a+'&sub_kegiatan='+a2+'&rh='+rh,'newwin','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+tops+', left='+left);
|
||
}
|
||
|
||
$('#excel_pr_anggaran_xx').click(function(){
|
||
excel();
|
||
});
|
||
|
||
$(document).on('hidden.bs.modal', function (event) {
|
||
if ($('.modal:visible').length) {
|
||
$('body').addClass('modal-open');
|
||
}
|
||
});
|
||
</script>
|