Default page

Edit File: detail.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">
            <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="btn-detail" data-toggle="pill" href="#tab-detail" role="tab" aria-controls="custom-tabs-four-home" aria-selected="false">Detail</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="btn-dosen" data-toggle="pill" href="#tab-dosen" role="tab" aria-controls="custom-tabs-four-profile" aria-selected="false">Dosen</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="btn-mhs" data-toggle="pill" href="#tab-mhs" role="tab" aria-controls="custom-tabs-four-messages" aria-selected="false">Mahasiswa</a>
              </li>
              <li class="nav-item ml-auto">
                <a onclick="add()" class="nav-link btn btn-primary btn-sm">Tambah Anggota</a>
              </li>
            </ul>
          </div>
          <div class="card-body">
            <div class="tab-content" id="custom-tabs-four-tabContent">
              <div class="tab-pane active show" id="tab-detail" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                  <strong><i class="fas fa-user mr-1"></i> Ketua Kelompok</strong>
                  <p class="text-muted"><?php echo $kk;?></p>
                  <hr>
                  
                  <strong><i class="fas fa-pencil-alt mr-1"></i> Judul Penelitian</strong>
                  <p class="text-muted"><?php echo $kelompok->judul ?? "Belum ada Judul";?></p>
                  <hr>

<strong><i class="fas fa-file mr-1"></i> Proposal</strong>
                  <p class="text-muted"><?php echo $kelompok->file_proposal ?? "Belum ada Proposal";?></p>
                  <hr>

<strong><i class="fas fa-book mr-1"></i> Laporan</strong>
                  <p class="text-muted"><?php echo $kelompok->file_lapporan ?? "Belum ada Laporan";?></p>
                  <hr>

<strong><i class="fas fa-globe mr-1"></i> Link Publikasi Ilmiah</strong>
                  <p class="text-muted"><?php echo $kelompok->link_publikasi ?? "Belum ada Publikasi";?></p>
              </div>
              <div class="tab-pane fade" id="tab-dosen" role="tabpanel" aria-labelledby="custom-tabs-four-profile-tab">
                <table id="table-dosen" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>No</th>
                        <th>NIP</th>
                        <th>Nama</th>
                        <th>Status</th>
                        <th>Aksi</th>
                      </tr>
                    </thead>
                    <tbody>
                      <?php
                        $no =1;
                        
                        foreach ($anggota_dosen as $k) {

echo '<tr><td>'.$no++.'</td>';
                          echo '<td>'.esc($k->nip).'</td>';
                          echo '<td>'.esc($k->nama).'</td>';
                          echo '<td>'.esc($k->ketua).'</td>';
                          echo '<td>
                            <a class="btn btn-danger btn-sm" onclick="hapus(`'.base_url('kelompok/hapus_anggota/').esc($k->id).'`)">Hapus</a>&nbsp;
                            <a class="btn btn-primary btn-sm" href="'.base_url('kelompok/setKk/').$k->id.'/'.$kelompok->id.'">Set Ketua</a>&nbsp;
                          </td></tr>';
                        }
                      ?>
                    </tbody>
                </table>
              </div>
              <div class="tab-pane fade" id="tab-mhs" role="tabpanel" aria-labelledby="custom-tabs-four-messages-tab">
                 <table id="table-mhs" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>No</th>
                        <th>NIM</th>
                        <th>Nama</th>
                        <th>Status</th>
                        <th>Aksi</th>
                      </tr>
                    </thead>
                    <tbody>
                      <?php
                        $no =1;
                        foreach ($anggota_mhs as $k) {

echo '<tr><td>'.$no++.'</td>';
                          echo '<td>'.esc($k->nim).'</td>';
                          echo '<td>'.esc($k->nama).'</td>';
                          echo '<td>'.esc($k->ketua).'</td>';
                          echo '<td>
                            <a class="btn btn-danger btn-sm" onclick="hapus(`'.base_url('kelompok/hapus_anggota/').esc($k->id).'`)">Hapus</a>&nbsp;
                            <a class="btn btn-primary btn-sm" href="'.base_url('kelompok/setKk/').$k->id.'/'.$kelompok->id.'">Set Ketua</a>&nbsp;
                          </td></tr>';
                        }
                      ?>
                    </tbody>
                </table>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>

<div class="modal fade" id="add">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form class="form-horizontal" method="post" enctype="multipart/form-data" action="<?=base_url('kelompok/tambah_anggota')?>">
        <div class="modal-header">
          <h4 class="modal-title">Form Tambah Anggota Kelompok</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

<input type="text" name="data_id" class="d-none" id="data_id" value="<?=$kelompok->id?>">
          <?php 
            echo csrf_field();
            foreach ($dosen as $k) {
              $dsn['options'][] = $k->nama;
              $dsn['value'][] = $k->id_dosen;
            }
            foreach ($mhs as $k) {
              $m['options'][] = $k->nama.' ('.$k->nim.')';
              $m['value'][] = $k->id_mhs;
            }

echo form_select('dosen', $dsn);
            echo form_select('mhs', $m);
          ?>

<table class="table table-bordered table-striped">
            <thead>
              <tr>
                <th>Nama</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody id="t_form"></tbody>
          </table>
          <div id="submit-form" class="d-none">
            
          </div>
        </div>
        <div class="modal-footer justify-content-between">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
      </form>
    </div>
    
  </div>
  
</div>
<script type="text/javascript">
  $(function () {
    $("#table-dosen").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["excel", "pdf", "print"], "searching" : false
    })

$("#table-mhs").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["excel", "pdf", "print"], "searching" : false
    })

$("#form_dosen").change(function(){
      let id = $(this).val();
      let nama = $(this).find('option:selected').text();
      var newRow = '<tr>' +
                '<td>' + nama + '</td>' +
                '<td>Dosen</td>' +
             '</tr>';
      $('#t_form').append(newRow);
      var form_input = '<input type="text" name="id_anggota[]" value="'+ id +'"><input type="text" name="jenis[]" value="dosen">';
      $('#submit-form').append(form_input);

})

$("#form_mhs").change(function(){
      let id = $(this).val();
      let nama = $(this).find('option:selected').text();

var newRow = '<tr>' +
                '<td>' + nama + '</td>' +
                '<td>Mahasiswa</td>' +
             '</tr>';
      $('#t_form').append(newRow);
      var form_input = '<input type="text" name="id_anggota[]" value="'+ id +'"><input type="text" name="jenis[]" value="mhs">';
      $('#submit-form').append(form_input);
    })

});

function add(id){
    $('.select2').select2({
      theme: 'bootstrap4'
    })
    $('#add').modal('show');
  }
</script>