Files
eletter-backup/app/kirim/main.php
2024-06-06 05:45:02 +07:00

604 lines
23 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
include('../koneksi.php');
$bln_auto = date('m');
$thn_auto = date('Y');
$disp_bln = isset($_POST['disp_bln']) ? $_POST['disp_bln'] : null;
$disp_thn = isset($_POST['disp_thn']) ? $_POST['disp_thn'] : null;
if (($disp_bln == NULL) || ($disp_bln == '')) {
$bln = $bln_auto;
} else {
$bln = $disp_bln;
}
if (($disp_thn == NULL) || ($disp_thn == '')) {
$thn = $thn_auto;
} else {
$thn = $disp_thn;
}
?>
<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;
}
.no-border {
border: none;
}
.modal-backdrop {
visibility: hidden !important;
}
.modal.in {
background-color: rgba(0, 0, 0, 0.5);
}
</style>
<br>
<br>
<br>
<br>
<br>
<input type="hidden" id="sat" value="<?php echo $_POST['sat']; ?>">
<div class="alert alert-icon alert-info alert-dismissible fade in" role="alert" style="color:green">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<i class="mdi mdi-information"></i>
<span><strong>PERHATIAN!</strong></span><br>
<span>Surat-surat yang ditujukan KEPADA Direktur, mohon dikirim ke Sub Koordinator Tatausaha untuk diproses</span><br>
<span>Kecuali surat tembusan, bisa langsung diarahkan ke Direktur</span><br>
</div>
<div class="row">
<div class="col-lg-3">
<button type="button" class="btn btn-danger btn-rounded btn-block" id="tambah_kirim"><i class="fa fa-plus m-r-5"></i>Kirim Surat</button>
</div>
<div class="col-lg-4">
<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 id="cn1" <?php if ($bln == '1') {
echo "selected";
} ?> value="1">JANUARI</option>
<option id="cn2" <?php if ($bln == '2') {
echo "selected";
} ?> value="2">PEBRUARI</option>
<option id="cn3" <?php if ($bln == '3') {
echo "selected";
} ?> value="3">MARET</option>
<option id="cn4" <?php if ($bln == '4') {
echo "selected";
} ?> value="4">APRIL</option>
<option id="cn5" <?php if ($bln == '5') {
echo "selected";
} ?> value="5">MEI</option>
<option id="cn6" <?php if ($bln == '6') {
echo "selected";
} ?> value="6">JUNI</option>
<option id="cn7" <?php if ($bln == '7') {
echo "selected";
} ?> value="7">JULI</option>
<option id="cn8" <?php if ($bln == '8') {
echo "selected";
} ?> value="8">AGUSTUS</option>
<option id="cn9" <?php if ($bln == '9') {
echo "selected";
} ?> value="9">SEPTEMBER</option>
<option id="cn10" <?php if ($bln == '10') {
echo "selected";
} ?> value="10">OKTOBER</option>
<option id="cn11" <?php if ($bln == '11') {
echo "selected";
} ?> value="11">NOPEMBER</option>
<option id="cn12" <?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>
<div id="tabel_kirim"></div>
<div id="modal_tl" 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="judul_modal_tl">Info Tindak Lanjut</h4>
</div>
<div class="modal-body" id="modal_body_tl"></div>
</div>
</div>
</div>
<div id="modal_kirim" 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">Kirim Surat</h4>
</div>
<div class="modal-body" id="modal_body_kirim"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kirim">Keluar</button>
<button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_kirim">Simpan</button>
</div>
</div>
</div>
</div>
<div id="modal_kirim2" 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">Kirim Surat</h4>
</div>
<div class="modal-body" id="modal_body_kirim2"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kirim2">Keluar</button>
<button type="button" class="btn btn-primary waves-effect waves-light" data-dismiss="modal" id="simpan_kirim2" style="display:none">Simpan</button>
<button type="button" class="btn btn-inverse" id="kirim_bos"><i class="fa fa-arrow-right m-r-5"></i>KIRIM</button>
</div>
</div>
</div>
</div>
<div id="modal_pic" 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="judul_modal_pic">Add Scan Surat</h4>
</div>
<div class="modal-body" id="modal_body_pic"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-success btn-block waves-effect" data-dismiss="modal" id="keluar_pic">Keluar</button>
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</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_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="judul_modal_file">Add Lampiran</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>
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</button>-->
</div>
</div>
</div>
</div>
<div id="modal_inbox" 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">Surat</h4>
</div>
<div class="modal-body" id="modal_body_inbox"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_inbox">Keluar</button>
</div>
</div>
</div>
</div>
<div id="modal_file_inbox" 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">Lampiran</h4>
</div>
<div class="modal-body" id="modal_body_file_inbox"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-success btn-block waves-effect" data-dismiss="modal" id="keluar_file_inbox">Keluar</button>
<!-- <button type="button" class="btn btn-danger waves-effect waves-light" id="simpan_pic">SELESAI</button>-->
</div>
</div>
</div>
</div>
<div id="modal_kpdxxxx" 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">Kepada</h4>
</div>
<div class="modal-body" id="modal_body_kpdxxxx"></div>
<div class="modal-footer no-border">
<button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_kpdxxxx">Keluar</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#kirim_bos').hide();
$('#kirim_bos').click(function() {
var surat_id = $('#surat_id_cek').val();
var satuan_kerja_id = $('#satuan_kerja_idcek').val();
$.ajax({
type: "POST",
url: "app/kirim/crud.php",
data: {
surat_id: surat_id,
satuan_kerja_id: satuan_kerja_id,
key: 'verif_kirim'
},
success: function(data) {
var chars = data.split('$%^');
var no_surat = $('#no_surat').val();
var perihal = $('#perihal').val();
var jml_pic = chars[0];
var jml_file = chars[1];
var jml_kpd = chars[2];
if ((!no_surat) || (!perihal) || ((jml_pic == '0') && (jml_file == '0')) || (jml_kpd == '0')) {
infoToast('error', 'No Surat, Perihal, File Doc atau Gambar \n Harus Terisi');
} else {
var x = confirm("Anda yakin ingin mengirim ?");
if (x) {
var id = $('#surat_id_cek').val();
var thn2 = $('#disp_thn').val();
var bln2 = $('#disp_bln').val();
$.ajax({
type: "POST",
url: "app/kirim/crud.php",
data: {
id: id,
satuan_kerja_id: satuan_kerja_id,
key: 'start_kirim'
},
success: function(data) {
alert('Surat terkirim ke tujuan..');
$('#modal_kirim2').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
var thn2 = $('#disp_thn').val();
var bln2 = $('#disp_bln').val();
var sat = $('#satuan_kerja_id').val();
if (sat == '172') {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sat,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
} else {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sess_satker,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
}
}
});
} else {}
}
}
});
});
function hitung_surat() {
var thn_count = $('#thn').val();
var sat = $('#sat').val();
/* if (sat=='3') { */
if (sat == '172') {
var satker_count = $('#sat').val();
} else {
var satker_count = $('#cek_satker').val();
}
$.ajax({
type: "POST",
url: "app/kirim/count.php",
data: {
thn_count: thn_count,
satker_count: satker_count
},
success: function(data) {
var b = data.split('^');
for (var i = 0; i < 12; i++) {
var month = '';
switch (i) {
case 0:
month = 'JANUARI';
break;
case 1:
month = 'PEBRUARI';
break;
case 2:
month = 'MARET';
break;
case 3:
month = 'APRIL';
break;
case 4:
month = 'MEI';
break;
case 5:
month = 'JUNI';
break;
case 6:
month = 'JULI';
break;
case 7:
month = 'AGUSTUS';
break;
case 8:
month = 'SEPTEMBER';
break;
case 9:
month = 'OKTOBER';
break;
case 10:
month = 'NOPEMBER';
break;
case 11:
month = 'DESEMBER';
break;
}
}
}
});
}
hitung_surat();
$('#thn').focusout(function() {
hitung_surat();
});
var sat = $('#sat').val();
var thn2 = $('#thn').val();
var bln2 = $('#bln').val();
/* if (sat=='3') { */
if (sat == '172') {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sat,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
} else {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sess_satker,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
}
$('#bln').change(function() {
var thn2 = $('#thn').val();
var bln2 = $('#bln').val();
var sat = $('#sat').val();
/* if (sat=='3') { */
if (sat == '172') {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sat,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
} else {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sess_satker,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
}
});
$('#thn').focusout(function() {
var thn2 = $('#thn').val();
var bln2 = $('#bln').val();
var sat = $('#sat').val();
if (sat == '172') {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sat,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
} else {
$('#tabel_kirim').load("app/kirim/tabel.php", {
satker: sess_satker,
jenis: sess_jenis,
sess_nama: sess_nama,
thn2: thn2,
bln2: bln2
});
}
});
/*
$('#tambah_kirim').click(function(){
var id = 0;
var sat = $('#sat').val();
if (sat=='172') {var satuan_kerja_id = sat;} else {var satuan_kerja_id = sess_satker;}
$('#modal_kirim').modal('show');
$('#modal_body_kirim').html("");
$.ajax({
type: "POST",
url: "app/kirim/modal.php",
data: 'id='+id
+'&satuan_kerja_id='+satuan_kerja_id,
success: function(data){
$('#modal_body_kirim').html(data);
}
});
});
$('#simpan_kirim').click(function(){
var surat_id2 = $('#surat_id_cek').val();
if (!surat_id2) {surat_id='0';} else {surat_id=surat_id2;}
var perihal = $('#perihal').val();
var no_surat1 = $('#no_surat').val();
var no_surat = no_surat1.replace(/\s/g, '');
var sat = $('#sat').val();
if ((!perihal) || (!no_surat1)) {alert('Nomor Surat / Perihal Tidak Boleh Kosong');} else {
if (sat=='172') {
var satuan_kerja_id = sat;} else {var satuan_kerja_id = sess_satker;}
var key = 'simpan_kirim';
$.ajax({
type: "POST",
url: "app/kirim/crud.php",
data: 'surat_id='+surat_id
+'&perihal='+perihal
+'&no_surat='+no_surat
+'&satuan_kerja_id='+satuan_kerja_id
+'&key='+key,
success: function(data){
$('#modal_kirim').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
alert('Data tersimpan..');
var thn2 = $('#thn').val();
var bln2 = $('#bln').val();
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
if (sat=='172') {
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sat,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
} else {
$('#tabel_kirim').load("app/kirim/tabel.php",{satker:sess_satker,jenis:sess_jenis,sess_nama:sess_nama,thn2:thn2,bln2:bln2});
}
}
});
}
});
*/
$('#tambah_kirim').click(function() {
var id = 0;
var sat = $('#sat').val();
if (sat == '172') {
var satuan_kerja_id = sat;
} else {
var satuan_kerja_id = sess_satker;
}
$('#modal_kirim2').modal('show');
$('#modal_body_kirim2').html("");
$.ajax({
type: "POST",
url: "app/kirim/modal_edit.php",
data: {
id: id,
satuan_kerja_id: satuan_kerja_id
},
success: function(data) {
$('#modal_body_kirim2').html(data);
}
});
});
/*
$('#simpan_kirim2').click(function(){
var surat_id = $('#surat_id_cek').val();
var no_surat = $('.xs'+surat_id).html();
var perihal = $('.xt'+surat_id).html();
var jml_pic = $('.xq'+surat_id).html();
var jml_file = $('.xr'+surat_id).html();
var jml_kpd = $('.xp'+surat_id).html();
if ((!no_surat) || (!perihal) || ((jml_pic=='0') && (jml_file=='0')) || (jml_kpd=='0')) {
alert('No surat, Perihal, Lampiran, dan Kepada harus di-isi semua, Mohon dicek kembali..');
} else {
$('#modal_kirim2').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
alert('Data tersimpan..');
}
});
*/
$("#modal_kirim").on("hidden.bs.modal", function() {
$(this).off('hidden.bs.modal');
});
$("#modal_kepada").on("hidden.bs.modal", function() {
$(this).off('hidden.bs.modal');
});
$("#modal_pic").on("hidden.bs.modal", function() {
$(this).off('hidden.bs.modal');
});
$("#modal_file").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');
}
});
function infoToast(icone, infone) {
Swal.fire({
// position: posisine,
icon: icone,
title: infone,
showConfirmButton: false,
timer: 2500
});
}
</script>
<script src="assets/vendor/sweetalert2/sweetalert2.all.min.js"></script>