78 lines
3.6 KiB
PHP
78 lines
3.6 KiB
PHP
|
||
|
||
<div class="row">
|
||
<div class="col-lg-2">
|
||
<button type="button" id="btn_baru_jabatan" class="btn btn-primary waves-effect waves-light">
|
||
<i class="fa fa-plus m-r-5"></i> Data baru
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div id="tabel_jabatan"></div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_jabatan" 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">Data Jabatan</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_jabatan"></div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_jabatan">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_jabatan">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
$('#tabel_jabatan').load("app/master/jabatan/tabel.php");
|
||
|
||
$('#btn_baru_jabatan').click(function(){
|
||
var id = 0;
|
||
$('#modal_jabatan').modal('show');
|
||
$('#modal_body_jabatan').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/jabatan/modal.php",
|
||
data: 'id='+id,
|
||
success: function(data){
|
||
$('#modal_body_jabatan').html(data);
|
||
$('#nama_jabatan').first().focus().selected();
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_jabatan').click(function(){
|
||
var id = $('#id_ms_jabatan').val();
|
||
var nama = $('#nama_jabatan').val();
|
||
var key = 'simpan_jabatan';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/master/jabatan/crud.php",
|
||
data: 'id='+id
|
||
+'&nama='+nama
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_jabatan').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('tersimpan..');
|
||
$('#tabel_jabatan').load("app/master/jabatan/tabel.php");
|
||
}
|
||
});
|
||
});
|
||
|
||
$("#modal_jabatan").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
</script>
|
||
|