294 lines
13 KiB
Plaintext
294 lines
13 KiB
Plaintext
<?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>
|
||
<br>
|
||
|
||
<input type="hidden" id="sat" value="<?php echo $_POST['sat']; ?>">
|
||
<div class="alert alert-icon alert-info alert-dismissible fade in" role="alert" style="color:green">
|
||
<button type="button" class="close" data-dismiss="alert"
|
||
aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
<i class="mdi mdi-information"></i>
|
||
<span><strong>PERHATIAN!</strong></span><br>
|
||
<span>Surat-surat yang ditujukan KEPADA Direktur, mohon dikirim ke Sub Koordinator Tatausaha untuk diproses</span><br>
|
||
<span>Kecuali surat tembusan, bisa langsung diarahkan ke Direktur</span><br>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-3">
|
||
<button type="button" class="btn btn-danger btn-rounded btn-block" id="tambah_kirim"><i class="fa fa-plus m-r-5"></i>Kirim Surat</button>
|
||
</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;">
|
||
<option value="0">ALL</option>
|
||
<option id="cn1" <?php if ($bln=='1') {echo "selected";} ?> value="1">JANUARI</option>
|
||
<option id="cn2" <?php if ($bln=='2') {echo "selected";} ?> value="2">PEBRUARI</option>
|
||
<option id="cn3" <?php if ($bln=='3') {echo "selected";} ?> value="3">MARET</option>
|
||
<option id="cn4" <?php if ($bln=='4') {echo "selected";} ?> value="4">APRIL</option>
|
||
<option id="cn5" <?php if ($bln=='5') {echo "selected";} ?> value="5">MEI</option>
|
||
<option id="cn6" <?php if ($bln=='6') {echo "selected";} ?> value="6">JUNI</option>
|
||
<option id="cn7" <?php if ($bln=='7') {echo "selected";} ?> value="7">JULI</option>
|
||
<option id="cn8" <?php if ($bln=='8') {echo "selected";} ?> value="8">AGUSTUS</option>
|
||
<option id="cn9" <?php if ($bln=='9') {echo "selected";} ?> value="9">SEPTEMBER</option>
|
||
<option id="cn10" <?php if ($bln=='10') {echo "selected";} ?> value="10">OKTOBER</option>
|
||
<option id="cn11" <?php if ($bln=='11') {echo "selected";} ?> value="11">NOPEMBER</option>
|
||
<option id="cn12" <?php if ($bln=='12') {echo "selected";} ?> value="12">DESEMBER</option>
|
||
</select>
|
||
<input type="number" class="form-control" style="width:40%; display:block;border-color:#f3f3f3;text-align: center;" name="thn" id="thn" value="<?php echo $thn; ?>">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
|
||
|
||
<div id="tabel_kirim"></div>
|
||
|
||
|
||
<div id="modal_kirim" 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">Kirim Surat</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_kirim"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kirim">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_kirim">Simpan</button>
|
||
</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="myModalLabel">Add Scan Surat</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_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">Add Kepada</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_kepada"></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="myModalLabel">Add Lampiran</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>
|
||
|
||
<script type="text/javascript">
|
||
|
||
function hitung_surat() {
|
||
var thn_count = $('#thn').val();
|
||
var sat = $('#sat').val();
|
||
/* if (sat=='3') { */
|
||
if (sat=='172') {
|
||
var satker_count = $('#sat').val();
|
||
} else {
|
||
var satker_count = $('#cek_satker').val();
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/kirim/count.php",
|
||
data: 'thn_count='+thn_count
|
||
+'&satker_count='+satker_count,
|
||
success: function(data){
|
||
var b = data.split('^');
|
||
if (b[0]==0) {$('#cn1').html('JANUARI');} else {$('#cn1').html('JANUARI ('+b[0]+')');}
|
||
if (b[1]==0) {$('#cn2').html('PEBRUARI');} else {$('#cn2').html('PEBRUARI ('+b[1]+')');}
|
||
if (b[2]==0) {$('#cn3').html('MARET');} else {$('#cn3').html('MARET ('+b[2]+')');}
|
||
if (b[3]==0) {$('#cn4').html('APRIL');} else {$('#cn4').html('APRIL ('+b[3]+')');}
|
||
if (b[4]==0) {$('#cn5').html('MEI');} else {$('#cn5').html('MEI ('+b[4]+')');}
|
||
if (b[5]==0) {$('#cn6').html('JUNI');} else {$('#cn6').html('JUNI ('+b[5]+')');}
|
||
if (b[6]==0) {$('#cn7').html('JULI');} else {$('#cn7').html('JULI ('+b[6]+')');}
|
||
if (b[7]==0) {$('#cn8').html('AGUSTUS');} else {$('#cn8').html('AGUSTUS ('+b[7]+')');}
|
||
if (b[8]==0) {$('#cn9').html('SEPTEMBER');} else {$('#cn9').html('SEPTEMBER ('+b[8]+')');}
|
||
if (b[9]==0) {$('#cn10').html('OKTOBER');} else {$('#cn10').html('OKTOBER ('+b[9]+')');}
|
||
if (b[10]==0) {$('#cn11').html('NOPEMBER');} else {$('#cn11').html('NOPEMBER ('+b[10]+')');}
|
||
if (b[11]==0) {$('#cn12').html('DESEMBER');} else {$('#cn12').html('DESEMBER ('+b[11]+')');}
|
||
}
|
||
});
|
||
}
|
||
|
||
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_kirim').load("app/kirim/tabel.php",{satker:sat,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
} else {
|
||
$('#tabel_kirim').load("app/kirim/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();
|
||
var sat = $('#sat').val();
|
||
/* if (sat=='3') { */
|
||
if (sat=='172') {
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sat,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
} else {
|
||
$('#tabel_kirim').load("app/kirim/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();
|
||
var sat = $('#sat').val();
|
||
/* if (sat=='3') { */
|
||
if (sat=='172') {
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sat,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
} else {
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
}
|
||
});
|
||
|
||
$('#tambah_kirim').click(function(){
|
||
var id = 0;
|
||
$('#modal_kirim').modal('show');
|
||
$('#modal_body_kirim').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/kirim/modal.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_kirim').html(data);
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_kirim').click(function(){
|
||
var surat_id2 = $('#surat_id').val();
|
||
if (!surat_id2) {surat_id='0';} else {surat_id=surat_id2;}
|
||
var perihal = $('#perihal').val();
|
||
var no_surat = $('#no_surat').val();
|
||
var sat = $('#sat').val();
|
||
/* if (sat=='3') { */
|
||
if (sat=='172') {
|
||
var satuan_kerja_id = sat;} else {var satuan_kerja_id = sess_satker;}
|
||
var key = 'simpan_kirim';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/kirim/crud.php",
|
||
data: 'surat_id='+surat_id
|
||
+'&perihal='+perihal
|
||
+'&no_surat='+no_surat
|
||
+'&satuan_kerja_id='+satuan_kerja_id
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_kirim').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('Data tersimpan..');
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
/* if (sat=='3') { */
|
||
if (sat=='172') {
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sat,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
} else {
|
||
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
$("#modal_kirim").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
$("#modal_kepada").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
$("#modal_pic").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
$("#modal_file").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
</script> |