first commit
This commit is contained in:
210
dev/app/arsip/main.php
Normal file
210
dev/app/arsip/main.php
Normal file
@@ -0,0 +1,210 @@
|
||||
<?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();
|
||||
</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-2">
|
||||
<button type="button" class="btn btn-danger btn-rounded btn-block" id="tambah_arsip_disposisi"><i class="fa fa-plus m-r-5"></i>Arsip Disposisi</button>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<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 <?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>
|
||||
<br>
|
||||
<br>
|
||||
<div id="tabel_arsip_disposisi"></div>
|
||||
|
||||
|
||||
<div id="modal_arsip_disposisi" 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">Arsip Disposisi</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_arsip_disposisi"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_arsip_disposisir">Keluar</button>
|
||||
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_arsip_disposisi">Simpan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="modal_arahan" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<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">Lembar Disposisi</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_arahan"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_arahan">Keluar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="modal_view" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<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">View Dokumen</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="modal_body_view"></div>
|
||||
<div class="modal-footer no-border">
|
||||
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_view">Keluar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
/*filter data*/
|
||||
var thn = $('#thn').val();
|
||||
var bln = $('#bln').val();
|
||||
$('#tabel_arsip_disposisi').load("app/arsip/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_arsip_disposisi').load("app/arsip/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_arsip_disposisi').load("app/arsip/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||||
});
|
||||
|
||||
/*=========================*/
|
||||
|
||||
|
||||
|
||||
|
||||
$('#tambah_arsip_disposisi').click(function(){
|
||||
var id = 0;
|
||||
$('#modal_arsip_disposisi').modal('show');
|
||||
$('#modal_body_arsip_disposisi').html("");
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "app/arsip/modal.php",
|
||||
data: 'id='+id
|
||||
+'&sess_jenis='+sess_jenis,
|
||||
success: function(data){
|
||||
$('#modal_body_arsip_disposisi').html(data);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#simpan_arsip_disposisi').click(function(){
|
||||
var id = $('#surat_id').val();
|
||||
var no_surat = $('#no_surat').val();
|
||||
var tgl_surat_masuk = $('#tgl_surat_masuk').val();
|
||||
var no_agenda = $('#no_agenda').val();
|
||||
var perihal = $('#perihal').val();
|
||||
var surat_dari = $('#surat_dari').val();
|
||||
var imp3 = $("#kode_id").val();
|
||||
var z3 = $('#browsers');
|
||||
var val3 = $(z3).find('option[value="' + imp3 + '"]');
|
||||
var kode_id = val3.attr('id_jab');
|
||||
var tgl_arsip = $('#tgl_arsip').val();
|
||||
var key = 'simpan_arsip_disposisi';
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "app/arsip/crud.php",
|
||||
data: 'id='+id
|
||||
+'&no_surat='+no_surat
|
||||
+'&tgl_surat_masuk='+tgl_surat_masuk
|
||||
+'&no_agenda='+no_agenda
|
||||
+'&surat_dari='+surat_dari
|
||||
+'&perihal='+perihal
|
||||
+'&kode_id='+kode_id
|
||||
+'&tgl_arsip='+tgl_arsip
|
||||
+'&key='+key,
|
||||
success: function(data){
|
||||
$('#modal_arsip_disposisi').modal('hide');
|
||||
$('body').removeClass('modal-open');
|
||||
$('.modal-backdrop').remove();
|
||||
alert('tersimpan..');
|
||||
$('#tabel_arsip_disposisi').load("app/arsip/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn:thn,bln:bln});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#modal_arsip_disposisi").on("hidden.bs.modal", function () {
|
||||
$(this).off('hidden.bs.modal');
|
||||
});
|
||||
$("#modal_arahan").on("hidden.bs.modal", function () {
|
||||
$(this).off('hidden.bs.modal');
|
||||
});
|
||||
$("#modal_view").on("hidden.bs.modal", function () {
|
||||
$(this).off('hidden.bs.modal');
|
||||
});
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user