simpro-rssa/app/evaluasipp/form/main.php

<?php include('../../koneksi.php'); 
$id=$_POST['riwayat_kegiatan_id'];
$satuan_kerja_id=$_POST['satuan_kerja_id'];
$x=$_POST['x'];
$d=pg_query("SELECT nama_pelatihan,(SELECT nama FROM jenis_pelatihan WHERE id=jenis_pelatihan_id)
FROM riwayat_kegiatan WHERE id='$id'");
while($rd=pg_fetch_array($d)) {
  $nama_pelatihan=$rd[0];
  $jenis_pelatihan=$rd[1];
}
?>

<script>
var sess_satker = $('#cek_satker').val();
var sess_jenis = $('#cek_jenis').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>

<br>
<br>
<br>
<br>
<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
  <span><b>
  <?php echo 'Form digital peserta : '.strtoupper($jenis_pelatihan); ?><br>
  <?php echo strtoupper($nama_pelatihan) ?></b>
  </span>
</div>
</div>                                        <!-- end row -->
<br>
<input type="hidden" id="riwayat_kegiatan_id" value="<?php echo $id; ?>">
<input type="hidden" id="satuan_kerja_id" value="<?php echo $satuan_kerja_id; ?>">
<input type="hidden" id="x" value="<?php echo $x; ?>">

<div class="row">
<div class="col-lg-1">
<button type="button" class="btn btn-default btn-rounded" id="back"><i class="fa fa-arrow-left m-r-5"></i>Back</button>
</div>
<div class="col-lg-3">
<select class="form-control" id="ceksatker" style="margin-top:-2px;border:0px;border-radius:0px;border-bottom: 1px solid;">
  <option></option>
  <?php
  if (($satuan_kerja_id=='') || ($satuan_kerja_id==null)) {
  $s=pg_query("SELECT p.satuan_kerja_id,(SELECT s.nama FROM satuan_kerja s WHERE s.id=p.satuan_kerja_id) FROM riwayat_peserta p
  WHERE p.riwayat_kegiatan_id='$id' AND p.sebagai_id='1'
  GROUP BY p.satuan_kerja_id");
  } else {
  $s=pg_query("SELECT p.satuan_kerja_id,(SELECT s.nama FROM satuan_kerja s WHERE s.id=p.satuan_kerja_id) FROM riwayat_peserta p
  INNER JOIN bidang b ON (p.tenaga_id=b.tenaga_id)
  WHERE p.riwayat_kegiatan_id='$id' AND b.satuan_kerja_id='$satuan_kerja_id' AND p.sebagai_id='1'
  GROUP BY p.satuan_kerja_id");
  }
  while($r=pg_fetch_array($s)) {
  ?>
  <option <?php if($r[0]==$x) {echo "selected";} else {} ?> value="<?php echo $r[0]; ?>"><?php echo $r[1]; ?></option>
  <?php } ?>
</select>
</div>

<div class="col-lg-8">
<button type="button" class="btn btn-danger btn-rounded" id="add_peserta"><i class="fa fa-plus m-r-5"></i>Peserta</button>
<button type="button" class="btn btn-teal btn-rounded" id="kirim_form" ><i class="fa fa-send m-r-5"></i>Kirim Form Digital</button>
</div>


</div>
</div>
<div id="tabel_form"></div>

</div>






                            <div id="modal_form" 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">Add Peserta</h4>
                                        </div>
                                        <div class="modal-body" id="modal_body_form"></div>
                                    </div>
                                </div>
                            </div>

                            <div id="modal_hasil" 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">Evaluasi Hasil</h4>
                                        </div>
                                        <div class="modal-body" id="modal_body_hasil"></div>
                                    </div>
                                </div>
                            </div>

<script type="text/javascript">
var riwayat_kegiatan_id=$('#riwayat_kegiatan_id').val();
 $('#add_peserta').hide();
 $('#kirim_form').hide();

$('#ceksatker').change(function(){
 var s = $('#ceksatker').val();
 if (!s) {
 $('#add_peserta').hide();
 $('#kirim_form').hide();
 $('#tabel_form').hide();
 } else {
    $('#add_peserta').show();
    $('#tabel_form').show();
    $('#tabel_form').load("app/evaluasipp/form/tabel.php",{riwayat_kegiatan_id:riwayat_kegiatan_id,str:s});
 }
});


$('#back').click(function(){
    $.post('app/evaluasipp/main.php',function(html){$("#main_tag").html(html);});
});

$('#add_peserta').click(function(){
                        var id = 0;
                        var s = $('#ceksatker').val();
                        $('#modal_form').modal('show');
                        $('#modal_body_form').html("");
                        $.ajax({
                            type: "POST",
                            url: "app/evaluasipp/form/modal.php",
                            data: 'id='+id
                            +'&riwayat_kegiatan_id='+riwayat_kegiatan_id
                            +'&str='+s,
                            success: function(data){
                                $('#modal_body_form').html(data);
                            }
                        });
});


$('#kirim_form').click(function(){
                        var id = 0;
                        var key = 'status_form'
                        var s = $('#ceksatker').val();
                        $.ajax({
                            type: "POST",
                            url: "app/evaluasipp/form/crud.php",
                            data: 'id='+id
                            +'&riwayat_kegiatan_id='+riwayat_kegiatan_id
                            +'&satuan_kerja_id='+s
                            +'&key='+key,
                            success: function(data){
                                alert('Form digital terkirim ke kordik satuan kerja..');
                                $('#tabel_form').load("app/evaluasipp/form/tabel.php",{riwayat_kegiatan_id:riwayat_kegiatan_id,str:s});
                            }
                        });
});

$("#modal_form").on("hidden.bs.modal", function () {
  $(this).off('hidden.bs.modal');
});

$("#modal_hasil").on("hidden.bs.modal", function () {
  $(this).off('hidden.bs.modal');
});  
</script>