179 lines
8.8 KiB
PHP
179 lines
8.8 KiB
PHP
<style type="text/css">
|
||
.modal-backdrop {
|
||
visibility: hidden !important;
|
||
}
|
||
.modal.in {
|
||
background-color: rgba(0,0,0,0.5);
|
||
}
|
||
@font-face {
|
||
font-family: "GSans";
|
||
src: url('assets/fonts/GoogleSans-Regular.ttf');
|
||
}
|
||
@font-face {
|
||
font-family: "GSans_Med";
|
||
src: url('assets/fonts/GoogleSans-Medium.ttf');
|
||
}
|
||
.judul_grafik {
|
||
font-family: "GSans";
|
||
font-size:20px;
|
||
color: black;
|
||
}
|
||
.judul_page {
|
||
font-family: "GSans_Med";
|
||
font-size:30px;
|
||
color:#cccccc;
|
||
}
|
||
|
||
.tabel_rekap {
|
||
font-family: "Inter";
|
||
color: black;
|
||
}
|
||
|
||
.tabel_rekap thead, .tabel_rekap tfoot{
|
||
font-family: "InterSB";
|
||
}
|
||
|
||
</style>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
<br>
|
||
|
||
<p class="judul_page"><i class="mdi mdi-chart-pie m-r-10"></i>Hutang Reguler</p>
|
||
<div id="tabel_jumlah"></div>
|
||
<br>
|
||
<p class="judul_page"><i class="mdi mdi-chart-pie m-r-10"></i>Hutang Swakelola</p>
|
||
<div id="tabel_jumlah_sw"></div>
|
||
<br>
|
||
<p class="judul_page"><i class="mdi mdi-chart-pie m-r-10"></i>Hutang Termin</p>
|
||
<div id="tabel_jumlah_tm"></div>
|
||
|
||
|
||
|
||
<div id="modal_resmi" 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-titles" id="modal_head_resmi"></span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_resmi" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="modal_resmi_nd" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content" style="background-color:#f9f9f9">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<span class="modal-titles" id="modal_head_resmi_nd">Nota Dinas</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_resmi_nd" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_chart" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<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-titles" id="modal_head_chart"></h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_chart" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div id="modal_ad" 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>
|
||
<span class="modal-titles" id="modal_head_ad">TRACKING PROSES PBJ</span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_ad" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="modal_jumlah_nodin" 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-titles" id="modal_head_jumlah_nodin" style="color:black"></span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_jumlah_nodin" style="margin-top:-20px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_jumlah" 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-titles" id="modal_head_jumlah" style="color:black"></span>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_jumlah" 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-titles" id="myModalLabel">Tracking</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_track"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_kelengkapan" 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>
|
||
<h4 class="modal-titles" id="myModalLabel">Kelengkapan Verifikasi</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_kelengkapan"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal" id="modal_dok" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header no-border">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span></button>
|
||
<h4 class="modal-titles">View Dokumen</h4>
|
||
</div>
|
||
<div class="modal-body md_input_bd" id="isi_modal_dok"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
var thn_dpa = $('#thn_dpa').val();
|
||
$('#tabel_jumlah').load('app/rekap_hutang/tabel_jumlah.php',{thn_dpa:thn_dpa});
|
||
$('#tabel_jumlah_sw').load('app/rekap_hutang/tabel_jumlah_sw.php',{thn_dpa:thn_dpa});
|
||
$('#tabel_jumlah_tm').load('app/rekap_hutang/tabel_jumlah_tm.php',{thn_dpa:thn_dpa});
|
||
|
||
$(document).on('hidden.bs.modal', function (event) {
|
||
if ($('.modal:visible').length) {
|
||
$('body').addClass('modal-open');
|
||
}
|
||
});
|
||
|
||
|
||
</script> |