Default page

Edit File: penilaian.php

<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0"><?=$title?></h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active"><?=$li_1?></li>
        </ol>
      </div>
    </div>
  </div>
</div>

<section class="content">
  <div class="container-fluid">
    <div class="row">

<div class="col-12">
        <div class="card card-primary card-outline card-outline-tabs">
          <div class="card-header p-0 border-bottom-0">
            <div class="d-flex justify-content-between align-items-center">
              <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active" data-toggle="pill" href="#bobot">Bobot</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="pill" href="#ph">Harian</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" data-toggle="pill" href="#pas"><?=$nama_pp?></a>
                </li>
              </ul>
              <div class="card-tools" id="btn-export">
                  <a class="btn btn-primary btn-sm" id="btn-form-upload">Upload Nilai</a>
                  <a class="btn btn-primary btn-sm" id="btn-save">Save</a>
              </div>
            </div>
          </div>
          <div class="card-body">
            <div class="tab-content" id="custom-tabs-four-tabContent">
              <div class="tab-pane fade active show" id="bobot">
                <div class="form-group row">
                  <label class="col-sm-3">Bobot Harian (%)</label>
                  <div class="input-group my-colorpicker2 col-sm-2">
                    <input type="text" name="harian" class="form-control" id="bobot_ph" value="<?=$bobot->sumatif ?? 0?>" placeholder="40">
                    <div class="input-group-append">
                      <span class="input-group-text">%</span>
                    </div>
                  </div>
                  <label class="col-sm-3">Bobot PTS/PAS (%)</label>
                  <div class="input-group my-colorpicker2 col-sm-2">
                    <input type="text" name="pas" class="form-control" id="bobot_pa" value="<?=$bobot->pas?? 0?>" placeholder="60">
                    <div class="input-group-append">
                      <span class="input-group-text">%</span>
                    </div>
                  </div>
                </div>
                <div class="form-group row" id="tag_materi1">
                  <label class="col-sm-3">Materi 1</label>
                  <div class="col-sm-3">
                    <textarea name="materi1" id="materi1" class="form-control"><?=$materi1?></textarea>
                  </div>
                  <label class="col-sm-1">KKM 1</label>
                  <div class="col-sm-3">
                    <input type="text" name="kkm1" id="kkm1" class="form-control" value="<?=$kkm1?>" placeholder="70" >
                  </div>
                </div>
                <div class="form-group row" id="tag_materi2">
                  <label class="col-sm-3">Materi 2</label>
                  <div class="col-sm-3">
                    <textarea name="materi2" id="materi2" class="form-control"><?=$materi2?></textarea>
                  </div>
                  <label class="col-sm-1">KKM 2</label>
                  <div class="col-sm-3">
                    <input type="text" name="kkm2" id="kkm2" class="form-control" value="<?=$kkm2?>" placeholder="70" >
                  </div>
                </div>
                <table id="peserta_kelas" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>No</th>
                        <th>NIS</th>
                        <th>Nama</th>
                        <th>Harian</th>
                        <th><?=$singkatan_pp?></th>
                        <th>Nilai Rapor</th>
                        <th>Capaian Kompetensi</th>
                      </tr>
                    </thead>
                    <tbody>
                      <?php
                        $no =1;
                        foreach ($pd as $k) {
                          $id_pd = $k->id_pd;
                          if(isset($nilai['PH'][$id_pd])){
                            $nh = $nilai['PH'][$id_pd];
                          }else{
                            $nh = 0;
                          }
                          
                          if(isset($nilai['PA'][$id_pd])){
                            $na = $nilai['PA'][$id_pd];
                          }else{
                            $na = 0;
                          };
                          
                          $bobot_sumatif = $bobot->sumatif ?? 0;
                          $bobot_pas = $bobot->pas ?? 0;

$nr = number_format(($nh * $bobot_sumatif / 100) + ($na * $bobot_pas / 100),2);

if($nh >= $kkm1 && $na >= $kkm2 ){
                            if($nh > $na){
                              $cpl = cpl($kkm1, $materi1, $nh);
                            }else{
                              $cpl = cpl($kkm2, $materi2, $na);
                            }
                          }elseif($nh <= $kkm1 && $na >= $kkm2 ){                          
                            $cpl = cpl($kkm2, $materi2, $na).'<br>'.cpl($kkm1, $materi1, $nh);
                        
                          }elseif($nh >= $kkm1 && $na <= $kkm2 ){
                          
                            $cpl = cpl($kkm1, $materi1, $nh).'<br>'.cpl($kkm2, $materi2, $na);
                          
                          }elseif($nh <= $kkm1 && $na <= $kkm2 ){
                          
                            $cpl = cpl($kkm1, $materi1, $nh).'<br>'.cpl($kkm2, $materi2, $na);
                          
                          }else{
                          
                            $cpl = '';
                          
                          }

//$cpl = cpl($kkm1, $materi1, $nr);

$data['id_pd'][] = $id_pd;
                          $data['nilai_ph'][] = $nh;
                          $data['nilai_pa'][] = $na;

echo '<tr><td>'.$no++.'</td>';
                          echo '<td>'.esc($k->nis).'</td>';
                          echo '<td>'.esc($k->nama).'</td>';
                          echo '<td>'.$nh.'</td>';
                          echo '<td>'.$na.'</td>';
                          echo '<td>'.$nr.'</td>';
                          echo '<td>'.$cpl.'</td>';
                          echo '</tr>';
                        }
                      ?>
                    </tbody>
                  </table>
              </div>
              <div class="tab-pane fade" id="ph">
                <table id="table-ph" class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th>No</th>
                      <th>NIS</th>
                      <th>Nama</th>
                      <th>Nilai Harian</th>
                    </tr>
                  </thead>
                  <tbody>
                    <?php
                      $no =1;
                      foreach ($pd as $k) {
                        $id_pd = $k->id_pd;
                        if(isset($nilai['PH'][$id_pd])){
                          $nh = $nilai['PH'][$id_pd];
                        }else{
                          $nh = 0;
                        }
                        echo '
                        <div class="d-none">
                          <input type="text" value="'.$id_pd.'" class="id_pd_ph" name="id_pd_ph[]">
                        </div>';

echo '<tr><td>'.$no++.'</td>';
                        echo '<td>'.esc($k->nis).'</td>';
                        echo '<td>'.esc($k->nama).'</td>';
                        echo '<td><input type="text" class="form-control ph" name="nilai_ph[]" value="'.$nh.'" /></td>';
                        echo '</tr>';
                      }
                    ?>
                  </tbody>
                </table>
              </div>
              <div class="tab-pane fade" id="pas">
                 <table id="table-ph" class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <th>No</th>
                      <th>NIS</th>
                      <th>Nama</th>
                      <th>Nilai <?=$singkatan_pp?></th>
                    </tr>
                  </thead>
                  <tbody>
                    <?php
                      $no =1;
                      foreach ($pd as $k) {
                        $id_pd = $k->id_pd;
                        if(isset($nilai['PA'][$id_pd])){
                          $na = $nilai['PA'][$id_pd];
                        }else{
                          $na = 0;
                        }

echo '
                        <div class="d-none">
                          <input type="text" value="'.$id_pd.'" class="id_pd_pas" name="id_pd_pas[]">
                        </div>';

echo '<tr><td>'.$no++.'</td>';
                        echo '<td>'.esc($k->nis).'</td>';
                        echo '<td>'.esc($k->nama).'</td>';
                        echo '<td><input type="text" class="form-control pas" name="nilai_pas[]" value="'.$na.'" /></td>';
                        echo '</tr>';
                      }
                    ?>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>

<div class="modal fade" id="form-upload">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form class="form-horizontal" method="post" id="form-upload" action="<?=base_url('nilai/guru/saveXls')?>" enctype="multipart/form-data">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Form Upload Nilai</h5>
          <a class="btn-primary btn-sm" href="<?=base_url('nilai/guru/form/').$id_jadwal?>">Download Form Excel</a>
        </div>
        <div class="modal-body">
          <?php
            csrf_field();
            echo form_file('upload');
          ?>
        </div>
        <div class="modal-footer">
          <button type="sumatif" class="btn btn-sm btn-primary">Upload</button>
        </div>
      </form>
    </div>
  </div>
</div>

$('#btn-form-upload').click(function(){
      $('#form-upload').modal('show');
    })

$('#btn-save').click(function(){
      const nilai = JSON.parse('<?=json_encode($data)?>');
      const ph = [];
      const pa = [];
      const bobot_ph = $('#bobot_ph').val();
      const bobot_pa = $('#bobot_pa').val();
      const materi1 = $('#materi1').val();
      const materi2 = $('#materi2').val();
      const kkm1 = $('#kkm1').val();
      const kkm2 = $('#kkm2').val();

$('[name="nilai_ph[]"]').each(function() {
        ph.push($(this).val());
      });

$('[name="nilai_pas[]"]').each(function() {
        pa.push($(this).val());
      });

$.ajax({
        url : '<?=base_url('nilai/guru/save')?>',
        method : 'POST',
        dataType : 'JSON',
        data : {
          id_pd : nilai.id_pd,
          id_jadwal : '<?=$id_jadwal?>',
          nilai_ph : ph,
          nilai_pa : pa,
          bobot_ph : bobot_ph,
          bobot_pa : bobot_pa,
          materi1 : materi1,
          materi2 : materi2,
          kkm1 : kkm1,
          kkm2 : kkm2,
        },
        success : function(dt){
          //console.log(dt);
          window.location.reload()
        }
      })
    })
  })
</script>