Files
eletter-backup/app/smasuk/upload.php
2024-05-31 14:18:00 +07:00

137 lines
4.7 KiB
PHP

<style type="text/css">
.gal-detail{ background: #f5f5f1 !important;}
</style>
<?php
include("../koneksi.php");
?>
<div class="row">
<div class="col-lg-12">
<div class="btn-group">
<a class="btn btn-primary btn-custom waves-effect waves-light" role="button" id="btn_input_dok"><i class="fa fa-file-picture-o m-r-5"></i>Load JPG</a>
<a class="btn btn-primary btn-custom waves-effect waves-light" role="button" id="btn_input_pdf"><i class="fa fa-file-pdf-o m-r-5"></i>Load PDF</a>
</div>
<input type="hidden" value="<?php echo $surat_id; ?>" id="surat_id_upload">
<div id="dok_tbl"></div>
<!--</div>
<div class="col-lg-8">-->
<form id="fr_cv" name="fr_cv" class="form-inline" method="post" onsubmit="return false;" enctype="multipart/form-data">
<input type="hidden" value="<?php echo $surat_id; ?>" name="surat_id_upload">
<div class="btn-group btn-group-justified singit">
<a class="btn btn-default waves-effect waves-light" role="button" id="btn_load_cv"><i class="fa fa-folder-open"></i>&nbsp;&nbsp;Load PDF</a>
<a class="btn btn-danger waves-effect waves-light" role="button" id="btn_upl_cv"><i class="fa fa-upload"></i>&nbsp;&nbsp;Upload</a>
</div>
<input type="hidden" name="riwayat_kegiatan_id">
<input type="file" name="input_load_cv" class="filestyle" accept=".pdf" style="display:none" data-buttonbefore="true" id="input_load_cv">
</form>
<div id="tabel_upl_cv"></div>
</div>
</div>
<div class="modal" id="modal_dok">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header no-border">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Upload Dokumen</h4>
</div>
<div class="modal-body md_input_bd" id="isi_modal_dok"></div>
</div>
</div>
</div>
<!-- <script type="text/javascript" src="assets/plugins/magnific-popup/js/jquery.magnific-popup.min.js"></script> -->
<script type="text/javascript">
$('.singit').hide();
var aa = $('#surat_id_upload').val();
var bb = $('input[type="surat_id_upload"]').val();
var cc = $('#surat_idc').val();
if (bb=='') {var surat_idpdf=bb;} else {var surat_idpdf=cc;}
// var surat_idpdf=$('#surat_id_upload').val();
// var surat_idpdf=$('#surat_idc').val();
$('#btn_upl_cv').hide();
$('#tabel_upl_cv').load("app/smasuk/pdf/tabel_upl_cv.php",{surat_idzz:surat_idpdf});
$('#dok_tbl').load("app/smasuk/tabel.php", {surat_id: surat_idpdf});
$('#btn_load_cv').click(function(){
$('#input_load_cv').trigger('click');
});
$('#input_load_cv').change(function(e){
var fileName = e.target.files[0].name;
//$("#btn_upl_cv").show();
$("#btn_upl_cv").trigger('click');
});
$('#btn_upl_cv').click(function(){
$("#fr_cv").trigger('submit');
});
$("#fr_cv").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: "app/smasuk/pdf/upl_cv.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(data) {
var aa = $('#surat_id_upload').val();
var bb = $('input[type="surat_id_upload"]').val();
var cc = $('#surat_idc').val();
if (bb=='') {var surat_idpdf=bb;} else {var surat_idpdf=aa;}
alert('Data tersimpan..');
$('#tabel_upl_cv').load("app/smasuk/pdf/tabel_upl_cv.php",{surat_idzz:surat_idpdf});
$('#dok_tbl').load("app/smasuk/tabel.php", {surat_id: surat_idpdf});
$("#btn_upl_cv").hide();
}
});
}));
$('#btn_input_dok').click(function(){
var surat_id = $('#surat_id_upload').val();
$("#modal_dok").modal('show');
$("#isi_modal_dok").html("");
$.ajax({
type: "POST",
url: "app/smasuk/modal_dok.php",
data: 'surat_id='+surat_id,
success: function(data){$('#isi_modal_dok').html(data);}
});
});
$("#modal_dok").on("hidden.bs.modal", function () {
$(this).off('hidden.bs.modal');
});
$('#btn_input_pdf').click(function(){
$('#btn_load_cv').trigger('click');
});
</script>