spota-dev/konsultasi/dosen/layout/_konsultasi.php

<div class="ui container" name="tabContent" id="konsultasi">
  <div class="ui segment">
    <h3 class="ui blue header">Tugas Akhir</h3>
    <div class="ui secondary menu">
      <div class="item">
          <label>Status:</label>
          <select id="selesaiTugasAkhir" class="ui dropdown" >
            <option value="0">Sedang Berlangsung</option>
            <option value="1">Sudah Selesai</option>
            <option value="all">Semua Status</option>
          </select>
        </div>
      <div class="item">
        <label>Urutkan:</label>
        <select id="orderTugasAkhir" class="ui dropdown">
          <option value="judulTerbaru">Judul Terbaru</option>
          <option value="konsultasiTerbaru">Terakhir Konsultasi (Terbaru)</option>
          <option value="konsultasiTerlama">Terakhir Konsultasi (Terlama)</option>
        </select>
      </div>
      <div class="item">
        <button onClick="refreshTabelTugasAkhir()" class="ui blue button">Filter</button>
      </div>
    </div>
    <table class="ui selected celled blue table" id="tabelTugasAkhir">
      <thead>
        <tr>
          <th>No.</th>
          <th>Judul</th>
          <th class="three wide">Mahasiswa</th>
          <th>Semester</th>
          <th>Terakhir<br>Konsultasi</th>
          <th>Lihat</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  </div>
</div>


<div class="ui fullscreen modal" id="detailTugasAkhirModal">
  <i class="close icon"></i>
  <div class="header">
    Detail Tugas Akhir
  </div>
  <div class="scrolling content">
    <div class="ui stackable grid">
      <div class="eight wide column">
        <div class="ui form">
          <div class="two fields">
            <div class="field">
              <label for="namaMahasiswaTugasAkhir">Mahasiswa</label>
              <span id="namaMahasiswaTugasAkhir"></span>
            </div>
            <div class="field" id="callMahasiswa">
             
            </div>
          </div>
          <div class="field">
            <label for="judulTugasAkhir">Judul</label>
            <span id="judulTugasAkhir"></span>
          </div>
          <div class="two fields">
            <div class="field">
              <label for="semTATugasAkhir">Semester/Tahun Ajaran</label>
              <span id="semTATugasAkhir"></span>
            </div>
            <div class="field">
              <label for="waktuKepTugasAkhir">Tanggal Keputusan</label>
              <span id="waktuKepTugasAkhir"></span>
            </div>
          </div>
          <div class="two fields">
            <div class="field">
              <label for="pemb1TugasAkhir">Pembimbing 1</label>
              <span id="pemb1TugasAkhir"></span>
            </div>
            <div class="field">
              <label for="pemb2TugasAkhir">Pembimbing 2</label>
              <span id="pemb2TugasAkhir"></span>
            </div>
          </div>
          <div class="two fields">
            <div class="field">
              <label for="peng1TugasAkhir">Penguji 1</label>
              <span id="peng1TugasAkhir"></span>
            </div>
            <div class="field">
              <label for="peng2TugasAkhir">Penguji 2</label>
              <span id="peng2TugasAkhir"></span>
            </div>
          </div>
        </div>
      </div>
      <div class="eight wide column">
      <div class="ui secondary menu">
        <div class="item">
          <h4 class="ui blue header">Konsultasi</h4>
        </div>
        <div class="right menu">
          <button class="ui blue button" onClick="cetakB4()">Cetak B4</button>
        </div>
      </div>
        <table class="ui blue selectable definition celled table" id="tabelListKonsultasi">
          <thead>
            <tr>
              <th>Ke-</th>
              <th>Tanggal</th>
              <th>Topik</th>
              <th>Pemb. 1</th>
              <th>Pemb. 2</th>
              <th>Aksi</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="ui fullscreen modal" id="detailKonsultasiModal">
  <i class="close icon"></i>
  <div class="header">
    Detail Konsultasi
  </div>
  <div class="content">
    <div class="ui form">
      <div class="two fields">
        <div class="field">
          <label>Konsultasi ke-</label>
          <span id="detailKonsulKe"></span>
        </div>
        <div class="field">
          <label>Topik</label>
          <span id="detailKonsulTopik" style="white-space:pre-wrap;"></span>
        </div>
      </div>
      <div class="two fields">
        <div class="field">
          <label>Pembimbing 1</label>
          <span id="detailKonsulPemb1"></span>
          <label for="">Catatan</label>
          <span id="catatanPemb1"></span>
        </div>
        <div class="field">
          <label>Pembimbing 2</label>
          <span id="detailKonsulPemb2"></span>
          <label for="">Catatan</label>
          <span id="catatanPemb2"></span>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="ui fullscreen modal" id="verifikasiModal">
  <i class="close icon"></i>
  <div class="header">
    Verifikasi Konsultasi Tugas Akhir
  </div>
  <div class="content">
    <h2 class="ui icon center aligned green header">
      <i class="check icon"></i>
      <div class="content">
        Verifikasi Konsultasi Ini?
        <div class="sub header" id="contentVerif" style="white-space:pre-wrap;">
        </div>
      </div>
    </h2>
    <div class="ui form">
        <div class="field">
            <label>Tanggal</label>
            <div class="ui calendar" id="dateKonsultasiCalendar">
              <div class="ui input left icon">
                <i class="calendar icon"></i>
                <input
                  type="text"
                  placeholder="Tanggal"
                  name="dateKonsultasiField"
                  id="dateKonsultasiField"
                  onkeydown="return false; return false;"
                  autocomplete="off"
                />
              </div>
            </div>
        </div>
      <div class="field">
        <label for="">Catatan</label>
        <textarea id="catatanVerif" rows="3"></textarea>
      </div>
    </div>
  </div>
  <div class="actions">
    <div class="ui cancel button">BATAL</div>
    <div class="ui positive button">VERIFIKASI</div>
  </div>
</div>