simpro-rssa/app/kbel_inbox/main.php

<style type="text/css">
.no-border{
  border:none;
}
.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
</style>
<br>
<br>
<br>
<br>
<p class="judul_page"><i class="mdi mdi-inbox m-r-5"></i>Inbox Keterangan Ijin Belajar</p>
<div class="row">
<div class="col-lg-10">
<select class="form-control" name="filter_status" id="filter_status" 
style="font-family:Arial;margin-top:-2px;border:0px;border-radius:0px;border-bottom: 1px solid #ccd3d6;font-weight:bold">
<option value="BELUM VERIFIKASI"><span>BELUM VERIFIKASI</span></option>
<option value="REVISI"><span>REVISI</span></option>
<option value="SELESAI VERIFIKASI"><span>SELESAI VERIFIKASI</span></option>
<option value="ARSIP"><span>ARSIP</span></option>
<option value="TIDAK MEMENUHI SYARAT"><span>TIDAK MEMENUHI SYARAT</span></option>
<option value="TIDAK DISETUJUI"><span>TIDAK DISETUJUI</span></option>
<option value="BATAL"><span>BATAL</span></option>
<option value=""><span>-- ALL --</span></option>
</select>
</div>
<div class="col-lg-2">
<button type="button" class="btn btn-block btn-success" id="excel">EXCEL</button>
</div>
</div>
<br>
<div id="tabel_riwayat_kbel"></div>

<div id="modal_verifikasi" 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-title" id="modal_head_verifikasi"></h4>
   </div>
   <div class="modal-body" id="modal_body_verifikasi"></div>
    <div class="modal-footer no-border">
      <button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_verifikasi">Keluar</button>
      <button type="button" class="btn btn-primary waves-effect" data-dismiss="modal" id="simpan_verifikasi">Simpan</button>
    </div>
  </div>
 </div>
</div>

        <div class="modal" id="modal_view">
          <div class="modal-dialog">
            <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">&times;</span></button>
                <h4 class="modal-title" id="modal_head_view"></h4>
              </div>
              <div class="modal-body md_input_bd" id="modal_body_view"></div>
            </div>
          </div>
        </div>

        <div class="modal" id="modal_edit_verifikasi">
          <div class="modal-dialog">
            <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">&times;</span></button>
                <h4 class="modal-title" id="modal_head_edit_verifikasi"></h4>
              </div>
              <div class="modal-body md_input_bd" id="modal_body_edit_verifikasi"></div>
              <div class="modal-footer no-border">
              	<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_edit_verifikasi">Keluar</button>
      			<button type="button" class="btn btn-success waves-effect" data-dismiss="modal" id="simpan_edit_verifikasi">Simpan</button>
    		  </div>
            </div>
          </div>
        </div>

<script>
var filter_status=$('#filter_status').val();
var sess_satker = $('#cek_satker').val();   
var sess_jenis = $('#cek_jenis').val();
$('#tabel_riwayat_kbel').load("app/kbel_inbox/tabel.php",{filter_status:filter_status, satker_id:sess_satker, jenis:sess_jenis});

$('#filter_status').change(function(){
var filter_status=$('#filter_status').val();
var sess_satker = $('#cek_satker').val();   
var sess_jenis = $('#cek_jenis').val();
$('#tabel_riwayat_kbel').load("app/kbel_inbox/tabel.php",{filter_status:filter_status, satker_id:sess_satker, jenis:sess_jenis});
});

$('#simpan_edit_verifikasi').click(function(){
        var riwayat_syarat_kbel_id = $('#rs_riwayat_syarat_kbel_id').val();
        var status = $('#rs_status').val();
		var ket = $('#rs_ket').val();
        var tgl_cek_dok = $('#rs_tgl_cek_dok').val();
        var key = 'simpan_edit_verifikasi';
        $.ajax({
            type: "POST",
            url: "app/kbel_inbox/crud.php",
            data: 'riwayat_syarat_kbel_id='+riwayat_syarat_kbel_id
            +'&status='+status
            +'&ket='+ket
        	+'&tgl_cek_dok='+tgl_cek_dok
            +'&key='+key,
            success: function(data){
               $('#modal_edit_verifikasi').modal('hide');
               $('body').removeClass('modal-open');
               $('.modal-backdrop').remove();
               alert('tersimpan..');
               var riwayat_kbel_id=$('#riwayat_kbel_id').val();
			   $('#tabel_verifikasi').load('app/kbel_inbox/tabel_verifikasi.php',{riwayat_kbel_id:riwayat_kbel_id});
            }
        });
});

$('#simpan_verifikasi').click(function(){
var riwayat_kbel_id=$('#riwayat_kbel_id').val();
var status=$('#ri_status').val();
var tgl_verifikasi=$('#ri_tgl_verifikasi').val();
var ket=$('#ri_ket').val();
var ket_dokdir=$('#ket_dokdir').val();
var ket_dokbkd=$('#ket_dokbkd').val();
var key='simpan_edit_kbel';
	$.ajax({
            type: "POST",
            url: "app/kbel_inbox/crud.php",
            data: 'riwayat_kbel_id='+riwayat_kbel_id
            +'&status='+status
    		+'&tgl_verifikasi='+tgl_verifikasi
    		+'&ket='+ket
    		+'&ket_dokdir='+ket_dokdir 
    		+'&ket_dokbkd='+ket_dokbkd 
            +'&key='+key,
            success: function(data){
               alert('tersimpan..');
               $('#modal_verifikasi').modal('hide');
               $('body').removeClass('modal-open');
               $('.modal-backdrop').remove();
               var filter_status=$('#filter_status').val();
               var sess_satker = $('#cek_satker').val();   
               var sess_jenis = $('#cek_jenis').val();
			   $('#tabel_riwayat_kbel').load("app/kbel_inbox/tabel.php",{filter_status:filter_status, satker_id:sess_satker, jenis:sess_jenis});
            }
    });
});

$('#excel').click(function(){
	var filter_status=$('#filter_status').val();
    var sess_satker = $('#cek_satker').val();   
    var sess_jenis = $('#cek_jenis').val();
    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/kbel_inbox/excel.php?filter_status='+filter_status+'&satker_id='+sess_satker+'&jenis='+sess_jenis,'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);
});

$(document).on('hidden.bs.modal', function (event) {
  if ($('.modal:visible').length) {
    $('body').addClass('modal-open');
  }
});
</script>