119 lines
5.2 KiB
PHP
119 lines
5.2 KiB
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-settings m-r-5"></i>Setting Keterangan Ijin Belajar</p>
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_kbel_setting" class="btn btn-default waves-effect waves-light" style="font-family:Arial;font-weight:bold;color:black">
|
||
<i class="fa fa-plus m-r-5"></i>
|
||
kelengkapan dan persyaratan
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_kbel_setting"></div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="modal_kbel_setting" 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">Input</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_kbel_setting"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kbel_setting">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_kbel_setting">Simpan</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="myModalLabel">Upload Contoh Dokumen</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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
$('#tabel_kbel_setting').load("app/kbel_setting/tabel.php");
|
||
|
||
$('#btn_baru_kbel_setting').click(function(){
|
||
var id = 0;
|
||
$('#modal_kbel_setting').modal('show');
|
||
$('#modal_body_kbel_setting').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/kbel_setting/modal.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_kbel_setting').html(data);
|
||
$('#nama_kbel_setting').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_kbel_setting').click(function(){
|
||
var id = $('#syarat_kbel_id').val();
|
||
var berkas = $('#berkas').val();
|
||
var key = 'simpan_kbel_setting';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/kbel_setting/crud.php",
|
||
data: 'id='+id
|
||
+'&berkas='+berkas
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_kbel_setting').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_kbel_setting').load("app/kbel_setting/tabel.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
|
||
$("#modal_kbel_setting").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
$(document).on('hidden.bs.modal', function (event) {
|
||
if ($('.modal:visible').length) {
|
||
$('body').addClass('modal-open');
|
||
}
|
||
});
|
||
</script>
|
||
|