Add consultation module assets and libraries
This commit is contained in:
Power BI Dev
0
konsultasi/mahasiswa/css/index.php
Normal file
0
konsultasi/mahasiswa/css/index.php
Normal file
88
konsultasi/mahasiswa/css/style.css
Normal file
88
konsultasi/mahasiswa/css/style.css
Normal file
@@ -0,0 +1,88 @@
|
||||
.giveMeEllipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2; /* number of lines to show */
|
||||
}
|
||||
|
||||
.blueBackground{
|
||||
background-color: #F1F8FB !important;
|
||||
}
|
||||
|
||||
.backgroundLoader{
|
||||
position:fixed;
|
||||
height:100%;
|
||||
width:100%;
|
||||
top:0;
|
||||
left:0;
|
||||
margin:0rem 0rem ;
|
||||
z-index:2000 ;
|
||||
}
|
||||
|
||||
.addSubHeaderMargin{
|
||||
margin-top: 0.5rem !important;
|
||||
}
|
||||
|
||||
.fitButton{
|
||||
background-color : transparent;
|
||||
border-color : transparent;
|
||||
}
|
||||
|
||||
.contentContainer{
|
||||
margin-top:80px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 678px) {
|
||||
.contentContainer {
|
||||
margin-top:170px;
|
||||
}
|
||||
}
|
||||
|
||||
.blueColor {
|
||||
color: #2185D0 !important;
|
||||
}
|
||||
|
||||
.overlayMap{
|
||||
position:absolute;
|
||||
left:0 ;
|
||||
top:0;
|
||||
margin-top :1rem;
|
||||
margin-left :1rem;
|
||||
margin-bottom :1rem;
|
||||
width:97%;
|
||||
height:80vh;
|
||||
background-color:black;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.middleText{
|
||||
color:white;
|
||||
opacity: 1;
|
||||
font-weight: 900;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.fixedKoordinatMap{
|
||||
height :200px;
|
||||
}
|
||||
|
||||
#mapEditTitikKoordinat .centerMarker{
|
||||
position:absolute;
|
||||
/*url of the marker*/
|
||||
background:url(http://maps.gstatic.com/mapfiles/markers2/marker.png) no-repeat;
|
||||
/*center the marker*/
|
||||
top:50%;left:50%;
|
||||
z-index:1;
|
||||
/*fix offset when needed*/
|
||||
margin-left:-10px;
|
||||
margin-top:-34px;
|
||||
/*size of the image*/
|
||||
height:34px;
|
||||
width:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
156
konsultasi/mahasiswa/index.php
Normal file
156
konsultasi/mahasiswa/index.php
Normal file
@@ -0,0 +1,156 @@
|
||||
<?php
|
||||
session_start();
|
||||
include '../conf/class.server.php';
|
||||
include '../conf/function.php';
|
||||
include '../conf/koneksiPDO.php';
|
||||
|
||||
$server = new Server();
|
||||
|
||||
if (!isset($_SESSION['konsulMahasiswa'])) {
|
||||
$loginPage = $server->getLoginPage();
|
||||
header('Location: '.$loginPage);
|
||||
exit();
|
||||
}
|
||||
$dataUser = $_SESSION['konsulMahasiswa'];
|
||||
$token = $dataUser['token'];
|
||||
$namaUser = $dataUser['nama'];
|
||||
$urlAPI = $server->getAPIUrl();
|
||||
$urlDataTable = $server->getDataTableURL();
|
||||
$urlBerkas = $server->getBerkasUrl();
|
||||
$conn = new createCon();
|
||||
$dbh = $conn->connect();
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<link rel="shortcut icon" href="../assets/untan.svg" />
|
||||
<title>Konsultasi Skripsi - Mahasiswa</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="../libs/Fomantic-UI/semantic.css"
|
||||
type="text/css"
|
||||
charset="utf-8"
|
||||
/>
|
||||
<link rel="stylesheet" href="../libs/Trumbowyg/ui/trumbowyg.min.css">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<script>
|
||||
const token = "<?php echo $token; ?>";
|
||||
const namaUser = "<?php echo $namaUser; ?>";
|
||||
const urlAPI = "<?php echo $urlAPI; ?>";
|
||||
const todayDMY = "<?php echo date('d-m-Y'); ?>";
|
||||
</script>
|
||||
<script src="../libs/jquery-3.3.1.js"></script>
|
||||
<script src="../libs/Fomantic-UI/semantic.min.js"></script>
|
||||
<script type="text/javascript" src="../libs/Trumbowyg/trumbowyg.min.js"></script>
|
||||
<script src="js/4eed0cb4b7d8326b9cc764890ea2a342.js?v=0.0.3"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
class="ui segment"
|
||||
style="position:fixed;height:100%;width:100%;display:none;top:0;left:0;margin:0rem 0rem !important;z-index:2000 !important"
|
||||
id="loaderSegment"
|
||||
>
|
||||
<div class="ui active inverted dimmer">
|
||||
<div class="ui large blue text loader">
|
||||
<h3 class="ui blue header">Tunggu Sebentar . . .</h3>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<p></p>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<div class="ui sidebar vertical menu">
|
||||
<a class="disabled item">
|
||||
<h2 class="ui small header" style="width:100%">
|
||||
<img src="../assets/untan.svg" alt="Logo UNTAN" class="ui image" />
|
||||
<div class="blueColor content">
|
||||
<div class="sub header">Teknik Informatika UNTAN</div>
|
||||
</div>
|
||||
</h2>
|
||||
</a>
|
||||
<a onClick="openTab(event,'konsultasi')" name="tabLinks" id="x" class="item">
|
||||
Konsultasi Tugas Akhir
|
||||
</a>
|
||||
<a onClick="openTab(event,'pengaturan')" name="tabLinks" class="item">
|
||||
Ubah Data Pribadi
|
||||
</a>
|
||||
<a onClick="openLogoutModal()" name="tabLinks" class="item">
|
||||
Logout
|
||||
</a>
|
||||
</div>
|
||||
<div class="pusher blueBackground">
|
||||
<div
|
||||
class="ui sticky vertically fitted segment"
|
||||
style="position:fixed;width:100% !important;padding:0em 0em;margin:0"
|
||||
>
|
||||
<div
|
||||
class="ui secondary stackable menu"
|
||||
id="menuDiv"
|
||||
style="width:100%"
|
||||
>
|
||||
<a class="item" onClick="sideBar()" id="burgerDiv">
|
||||
<span class="ui large blue text"><i class="sidebar icon"></i></span>
|
||||
</a>
|
||||
<a class="disabled item"
|
||||
><h2 class="ui blue header" id="judulMenu">-</h2></a
|
||||
>
|
||||
<div class="right menu">
|
||||
<a class="disabled blueColor item"
|
||||
><h3 class="ui blue header"><?php echo $namaUser; ?></h3></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentContainer">
|
||||
<?php
|
||||
include 'layout/_konsultasi.php';
|
||||
include 'layout/_pengaturan.php';
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="ui small modal" id="hapusDataModal">
|
||||
<i class="close icon"></i>
|
||||
<div class="redHukum header">
|
||||
Hapus Data Ini?
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2 class="ui center aligned icon header">
|
||||
<i class="ui red trash icon"></i>
|
||||
<div class="content">
|
||||
Hapus Data Ini?
|
||||
<div class="sub header" id="isiDataHapus"></div>
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<div class="ui cancel button">BATAL</div>
|
||||
<div class="ui approve red button">HAPUS</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ui small modal" id="logoutModal">
|
||||
<i class="close icon"></i>
|
||||
<div class="header">
|
||||
Logout
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2 class="ui center aligned icon header">
|
||||
<i class="grey sign out alternate icon"></i>
|
||||
<div class="content">
|
||||
Apakah anda ingin logout?
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<div class="ui cancel button">BATAL</div>
|
||||
<div class="ui positive button">YA</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
631
konsultasi/mahasiswa/js/4eed0cb4b7d8326b9cc764890ea2a342.js
Normal file
631
konsultasi/mahasiswa/js/4eed0cb4b7d8326b9cc764890ea2a342.js
Normal file
@@ -0,0 +1,631 @@
|
||||
const noDataTextTabel = "No data available in table";
|
||||
const serverErrorText =
|
||||
"Gagal terhubung ke Server, cek koneksi internet anda!!!";
|
||||
const ajaxTimeout = 15000;
|
||||
let idTANow;
|
||||
let dataKonsul = [];
|
||||
|
||||
const logoutModal = {
|
||||
show: () => {
|
||||
$("#logoutModal").modal({
|
||||
onApprove: function(){
|
||||
doLogout();
|
||||
return false;
|
||||
}
|
||||
}).modal("show");
|
||||
},
|
||||
hide: () => {
|
||||
$("#logoutModal").modal("hide");
|
||||
}
|
||||
};
|
||||
|
||||
const loader = {
|
||||
show: () => {
|
||||
$("#loaderSegment").show();
|
||||
},
|
||||
hide: () => {
|
||||
$("#loaderSegment").hide();
|
||||
}
|
||||
};
|
||||
|
||||
const konsultasiModal = {
|
||||
show: (status, idKonsul = "") => {
|
||||
if (status == "tambah") {
|
||||
$("#konsultasiModal")
|
||||
.modal({
|
||||
autofocus: false,
|
||||
onApprove: function() {
|
||||
postTambahKonsultasi();
|
||||
return false;
|
||||
},
|
||||
allowMultiple: true
|
||||
})
|
||||
.modal("show");
|
||||
} else {
|
||||
$("#konsultasiModal")
|
||||
.modal({
|
||||
onApprove: function() {
|
||||
postEditKonsultasi(idKonsul);
|
||||
return false;
|
||||
},
|
||||
allowMultiple: true
|
||||
})
|
||||
.modal("show");
|
||||
}
|
||||
},
|
||||
hide: () => {
|
||||
$("#konsultasiModal").modal("hide");
|
||||
}
|
||||
};
|
||||
|
||||
const hapusDataModal = {
|
||||
show: (idKonsultasi) => {
|
||||
$("#hapusDataModal")
|
||||
.modal({
|
||||
onApprove: function() {
|
||||
postHapusKonsultasi(idKonsultasi);
|
||||
return false;
|
||||
},
|
||||
allowMultiple: true
|
||||
})
|
||||
.modal("show");
|
||||
},
|
||||
hide: () => {
|
||||
$("#hapusDataModal").modal("hide");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
document.getElementById("x").click();
|
||||
setInterval(refreshSession, 60 * 1000);
|
||||
initForm();
|
||||
});
|
||||
|
||||
function initForm() {
|
||||
$("#formKonsultasi").form({
|
||||
fields: {
|
||||
dateKonsultasiField: "empty",
|
||||
topikField: "empty"
|
||||
}
|
||||
});
|
||||
|
||||
$("#formPengaturan").form({
|
||||
fields: {
|
||||
userEmail: ["empty", "email"],
|
||||
userHP: "empty"
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function refreshSession() {
|
||||
let request = $.ajax({
|
||||
url: urlAPI + `/web-refreshSession.php`,
|
||||
type: "GET",
|
||||
contentType: "application/json",
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {});
|
||||
}
|
||||
|
||||
function doLogout() {
|
||||
window.location.replace("logout.php");
|
||||
}
|
||||
|
||||
|
||||
function sideBar() {
|
||||
$(".ui.sidebar").sidebar("toggle");
|
||||
}
|
||||
|
||||
function openTab(evt, divName) {
|
||||
var i, tabcontent, tablinks;
|
||||
|
||||
var namatabcontent = "tabContent";
|
||||
var namatablink = "tabLinks";
|
||||
|
||||
let judul = "";
|
||||
|
||||
tabcontent = document.getElementsByName(namatabcontent);
|
||||
for (i = 0; i < tabcontent.length; i++) {
|
||||
tabcontent[i].style.display = "none";
|
||||
}
|
||||
|
||||
tablinks = document.getElementsByName(namatablink);
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].className = tablinks[i].className.replace("active", "");
|
||||
}
|
||||
|
||||
$(".ui.sidebar").sidebar("hide");
|
||||
|
||||
evt.currentTarget.className += " active";
|
||||
document.getElementById(divName).style.display = "block";
|
||||
doEvent(divName);
|
||||
}
|
||||
|
||||
function doEvent(namaEvent) {
|
||||
judul = "";
|
||||
|
||||
switch (namaEvent) {
|
||||
case "konsultasi":
|
||||
judul = "Konsultasi Tugas Akhir";
|
||||
getMyTugasAkhirList();
|
||||
break;
|
||||
case "pengaturan":
|
||||
judul = "Ubah Data Pribadi";
|
||||
getMyPengaturan();
|
||||
break;
|
||||
}
|
||||
|
||||
$("#judulMenu").html(judul);
|
||||
}
|
||||
|
||||
function openLogoutModal() {
|
||||
sideBar();
|
||||
logoutModal.show();
|
||||
}
|
||||
|
||||
function getMyTugasAkhirList() {
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("tipe", "mahasiswa");
|
||||
$('#tabelTugasAkhir > tbody').html(`<tr><td colspan="4"><div class="ui active primary centered inline loader"></div></td></tr>`);
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/getTugasAkhirMahasiswa.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
if(status === 1){
|
||||
const data = msg.tugasAkhir;
|
||||
const banyakData = data.length;
|
||||
if(banyakData === 0){
|
||||
$('#tabelTugasAkhir > tbody').html(`<tr><td colspan="4" style="text-align:center">Tidak Ada Data</td></tr>`);
|
||||
}else{
|
||||
let isiTabel = '';
|
||||
for(let i = 0; i < banyakData; i++){
|
||||
const tugasAkhir = data[i];
|
||||
const id = tugasAkhir.id;
|
||||
const judul = tugasAkhir.judul;
|
||||
const semester = tugasAkhir.semester;
|
||||
const no = i + 1;
|
||||
isiTabel += `<tr><td>${no}</td><td>${judul}</td><td>${semester}</td><td><button class="ui blue icon button" title="Detail Tugas Akhir" onClick="showDetailTugasAkhir(${id})"><i class="eye icon"></i></button></td></tr>`;
|
||||
}
|
||||
$('#tabelTugasAkhir > tbody').html(isiTabel);
|
||||
}
|
||||
}else{
|
||||
showToast('warning', msg.msg);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
$('#tabelTugasAkhir > tbody').html(`<tr><td colspan="4" style="text-align:center">Gagal mengambil data, cek koneksi internet anda.</td></tr>`);
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function showDetailTugasAkhir(idTA){
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("id", idTA);
|
||||
formData.append("tipe", "mahasiswa");
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/getDetailTA.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
const data = msg.tugasAkhir;
|
||||
const judul = data.judul;
|
||||
const mahasiswa = data.mahasiswa;
|
||||
const nim = data.nim;
|
||||
const pembimbing1 = data.pembimbing1;
|
||||
const pembimbing2 = data.pembimbing2;
|
||||
const penguji1 = data.penguji1;
|
||||
const penguji2 = data.penguji2;
|
||||
const semester = data.semester;
|
||||
const tahun = data.tahun;
|
||||
const tanggalKeputusan = data.tanggalKeputusan;
|
||||
|
||||
$('#judulTugasAkhir').html(judul);
|
||||
$('#semTATugasAkhir').html(semester);
|
||||
$('#waktuKepTugasAkhir').html(tanggalKeputusan);
|
||||
$('#pemb1TugasAkhir').html(pembimbing1);
|
||||
$('#pemb2TugasAkhir').html(pembimbing2);
|
||||
$('#peng1TugasAkhir').html(penguji1);
|
||||
$('#peng2TugasAkhir').html(penguji2);
|
||||
idTANow = idTA;
|
||||
$('#detailTugasAkhirModal').modal({allowMultiple: true, autofocus: false}).modal('show');
|
||||
fillKonsultasiHistory();
|
||||
}else{
|
||||
showToast('warning', msg.msg);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function fillKonsultasiHistory(){
|
||||
dataKonsul = [];
|
||||
const idTA = idTANow;
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("id", idTA);
|
||||
formData.append("tipe", "mahasiswa");
|
||||
|
||||
$('#tabelListKonsultasi > tbody').html(`<tr><td colspan="6" style="text-align:center">Tidak Ada Data</td></tr>`);
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/getKonsultasiHistory.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
const listData = msg.data;
|
||||
const banyakData = listData.length;
|
||||
if(banyakData === 0){
|
||||
$('#tabelListKonsultasi > tbody').html(`<tr><td colspan="6" style="text-align:center">Tidak Ada Data</td></tr>`);
|
||||
}else{
|
||||
let isiTabel = '';
|
||||
for(let i = (banyakData-1); i >= 0; i--){
|
||||
let konsultasi = listData[i];
|
||||
const id = konsultasi.id;
|
||||
const waktu = konsultasi.waktu;
|
||||
const topik = konsultasi.topik;
|
||||
const editable = konsultasi.editable;
|
||||
const verifPemb1 = konsultasi.verifPemb1;
|
||||
const verifPemb2 = konsultasi.verifPemb2;
|
||||
|
||||
const no = i + 1;
|
||||
konsultasi.konsulKe = no;
|
||||
dataKonsul[id] = konsultasi;
|
||||
let aksi = `<button class="ui blue icon button" title="Detail Konsultasi" onClick="showDetailKonsultasi(${id})"><i class="eye icon"></i></button> `;
|
||||
if(editable){
|
||||
aksi += `<button class="ui yellow icon button" title="Edit Data Konsultasi" onClick="showEditKonsultasi(${id})"><i class="pen icon"></i></button> <button class="ui red icon button" title="Edit Data Konsultasi" onClick="showHapusKonsultasi(${id})"><i class="trash icon"></i></button>`;
|
||||
}
|
||||
isiTabel += `<tr><td>${no}</td><td>${waktu}</td><td><span class="giveMeEllipsis">${topik}</span></td><td>${getVerifikasiLabel(verifPemb1)}</td><td>${getVerifikasiLabel(verifPemb2)}</td><td>${aksi}</td></tr>`;
|
||||
}
|
||||
$('#tabelListKonsultasi > tbody').html(isiTabel);
|
||||
}
|
||||
}else{
|
||||
showToast('warning', msg.msg);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
$('#tabelListKonsultasi > tbody').html(`<tr><td colspan="6" style="text-align:center">Gagal mengambil data, cek koneksi internet anda.</td></tr>`);
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function showToast(status, pesan) {
|
||||
$("body").toast({
|
||||
class: status,
|
||||
message: pesan
|
||||
});
|
||||
}
|
||||
|
||||
function getVerifikasiLabel(verif){
|
||||
if(verif){
|
||||
return `<label class="ui green label">SUDAH</label>`;
|
||||
}else{
|
||||
return `<label class="ui grey label">BELUM</label>`;
|
||||
}
|
||||
}
|
||||
|
||||
function showTambahKonsultasiModal(){
|
||||
$('#judulFormKonsultasi').html('Tambah Data Konsultasi');
|
||||
$('#formKonsultasi').form('clear');
|
||||
konsultasiModal.show('tambah');
|
||||
|
||||
initCalendarHari('dateKonsultasiCalendar');
|
||||
$('#dateKonsultasiField').val(todayDMY);
|
||||
}
|
||||
|
||||
function postTambahKonsultasi(){
|
||||
if (!$("#formKonsultasi").form("validate form")) {
|
||||
return;
|
||||
}
|
||||
|
||||
const allFields = $("#formKonsultasi").form("get values");
|
||||
const topik = allFields.topikField;
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("id", idTANow);
|
||||
formData.append("topik", topik);
|
||||
formData.append("tanggal", $('#dateKonsultasiField').val());
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/tambahKonsultasi.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
const pesan = msg.msg;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
showToast('success', pesan);
|
||||
konsultasiModal.hide();
|
||||
fillKonsultasiHistory();
|
||||
}else{
|
||||
showToast('warning', pesan);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function showEditKonsultasi(id){
|
||||
$('#judulFormKonsultasi').html('Edit Data Konsultasi');
|
||||
$('#formKonsultasi').form('clear');
|
||||
$('#formKonsultasi').form('set values',{
|
||||
topikField: dataKonsul[id].topik
|
||||
});
|
||||
konsultasiModal.show('edit', id);
|
||||
|
||||
initCalendarHari('dateKonsultasiCalendar');
|
||||
$('#dateKonsultasiField').val(dataKonsul[id].waktu);
|
||||
}
|
||||
|
||||
function showHapusKonsultasi(id){
|
||||
const tanggalKonsul = dataKonsul[id].waktu;
|
||||
const topik = dataKonsul[id].topik;
|
||||
$('#isiDataHapus').html(`Data Konsultasi tanggal ${tanggalKonsul} dengan topik ${topik}?`);
|
||||
hapusDataModal.show(id);
|
||||
}
|
||||
|
||||
function showDetailKonsultasi(id){
|
||||
const konsultasi = dataKonsul[id];
|
||||
const namaPemb1 = konsultasi.pemb1;
|
||||
const namaPemb2 = konsultasi.pemb2;
|
||||
const verifPemb1 = getVerifikasiLabel(konsultasi.verifPemb1);
|
||||
const verifPemb2 = getVerifikasiLabel(konsultasi.verifPemb2);
|
||||
let waktuPemb1 = konsultasi.waktuPemb1;
|
||||
let waktuPemb2 = konsultasi.waktuPemb2;
|
||||
const topik = konsultasi.topik;
|
||||
const konsulKe = konsultasi.konsulKe;
|
||||
const catatanPemb1 = konsultasi.catatanPemb1;
|
||||
const catatanPemb2 = konsultasi.catatanPemb2;
|
||||
|
||||
if(!konsultasi.verifPemb1){
|
||||
waktuPemb1 = '-';
|
||||
}
|
||||
|
||||
if(!konsultasi.verifPemb2){
|
||||
waktuPemb2 = '-';
|
||||
}
|
||||
$('#detailKonsulKe').html(konsulKe);
|
||||
$('#detailKonsulTopik').html(topik);
|
||||
$('#catatanPemb1').html(catatanPemb1);
|
||||
$('#catatanPemb2').html(catatanPemb2);
|
||||
$('#detailKonsulPemb1').html(`${namaPemb1}<br>Status Konsultasi : ${verifPemb1}<br>Waktu Verifikasi : ${waktuPemb1}`);
|
||||
$('#detailKonsulPemb2').html(`${namaPemb2}<br>Status Konsultasi : ${verifPemb2}<br>Waktu Verifikasi : ${waktuPemb2}`);
|
||||
$('#detailKonsultasiModal').modal({allowMultiple:true}).modal('show');
|
||||
}
|
||||
|
||||
function postEditKonsultasi(id){
|
||||
if (!$("#formKonsultasi").form("validate form")) {
|
||||
return;
|
||||
}
|
||||
|
||||
const allFields = $("#formKonsultasi").form("get values");
|
||||
const topik = allFields.topikField;
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("id", id);
|
||||
formData.append("topik", topik);
|
||||
formData.append("tanggal", $('#dateKonsultasiField').val());
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/editKonsultasi.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
const pesan = msg.msg;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
showToast('success', pesan);
|
||||
konsultasiModal.hide();
|
||||
fillKonsultasiHistory();
|
||||
}else{
|
||||
showToast('warning', pesan);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function postHapusKonsultasi(id){
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("id", id);
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/hapusKonsultasi.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
const pesan = msg.msg;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
showToast('success', pesan);
|
||||
hapusDataModal.hide();
|
||||
fillKonsultasiHistory();
|
||||
}else{
|
||||
showToast('warning', pesan);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function getMyPengaturan(){
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/getMyPengaturan.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
const status = msg.status;
|
||||
loader.hide();
|
||||
if(status === 1){
|
||||
const hp = msg.hp;
|
||||
const email = msg.email;
|
||||
$('#formPengaturan').form('set values',{
|
||||
userEmail: email,
|
||||
userHP: hp
|
||||
});
|
||||
}else{
|
||||
const pesan = msg.msg;
|
||||
showToast('warning', pesan);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function postPengaturan(){
|
||||
if (!$("#formPengaturan").form("validate form")) {
|
||||
return;
|
||||
}
|
||||
|
||||
const allFields = $('#formPengaturan').form('get values');
|
||||
let formData = new FormData();
|
||||
formData.append("token", token);
|
||||
formData.append("email", allFields.userEmail);
|
||||
formData.append("hp", allFields.userHP);
|
||||
|
||||
loader.show();
|
||||
let request = $.ajax({
|
||||
url: urlAPI + "/postPengaturan.php",
|
||||
timeout: ajaxTimeout,
|
||||
type: "POST",
|
||||
data: formData,
|
||||
processData: false,
|
||||
contentType: false
|
||||
});
|
||||
|
||||
request.done(function(msg) {
|
||||
loader.hide();
|
||||
|
||||
const status = msg.status;
|
||||
const pesan = msg.msg;
|
||||
|
||||
if(status === 1){
|
||||
showToast('success', pesan);
|
||||
}else{
|
||||
showToast('warning', pesan);
|
||||
}
|
||||
});
|
||||
|
||||
request.fail(function(jqXHR, textStatus) {
|
||||
loader.hide();
|
||||
showToast("error", serverErrorText);
|
||||
});
|
||||
}
|
||||
|
||||
function cetakB4(){
|
||||
window.open(`../print/cetak_konsultasi_ta.php?id=${idTANow}`, '_blank');
|
||||
}
|
||||
|
||||
function initCalendarHari(idCalendar) {
|
||||
$(`#${idCalendar}`).calendar({
|
||||
type: "date",
|
||||
monthFirst: false,
|
||||
formatter: {
|
||||
date: function (date, settings) {
|
||||
if (!date) return "";
|
||||
var day = "" + date.getDate();
|
||||
var month = "" + (date.getMonth() + 1);
|
||||
var year = date.getFullYear();
|
||||
|
||||
if (day.length == 1) {
|
||||
day = "0" + day;
|
||||
}
|
||||
|
||||
if (month.length == 1) {
|
||||
month = "0" + month;
|
||||
}
|
||||
|
||||
return day + "-" + month + "-" + year;
|
||||
},
|
||||
},
|
||||
popupOptions: {
|
||||
position: "bottom left",
|
||||
forcePosition: true,
|
||||
lastResort: "bottom left",
|
||||
prefer: "opposite",
|
||||
hideOnScroll: false,
|
||||
},
|
||||
}).calendar('set date', new Date());;
|
||||
}
|
||||
0
konsultasi/mahasiswa/js/index.php
Normal file
0
konsultasi/mahasiswa/js/index.php
Normal file
157
konsultasi/mahasiswa/layout/_konsultasi.php
Normal file
157
konsultasi/mahasiswa/layout/_konsultasi.php
Normal file
@@ -0,0 +1,157 @@
|
||||
<div class="ui container" name="tabContent" id="konsultasi">
|
||||
<h3 class="ui blue header">Tugas Akhir Saya</h3>
|
||||
<table class="ui blue table" id="tabelTugasAkhir">
|
||||
<thead>
|
||||
<th>No.</th>
|
||||
<th>Judul</th>
|
||||
<th>Semester</th>
|
||||
<th>Detail</th>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="ui small modal" id="konsultasiModal">
|
||||
<i class="close icon"></i>
|
||||
<div class="header" id="judulFormKonsultasi">
|
||||
-
|
||||
</div>
|
||||
<div class="scrolling content">
|
||||
<div class="ui form" id="formKonsultasi">
|
||||
<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="topikField">Topik</label>
|
||||
<textarea name="topikField" rows="2"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<div class="ui cancel button">BATAL</div>
|
||||
<div class="ui positive button">SIMPAN</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>
|
||||
<div id="detailKonsulTopik" style="white-space:pre-wrap;"></div>
|
||||
</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="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="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">
|
||||
<div class="item">
|
||||
<button class="ui orange icon button" title="Cetak File B4" onClick="cetakB4()" style="margin-right:1rem"><i class="ui file icon"></i> B4</button>
|
||||
<button class="ui blue icon button" title="Tambah Data Konsultasi" onClick="showTambahKonsultasiModal()"><i class="ui plus icon"></i></button>
|
||||
</div>
|
||||
</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>
|
||||
14
konsultasi/mahasiswa/layout/_pengaturan.php
Normal file
14
konsultasi/mahasiswa/layout/_pengaturan.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="ui container" name="tabContent" id="pengaturan">
|
||||
<h2 class="ui blue header">Ubah Data Pribadi</h2>
|
||||
<div class="ui form" id="formPengaturan">
|
||||
<div class="field">
|
||||
<label for="userEmail">Email:</label>
|
||||
<input type="email" autocomplete="off" id="userEmail" name="userEmail" placeholder="Email">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="userHP">Nomor HP (Whatsapp):</label>
|
||||
<table width="100%"><tr><td width="40px"><b>+62</b></td><td><input type="text" autocomplete="off" id="userHP" name="userHP" placeholder="821123xxxxx" onKeyPress="return event.charCode >= 48 && event.charCode <= 57"></td></tr></table>
|
||||
</div>
|
||||
<button class="ui right floated primary button" onClick="postPengaturan()">Simpan</button>
|
||||
</div>
|
||||
</div>
|
||||
0
konsultasi/mahasiswa/layout/index.php
Normal file
0
konsultasi/mahasiswa/layout/index.php
Normal file
4
konsultasi/mahasiswa/logout.php
Normal file
4
konsultasi/mahasiswa/logout.php
Normal file
@@ -0,0 +1,4 @@
|
||||
<?php
|
||||
session_start();
|
||||
unset($_SESSION['konsulMahasiswa']);
|
||||
header('Location:../index.php');
|
||||
Reference in New Issue
Block a user