297 lines
11 KiB
PHP
297 lines
11 KiB
PHP
<div class="ui container" name="tabContent" id="kerjaPraktek">
|
|
<div class="ui segment">
|
|
<h3 class="ui blue header">Kerja Praktek</h3>
|
|
<div class="ui top attached tabular menu" id="tabKerjaPraktek">
|
|
<a class="disabled item" style="color:#2185D0;font-weight:bold">Sebagai : </a>
|
|
<a class="active item" data-tab="dosenPA">Dosen PA</a>
|
|
<a class="item" data-tab="dosenKP">Dosen Pemb. KP</a>
|
|
</div>
|
|
<div class="ui bottom attached active tab segment" data-tab="dosenPA">
|
|
<div style="margin-bottom:1rem">Tampilkan:
|
|
<select id="kerjaPraktekDropdown" class="ui dropdown" onChange="refreshTabelKerjaPraktek()">
|
|
<option value="all">Semua</option>
|
|
<option value="0">Belum Disetujui</option>
|
|
<option value="1">Disetujui</option>
|
|
<option value="2">Ditolak</option>
|
|
</select>
|
|
</div>
|
|
<table class="ui selected celled blue table" id="tabelKerjaPraktek">
|
|
<thead>
|
|
<tr>
|
|
<th>No.</th>
|
|
<th>Mahasiswa</th>
|
|
<th>Periode</th>
|
|
<th>Topik</th>
|
|
<th>Instansi</th>
|
|
<th>Status</th>
|
|
<th class="one wide">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="ui bottom attached tab segment" data-tab="dosenKP">
|
|
<div style="margin-bottom:1rem">Tampilkan:
|
|
<select id="kerjaPraktekKPDropdown" class="ui dropdown" onChange="refreshTabelKerjaPraktekPembKP()">
|
|
<option value="all">Semua</option>
|
|
<option value="0">Belum Disetujui</option>
|
|
<option value="1">Disetujui</option>
|
|
<option value="2">Ditolak</option>
|
|
</select>
|
|
</div>
|
|
<table class="ui selected celled blue table" id="tabelKPKerjaPraktek">
|
|
<thead>
|
|
<tr>
|
|
<th>No.</th>
|
|
<th>Mahasiswa</th>
|
|
<th>Periode</th>
|
|
<th>Topik</th>
|
|
<th>Instansi</th>
|
|
<th>Status Proposal</th>
|
|
<th class="one wide">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui fullscreen modal" id="kerjaPraktekDetailModal">
|
|
<i class="close icon"></i>
|
|
<div class="header">
|
|
Verifikasi Data Kerja Praktek
|
|
</div>
|
|
<div class="scrolling content">
|
|
<div class="ui grid" style="padding-bottom:2rem">
|
|
<div class="eight wide column">
|
|
<div class="ui equal width form" id="formKP">
|
|
<h3 class="ui blue header">MAHASISWA</h3>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Nama</label>
|
|
<span id="namaKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>NIM</label>
|
|
<span id="nimKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>No. Telp/HP</label>
|
|
<span id="telpKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Email</label>
|
|
<span id="emailKPDetail"></span>
|
|
</div>
|
|
</div>
|
|
<h3 class="ui blue header">Kerja Praktek</h3>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Periode</label>
|
|
<span id="periodeKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Pembimbing KP</label>
|
|
<span id="pembimbingLapanganKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Verifikasi Dosen PA</label>
|
|
<span id="verifPAKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Verifikasi Admin</label>
|
|
<span id="verifAdminKPDetail"></span>
|
|
</div>
|
|
</div>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Topik Kerja Praktek</label>
|
|
<span id="kptopikDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Deskripsi Singkat</label>
|
|
<div id="kpdeskripsiDetail" style="height:200px;overflow-y:scroll"></div>
|
|
</div>
|
|
</div>
|
|
<h3 class="ui blue header">Instansi</h3>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Nama Instansi</label>
|
|
<span id="kpnamaInstansiDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Nama Pimpinan</label>
|
|
<span id="kpnamaPimpinanDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Alamat Instansi</label>
|
|
<span id="kpalamatInstansiDetail"></span>
|
|
</div>
|
|
</div>
|
|
<h3 class="ui blue header">Narahubung</h3>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Nama Narahubung</label>
|
|
<span id="kpnamaNarahubungDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>No. Telp Narahubung</label>
|
|
<span id="kptelpNarahubungDetail"></span>
|
|
</div>
|
|
</div>
|
|
<h3 class="ui blue header">Catatan Dari Kepala Jurusan</h3>
|
|
<div class="field">
|
|
<span id="kpCatatanDetail"></span>
|
|
</div>
|
|
<h3 class="ui blue header">Proposal KP</h3>
|
|
<div class="fields">
|
|
<div class="field">
|
|
<label>Status Proposal KP</label>
|
|
<span id="statusProposalKPDetail"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>File Proposal</label>
|
|
<span id="fileProposalKPDetail"></span>
|
|
</div>
|
|
</div>
|
|
<div id="verifikasiPAKP">
|
|
<h3 class="ui blue header">Verifikasi</h3>
|
|
<div class="inline fields" style="width:300px">
|
|
<label for="verifikasiKP">Status:</label>
|
|
<div class="field">
|
|
<div class="ui radio checkbox checked">
|
|
<input type="radio" name="verifikasiKP" tabindex="0" value="1" class="hidden">
|
|
<label>Setuju</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui radio checkbox">
|
|
<input type="radio" name="verifikasiKP" tabindex="0" value="2" class="hidden">
|
|
<label>Tolak</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="catatanKP">Catatan kepada mahasiswa</label>
|
|
<textarea name="catatanKP" rows="3"></textarea>
|
|
</div>
|
|
<button class="ui green icon button" onClick="simpanVerifKP()"><i class="check icon"></i> Simpan</button>
|
|
</div>
|
|
<div id="verifikasiPembKP">
|
|
<h3 class="ui blue header">Verifikasi Proposal</h3>
|
|
<div class="inline fields" style="width:300px">
|
|
<label for="verifikasiProposalKP">Status:</label>
|
|
<div class="field">
|
|
<div class="ui radio checkbox checked">
|
|
<input type="radio" name="verifikasiProposalKP" tabindex="0" value="1" class="hidden">
|
|
<label>Setuju</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui radio checkbox">
|
|
<input type="radio" name="verifikasiProposalKP" tabindex="0" value="2" class="hidden">
|
|
<label>Tolak</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="catatanProposalKP">Catatan kepada mahasiswa</label>
|
|
<textarea name="catatanProposalKP" rows="3"></textarea>
|
|
</div>
|
|
<button class="ui green icon button" onClick="simpanVerifProposalKP()"><i class="check icon"></i> Simpan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="eight wide column">
|
|
<div class="ui secondary menu">
|
|
<div class="item">
|
|
<h4 class="ui blue header">Konsultasi Dengan Pembimbing KP</h4>
|
|
</div>
|
|
</div>
|
|
<table class="ui blue selectable definition celled table" id="tabelListKonsultasiKP">
|
|
<thead>
|
|
<tr>
|
|
<th>Ke-</th>
|
|
<th>Tanggal</th>
|
|
<th>Topik</th>
|
|
<th>Verifikasi</th>
|
|
<th>Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ui fullscreen modal" id="verifikasiKPModal">
|
|
<i class="close icon"></i>
|
|
<div class="header">
|
|
Verifikasi Konsultasi Kerja Praktek
|
|
</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="contentVerifKP" style="white-space:pre-wrap;">
|
|
</div>
|
|
</div>
|
|
</h2>
|
|
<div class="ui form">
|
|
<div class="field">
|
|
<label>Tanggal</label>
|
|
<div class="ui calendar" id="dateKonsultasiCalendarKP">
|
|
<div class="ui input left icon">
|
|
<i class="calendar icon"></i>
|
|
<input
|
|
type="text"
|
|
placeholder="Tanggal"
|
|
name="dateKonsultasiFieldKP"
|
|
id="dateKonsultasiFieldKP"
|
|
onkeydown="return false; return false;"
|
|
autocomplete="off"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="">Catatan</label>
|
|
<textarea id="catatanVerifKP" 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>
|
|
|
|
<div class="ui fullscreen modal" id="detailKonsultasiKPModal">
|
|
<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="detailKonsulKeKP"></span>
|
|
</div>
|
|
<div class="field">
|
|
<label>Topik</label>
|
|
<div id="detailKonsulTopikKP" style="white-space:pre-wrap;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label>Status Konsultasi</label>
|
|
<span id="detailKonsulPembKP"></span>
|
|
<label for="">Catatan</label>
|
|
<span id="catatanPembKP"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |