398 lines
16 KiB
PHP
398 lines
16 KiB
PHP
<?php include('../koneksi.php');
|
||
$bln=date('m');
|
||
$thn=date('Y');
|
||
?>
|
||
<script>
|
||
var sess_satker = $('#cek_satker').val();
|
||
var sess_jenis = $('#cek_jenis').val();
|
||
var sess_nama = $('#cek_nama').val();
|
||
|
||
//if (sess_nama=='farmasi') {$('#tambah_sertifikat').hide();} else {$('#tambah_sertifikat').show();}
|
||
|
||
if (sess_satker==15) {$('#tambah_sertifikat').hide();} else {$('#tambah_sertifikat').show();}
|
||
</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>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<button type="button" class="btn btn-danger btn-rounded" id="tambah_skeluar"><i class="fa fa-plus m-r-5"></i>Surat Keluar</button>
|
||
<button type="button" class="btn btn-success btn-rounded" id="tambah_sertifikat"><i class="fa fa-plus m-r-5"></i>Surat Sertifikat</button>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<div class="input-group my-group" style="margin-left:-60px">
|
||
<select id="bln" name="bln" class="selectpicker form-control" style="width:60%;background-color:#f3f3f3;border-color:#f3f3f3;">
|
||
<option value="0">ALL</option>
|
||
<option <?php if ($bln=='1') {echo "selected";} ?> value="1">JANUARI</option>
|
||
<option <?php if ($bln=='2') {echo "selected";} ?> value="2">PEBRUARI</option>
|
||
<option <?php if ($bln=='3') {echo "selected";} ?> value="3">MARET</option>
|
||
<option <?php if ($bln=='4') {echo "selected";} ?> value="4">APRIL</option>
|
||
<option <?php if ($bln=='5') {echo "selected";} ?> value="5">MEI</option>
|
||
<option <?php if ($bln=='6') {echo "selected";} ?> value="6">JUNI</option>
|
||
<option <?php if ($bln=='7') {echo "selected";} ?> value="7">JULI</option>
|
||
<option <?php if ($bln=='8') {echo "selected";} ?> value="8">AGUSTUS</option>
|
||
<option <?php if ($bln=='9') {echo "selected";} ?> value="9">SEPTEMBER</option>
|
||
<option <?php if ($bln=='10') {echo "selected";} ?> value="10">OKTOBER</option>
|
||
<option <?php if ($bln=='11') {echo "selected";} ?> value="11">NOPEMBER</option>
|
||
<option <?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 class="col-lg-3 pull-right">
|
||
<div class="input-group my-group">
|
||
<input type="number" class="form-control" style="width:100%; display:block;border-color:#f3f3f3;" name="pt1" id="pt1" Placeholder="Pencarian No Urut" onkeydown="tekan1(event)">
|
||
<span class="input-group-btn">
|
||
<button type="button" id="b1" name="b1" class="btn btn-default"><i class="fa fa-search"></i></button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
</div>
|
||
<br>
|
||
<br>
|
||
<div id="tabel_skeluar"></div>
|
||
|
||
|
||
<div id="modal_skeluar" 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">Cari Kendali</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_skeluar"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_skeluar">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_skeluar">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_sdisposisi" 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">Cari Disposisi</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_sdisposisi"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_sdisposisi">Keluar</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_sdisposisi">Simpan</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_sertifikat" 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 Kendali</h4>
|
||
<!--<h4 class="modal-title" id="myModalLabel">Add Surat Keluar</h4>-->
|
||
</div>
|
||
<div class="modal-body" id="modal_body_sertifikat"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_tools" 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="myModalLabel">Tools</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_tools"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="modal_edit_kendali" 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">Edit Kendali</h4>
|
||
</div>
|
||
<div class="modal-body" id="modal_body_edit_kendali"></div>
|
||
<div class="modal-footer no-border">
|
||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_edit_kendali">Keluar</button>
|
||
<button type="button" class="btn btn-inverse waves-effect waves-light" id="batal_kendali">Batal Kendali</button>
|
||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_edit_kendali">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
/*filter data*/
|
||
var thn = $('#thn').val();
|
||
var bln = $('#bln').val();
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
|
||
$('#bln').change(function(){
|
||
var thn = $('#thn').val();
|
||
var bln = $('#bln').val();
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
});
|
||
|
||
$('#thn').focusout(function(){
|
||
var thn = $('#thn').val();
|
||
var bln = $('#bln').val();
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
});
|
||
|
||
/*=========================*/
|
||
|
||
$('#tambah_skeluar').click(function(){
|
||
var id = 0;
|
||
$('#modal_skeluar').modal('show');
|
||
$('#modal_body_skeluar').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/modal.php",
|
||
data: 'id='+id
|
||
+'&sess_jenis='+sess_jenis
|
||
+'&sess_nama='+sess_nama
|
||
+'&sess_satker='+sess_satker,
|
||
success: function(data){
|
||
$('#modal_body_skeluar').html(data);
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_skeluar').click(function(){
|
||
var surat_id2 = $('#surat_id').val();
|
||
if (!surat_id2) {surat_id='0';} else {surat_id=surat_id2;}
|
||
var imp3 = $("#kode_id").val();
|
||
var z3 = $('#browsers');
|
||
var val3 = $(z3).find('option[value="' + imp3 + '"]');
|
||
var kode_id = val3.attr('id_jab');
|
||
var kepada = $('#kepada').val();
|
||
var uraian = $('#uraian').val();
|
||
var tgl_surat_keluar = $('#tgl_surat_keluar').val();
|
||
var imp4 = $("#tujuan_id").val();
|
||
var z4 = $('#browsers4');
|
||
var val4 = $(z4).find('option[value="' + imp4 + '"]');
|
||
var tujuan_id = val4.attr('id_jab4');
|
||
var balasan = $('#balasan').val();
|
||
var perihal = $('#perihal').val();
|
||
|
||
var satuan_kerja_dari2 = $('#pengolah').val();
|
||
var z32 = $('#browsers2');
|
||
var val32 = $(z32).find('option[value="' + satuan_kerja_dari2 + '"]');
|
||
var satuan_kerja_daris = val32.attr('id_jab2');
|
||
|
||
if (!satuan_kerja_daris) {
|
||
var satuan_kerja_dari = $('#pengolahid').val();
|
||
} else {
|
||
var satuan_kerja_dari=satuan_kerja_daris;
|
||
}
|
||
|
||
var no_kendali = $('#no_kendali').val();
|
||
if (!no_kendali) {
|
||
var j = 'smasuk';
|
||
} else {
|
||
var j = 'kndl';
|
||
}
|
||
|
||
var key = 'simpan_skeluar';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/crud.php",
|
||
data: 'surat_id='+surat_id
|
||
+'&kode_id='+kode_id
|
||
+'&kepada='+kepada
|
||
+'&uraian='+uraian
|
||
+'&tgl_surat_keluar='+tgl_surat_keluar
|
||
+'&tujuan_id='+tujuan_id
|
||
+'&balasan='+balasan
|
||
+'&satuan_kerja_id='+sess_satker
|
||
+'&satuan_kerja_dari='+satuan_kerja_dari
|
||
+'&perihal='+perihal
|
||
+'&j='+j
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_skeluar').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('Data tersimpan..');
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#simpan_sdisposisi').click(function(){
|
||
var id=$('#gg').val();
|
||
var disposisi=$('#ff').val();
|
||
var key = 'simpan_sdisposisi';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/crud.php",
|
||
data: 'disposisi='+disposisi
|
||
+'&id='+id
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_sdisposisi').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('Data tersimpan..');
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
$('#tambah_sertifikat').click(function(){
|
||
var id = 0;
|
||
$('#modal_sertifikat').modal('show');
|
||
$('#modal_body_sertifikat').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/modal_sertifikat.php",
|
||
data: 'id='+id
|
||
+'&sess_jenis='+sess_jenis
|
||
+'&sess_nama='+sess_nama,
|
||
success: function(data){
|
||
$('#modal_body_sertifikat').html(data);
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
|
||
$("#modal_skeluar").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
$("#modal_sdisposisi").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
$("#modal_kepada").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
$("#modal_sertifikat").on("hidden.bs.modal", function () {
|
||
$(this).off('hidden.bs.modal');
|
||
});
|
||
|
||
$('#b1').click(function(){
|
||
var b=$('#pt1').val();
|
||
$('#modal_tools').modal('show');
|
||
$('#modal_body_tools').html("");
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/modal_tools.php",
|
||
data: 'b='+b,
|
||
success: function(data){
|
||
$('#modal_body_tools').html(data);
|
||
}
|
||
});
|
||
});
|
||
|
||
function tekan1(event) {
|
||
var x = event.keyCode;
|
||
if (x == 13) {$('#b1').trigger('click');}
|
||
}
|
||
|
||
$('#simpan_edit_kendali').click(function(){
|
||
var x = confirm("Anda yakin ingin meng-edit nomor kendali ?");
|
||
if (x) {
|
||
var surat_id_awal = $('#surat_id_awal').val();
|
||
var surat_id = $('#surat_id').val();
|
||
var key = 'edit_kendali';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/crud.php",
|
||
data: 'surat_id_awal='+surat_id_awal
|
||
+'&surat_id='+surat_id
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_edit_kendali').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('Nomor kendali ter-edit..');
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
}
|
||
});
|
||
} else {}
|
||
});
|
||
|
||
$('#batal_kendali').click(function(){
|
||
var x = confirm("Anda yakin akan membatalkan kendali ?");
|
||
if (x) {
|
||
var surat_id_awal = $('#surat_id_awal').val();
|
||
var key = 'batal_kendali';
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "app/skeluar/crud.php",
|
||
data: 'surat_id_awal='+surat_id_awal
|
||
+'&key='+key,
|
||
success: function(data){
|
||
$('#modal_edit_kendali').modal('hide');
|
||
$('body').removeClass('modal-open');
|
||
$('.modal-backdrop').remove();
|
||
alert('Sukses batal..');
|
||
$('#tabel_skeluar').load("app/skeluar/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||
}
|
||
});
|
||
} else {}
|
||
});
|
||
</script>
|