simpro-rssa/app/persiapan/materi/main.php

<?php
include('../../koneksi.php');
$riwayat_kegiatan_id=$_POST['riwayat_kegiatan_id'];
$jenis=$_POST['jenis'];
$d=pg_query("SELECT nama_pelatihan,(SELECT nama FROM jenis_pelatihan WHERE id=jenis_pelatihan_id),COALESCE(max_quota,0),status
FROM riwayat_kegiatan WHERE id='$riwayat_kegiatan_id'");
while($rd=pg_fetch_array($d)) {
  $nama_pelatihan=$rd[0];
  $jenis_pelatihan=$rd[1];
  $max_quota=$rd[2];
  $status=$rd[3];
}
?>
<br>
<br>
<br>
<br>
                                         <div class="row">
                                                <div class="col-md-12 col-sm-12 col-xs-12">
                                                <span><b>
                                                <?php echo 'Data Materi: '.strtoupper($jenis_pelatihan); ?><br>
                                                <?php echo strtoupper($nama_pelatihan) ?></b>
                                                </span>
                                                </div>
                                         </div>
                                         <br>
                                         <button type="button" class="btn btn-default btn-rounded" id="back_1"><i class="fa fa-arrow-left m-r-5"></i>Back</button>
                                         <button type="button" class="btn btn-danger btn-rounded" id="input_materi"><i class="fa fa-plus m-r-5"></i>Materi</button>
                                         <input type="hidden" id="riwayat_kegiatan_id" value='<?php echo $riwayat_kegiatan_id; ?>'>
                                         <input type="hidden" id="jenis" value='<?php echo $jenis; ?>'>
                                         <br>
                                         <br>

<div id="tabel_materi"></div>
<br>
<div id="psr">
    <form id="fr_cv" name="fr_cv" class="form-inline" method="post" onsubmit="return false;"  enctype="multipart/form-data">
        <div class="btn-group btn-group-justified">
            <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 id="modal_materi" 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 Materi</h4>
                                        </div>
                                        <div class="modal-body" id="modal_body_materi"></div>
                                        <div class="modal-footer no-border">
                                            <button type="button" class="btn btn-default waves-effect" data-dismiss="modal" id="keluar_materi">Keluar</button>
                                            <button type="button" class="btn btn-primary waves-effect waves-light" id="simpan_materi">Simpan</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

<script>
var riwayat_kegiatan_id = $('#riwayat_kegiatan_id').val();
var jenis = $('#jenis').val();

$('input[name="riwayat_kegiatan_id"]').val(riwayat_kegiatan_id);
$('#tabel_materi').load("app/persiapan/materi/tabel.php",{riwayat_kegiatan_id:riwayat_kegiatan_id});
$("#btn_upl_cv").hide();
$('#tabel_upl_cv').load("app/persiapan/materi/tabel_upl_cv.php",{riwayat_kegiatan_id:riwayat_kegiatan_id});


        $('#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').click(function(){
            $("#fr_cv").trigger('submit');
        });

        $("#fr_cv").on('submit',(function(e) { 
          e.preventDefault();
          $.ajax({
            url: "app/persiapan/materi/upl_cv.php", 
            type: "POST",             
            data: new FormData(this), 
            contentType: false,       
            cache: false,             
            processData:false,        
            success: function(data) {
                                alert('Data Materi tersimpan..');
                                var riwayat_kegiatan_id = $('#riwayat_kegiatan_id').val();
                                $('#tabel_upl_cv').load("app/persiapan/materi/tabel_upl_cv.php",{riwayat_kegiatan_id:riwayat_kegiatan_id});
                                $("#btn_upl_cv").hide();
            }
            });
        }));

  $('#input_materi').click(function(){
                        var id = 0;
                        $('#modal_materi').modal('show');
                        $('#modal_body_materi').html("");
                        $.ajax({
                            type: "POST",
                            url: "app/persiapan/materi/modal.php",
                            data: 'id='+id,
                            success: function(data){
                                $('#modal_body_materi').html(data);
                                $('#materi').first().focus().selected();
                            }
                        });
  });

      $('#simpan_materi').click(function(){
        var id = $('#id').val();
        var riwayat_kegiatan_id = $('#riwayat_kegiatan_id').val();
        var materi = $('#materi').val();
        var keterangan = $('#keterangan').val();
        var key = 'simpan_materi';
                        $.ajax({
                            type: "POST",
                            url: "app/persiapan/materi/crud.php",
                            data: 'id='+id
                            +'&riwayat_kegiatan_id='+riwayat_kegiatan_id
                            +'&materi='+materi  
                            +'&keterangan='+keterangan                  
                            +'&key='+key,
                            success: function(data){
                                $('#modal_materi').modal('hide');
                                $('body').removeClass('modal-open');
                                $('.modal-backdrop').remove();
                                alert('tersimpan..');
                                $('#tabel_materi').load("app/persiapan/materi/tabel.php",{riwayat_kegiatan_id:riwayat_kegiatan_id});
                            }
                        });
      });


$('#back_1').click(function(){
if ((jenis=='') || (jenis==null)) {
  $.post('app/persiapan/main.php',function(html){$("#main_tag").html(html)});
} else {
  $.post('app/cekmentor/main.php',function(html){$("#main_tag").html(html)});

}
});


</script>