aproval pengajuan surat pengesahan sudah sampai ke dirut
This commit is contained in:
@@ -0,0 +1,301 @@
|
||||
<?php
|
||||
include('../koneksi.php');
|
||||
$bln_auto = date('m');
|
||||
$thn_auto = date('Y');
|
||||
|
||||
$disp_bln = $_POST['disp_bln'];
|
||||
$disp_thn = $_POST['disp_thn'];
|
||||
|
||||
if (($disp_bln == NULL) || ($disp_bln == '')) {
|
||||
$bln = $bln_auto;
|
||||
} else {
|
||||
$bln = $disp_bln;
|
||||
}
|
||||
if (($disp_thn == NULL) || ($disp_thn == '')) {
|
||||
$thn = $thn_auto;
|
||||
} else {
|
||||
$thn = $disp_thn;
|
||||
}
|
||||
?>
|
||||
<script>
|
||||
var sess_satker = $('#cek_satker').val();
|
||||
var sess_jenis = $('#cek_jenis').val();
|
||||
var sess_nama = $('#cek_nama').val();
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
.btn-circle.btn-md {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 7px 10px;
|
||||
border-radius: 25px;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
border: 3px solid #66b5fb;
|
||||
}
|
||||
|
||||
#sidebar-menu ul li a:hover {
|
||||
background: #f1f3f4 !important;
|
||||
font-color: white;
|
||||
}
|
||||
|
||||
#sidebar-menu ul li a:focus {
|
||||
background: #fce8e6 !important;
|
||||
color: #d93025 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
</style>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<input type="hidden" id="sat" value="<?php echo $_POST['sat']; ?>">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<p class="judul_page"><i class="mdi mdi-email-outline m-r-5"></i>Surat Masuk</p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="input-group my-group">
|
||||
<select id="bln" name="bln" class="selectpicker form-control" style="width:60%;background-color:#f3f3f3;border-color:#f3f3f3;margin-top:6px;">
|
||||
<option value="0">ALL</option>
|
||||
<?php
|
||||
$bulan = [
|
||||
1 => 'JANUARI', 2 => 'PEBRUARI', 3 => 'MARET', 4 => 'APRIL',
|
||||
5 => 'MEI', 6 => 'JUNI', 7 => 'JULI', 8 => 'AGUSTUS',
|
||||
9 => 'SEPTEMBER', 10 => 'OKTOBER', 11 => 'NOPEMBER', 12 => 'DESEMBER'
|
||||
];
|
||||
foreach ($bulan as $key => $value) {
|
||||
$selected = ($bln == $key) ? "selected" : "";
|
||||
echo "<option id='cn$key' value='$key' $selected>$value</option>";
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<input type="number" class="form-control" style="width:40%; display:block;border-color:#f3f3f3;text-align: center;margin-top:6px;" name="thn" id="thn" value="<?php echo $thn; ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tabel_inbox"></div>
|
||||
<div id="modal_tl" 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-title" id="judul_modal_tl">Input Tindak Lanjut</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_tl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal_pic" 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="judul_modal_pic">Add Lampiran JPG</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_pic"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-success btn-block waves-effect" data-dismiss="modal" id="keluar_pic">Keluar</button>
|
||||
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</button>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal_file" 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="judul_modal_file">Add Lampiran File</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_file"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-success btn-block waves-effect" data-dismiss="modal" id="keluar_file">Keluar</button>
|
||||
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</button>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="modal_inbox" 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-title" id="myModalLabel">Surat</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_inbox"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_inbox">Keluar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal_file_inbox" 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">Lampiran</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_file_inbox"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-success btn-block waves-effect" data-dismiss="modal" id="keluar_file_inbox">Keluar</button>
|
||||
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</button>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal_kpdxxxx" 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">Kepada</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_kpdxxxx"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kpdxxxx">Keluar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="modal_kepada" 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">Diteruskan ke</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_kepada"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
function hitung_surat() {
|
||||
var thn_count = $('#thn').val();
|
||||
var sat = $('#sat').val();
|
||||
var satker_count = (sat == '172') ? 172 : $('#cek_satker').val();
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "app/inbox_pengesahan/count.php",
|
||||
data: {
|
||||
thn_count: thn_count,
|
||||
satker_count: satker_count
|
||||
},
|
||||
success: function(data) {
|
||||
var bulan = ['JANUARI', 'PEBRUARI', 'MARET', 'APRIL', 'MEI', 'JUNI', 'JULI', 'AGUSTUS', 'SEPTEMBER', 'OKTOBER', 'NOPEMBER', 'DESEMBER'];
|
||||
var counts = data.split('^');
|
||||
|
||||
for (var i = 0; i < 12; i++) {
|
||||
var monthElement = $('#cn' + (i + 1));
|
||||
if (counts[i] == 0) {
|
||||
monthElement.html(bulan[i]);
|
||||
monthElement.removeAttr("style");
|
||||
} else {
|
||||
monthElement.html(bulan[i] + ' (' + counts[i] + ')');
|
||||
monthElement.attr('style', 'color:red;');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
hitung_surat();
|
||||
$('#thn').focusout(function() {
|
||||
hitung_surat();
|
||||
});
|
||||
|
||||
var sat = $('#sat').val();
|
||||
var thn2 = $('#thn').val();
|
||||
var bln2 = $('#bln').val();
|
||||
/* if (sat=='3') { */
|
||||
if (sat == '172') {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sat,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
} else {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sess_satker,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
}
|
||||
|
||||
$('#bln').change(function() {
|
||||
var thn2 = $('#thn').val();
|
||||
var bln2 = $('#bln').val();
|
||||
/* if (sat=='3') { */
|
||||
if (sat == '172') {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sat,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
} else {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sess_satker,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#thn').focusout(function() {
|
||||
var thn2 = $('#thn').val();
|
||||
var bln2 = $('#bln').val();
|
||||
/* if (sat=='3') { */
|
||||
if (sat == '172') {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sat,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
} else {
|
||||
$('#tabel_inbox').load("app/inbox_pengesahan/tabel.php", {
|
||||
satker: sess_satker,
|
||||
jenis: sess_jenis,
|
||||
sess_nama: sess_nama,
|
||||
thn2: thn2,
|
||||
bln2: bln2
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
$("#modal_inbox").on("hidden.bs.modal", function() {
|
||||
$(this).off('hidden.bs.modal');
|
||||
});
|
||||
|
||||
$("#modal_file_inbox").on("hidden.bs.modal", function() {
|
||||
$(this).off('hidden.bs.modal');
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user