Add consultation module assets and libraries

konsultasi/mahasiswa/js/4eed0cb4b7d8326b9cc764890ea2a342.js

@@ -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());;
+}