13 |
14 | 
19 |
20 |
39 |
15 |
16 |
17 |
18 |
19 | -
21 |
22 |
- Tentang Pembuat 23 |
41 |
63 |
42 |
55 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
54 |
49 |
50 |
53 | Guru BK
51 |Sman 3 Mataram
52 |
56 |
59 | ABSENSI SISWA
57 |Sman 3 Mataram
58 |
60 |
61 |
62 |
64 |
70 |
65 |
68 |
69 | ABSEN SISWA
73 |
74 | 
12 | 
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/App/index.js:
--------------------------------------------------------------------------------
1 | import "jquery";
2 | global.jQuery = require("jquery");
3 | require("bootstrap");
4 | import "popper.js";
5 | import "./css/bootstrap.min.css";
6 | import "./css/style.css";
7 | import main from "./js/main";
8 | document.addEventListener("DOMContentLoaded", main);
9 |
--------------------------------------------------------------------------------
/App/js/darkmode.js:
--------------------------------------------------------------------------------
1 | const darkMode = () => {
2 | const switchToDark = document.querySelector("ul li.darkmode");
3 | let isDark = localStorage.getItem("isDark") ? localStorage.getItem("isDark") : "false";
4 |
5 | switchToDark.addEventListener("click", function () {
6 | if (isDark == "true") {
7 | switchToDark.classList.remove("active");
8 | localStorage.removeItem("mode");
9 | document.body.classList.remove("onDarkMode");
10 | isDark = "false";
11 | } else {
12 | switchToDark.classList.add("active");
13 | localStorage.setItem("mode", "darkmode");
14 | document.body.classList.add("onDarkMode");
15 | isDark = "true";
16 | }
17 | localStorage.setItem("isDark", isDark);
18 | });
19 |
20 | if (localStorage.getItem("mode") == "darkmode") {
21 | document.body.classList.add("onDarkMode");
22 | switchToDark.classList.add("active");
23 | } else {
24 | switchToDark.classList.remove("active");
25 | }
26 | };
27 |
28 | export default darkMode;
29 |
--------------------------------------------------------------------------------
/App/js/login.js:
--------------------------------------------------------------------------------
1 | const swalSett = (title, text, icon, confirmButtonText) => {
2 | Swal.fire({
3 | title: title,
4 | text: text,
5 | icon: icon,
6 | confirmButtonText: confirmButtonText,
7 | position: "top",
8 | });
9 | };
10 |
11 | // import swalSett from "./sweetAlertConfiguration";
12 |
13 | //? Allneed
14 | let username = document.getElementById("username");
15 | let password = document.getElementById("password");
16 | let input = document.querySelectorAll("input");
17 | // const alert = document.getElementById("alert");
18 | const button = document.getElementById("submit");
19 | const form = document.getElementById("login-form");
20 | const dataLogin = [];
21 |
22 | input.forEach((e) => {
23 | e.addEventListener("focusin", function () {
24 | e.parentElement.style.borderBottomColor = "#165794";
25 | e.previousElementSibling.classList.add("focus");
26 | });
27 | e.addEventListener("focusout", function () {
28 | if (e.value != "") return;
29 | e.previousElementSibling.classList.remove("focus");
30 | e.parentElement.style.borderBottomColor = "#b4b4b4b4";
31 | });
32 | });
33 |
34 | //? Data User
35 | const User = function (nama, password) {
36 | this.nama = nama;
37 | this.password = password;
38 | };
39 |
40 | User.prototype.push = function () {
41 | return dataLogin.push(this);
42 | };
43 | let sandhikaGlih = new User("Sandhika Galih", "wpunpas2020").push();
44 | let azrilArdian = new User("Azril ardian", "12345678").push();
45 |
46 | const cekUsername = (nama) => {
47 | const allUserName = dataLogin.find((e) => e.nama == nama);
48 | return allUserName;
49 | };
50 |
51 | const cekPassword = (password) => {
52 | const allPassword = dataLogin.find((e) => e.password == password);
53 | return allPassword;
54 | };
55 |
56 | //? Form Validation
57 | button.addEventListener("click", function () {
58 | if (username.value == "" || password.value == "") {
59 | if (username.value != "") {
60 | swalSett("ERROR", "Tidak dapat login. Password Kosong.", "error", "OK");
61 | } else if (password.value != "") {
62 | swalSett("ERROR", "Tidak dapat login. Username Kosong.", "error", "OK");
63 | } else {
64 | swalSett("ERROR", "Tidak dapat login. Username dan Password Kosong.", "error", "OK");
65 | }
66 | } else if (username.value != "" || password.value != "") {
67 | if (cekUsername(username.value) == undefined && cekPassword(password.value) == undefined) {
68 | swalSett("ERROR", "Tidak dapat login. Guru tidak terdaftar.", "error", "OK");
69 | } else if (cekUsername(username.value) == undefined) {
70 | swalSett("ERROR", "Tidak dapat login. Anda bukan guru Sman 3 Mataram.", "error", "OK");
71 | } else if (cekPassword(password.value) == undefined) {
72 | swalSett("ERROR", "Tidak dapat login. Password tidak terdaftar.", "error", "OK");
73 | } else {
74 | swalSett("SUCCESS", "Berhasil Login", "success", "OK");
75 | form.setAttribute("onsubmit", "return true");
76 | }
77 | }
78 | });
79 |
--------------------------------------------------------------------------------
/App/js/main.js:
--------------------------------------------------------------------------------
1 | import darkMode from "./darkmode";
2 | import swalSett from "./sweetAlertConfiguration";
3 | import { STORAGE_KELAS, STORAGE_SISWA, syncWithLocalStorageKelas, syncWithLocalStorageSiswa } from "./saveDataSiswa";
4 |
5 | const main = () => {
6 | // Inisialisasi Variabel
7 | const container = document.querySelector(".container-fluid");
8 | const kelasContainer = document.querySelector(".nama-kelas");
9 | const siswaContainer = document.querySelector(".right .isi-siswa");
10 | const spanNamaKelas = document.getElementById("nama-kelas-siswa");
11 | const nama = document.getElementById("nama");
12 | const kelas = document.getElementById("kelas");
13 | const jurusan = document.getElementById("jurusan");
14 | const btnTambah = document.querySelector("#btn-tambah");
15 | let semuaSiswa = [];
16 | let semuaKelas = [];
17 |
18 | // Darkmode
19 | darkMode();
20 |
21 | // Event pada saat tombol tambah di klik
22 | btnTambah.addEventListener("click", () => {
23 | cekNamaSiswa(tambahDataSiswa);
24 | spanNamaKelas.textContent = kelas.value;
25 | tampilkanSiswaPadaKelas();
26 | darkMode();
27 |
28 | nama.value = "";
29 | kelas.value = "";
30 | jurusan.value = "";
31 | });
32 |
33 | /*
34 | ======================================================================================================
35 | ============= STATEMENT - STATEMENT YANG BERHUBUNGAN KETIKA NAMA KELAS DI KLIK =====================
36 | ======================================================================================================
37 | */
38 |
39 | const siswaPadaKelas = (namaKelas) => semuaSiswa.filter((e) => e.kelas == namaKelas);
40 |
41 | const buatButtonSemuaSiswa = (semuaSiswa) => {
42 | // Render Html Siswa
43 | const btnSiswa = (e, i) => {
44 | return ``;
53 | };
54 |
55 | semuaSiswa.map((e, i) => {
56 | const button = btnSiswa(e, i);
57 | siswaContainer.insertAdjacentHTML("beforeend", button);
58 | });
59 | };
60 |
61 | const tampilkanSiswaPadaKelas = () => {
62 | // Ambil nama kelas siswa
63 | let namaKelas;
64 | spanNamaKelas.textContent.length > 1 ? (namaKelas = spanNamaKelas.textContent) : (namaKelas = kelas.value);
65 |
66 | // Filter siswa pada kelas apa yang akan ditampilkan
67 | const isiSiswa = siswaPadaKelas(namaKelas);
68 |
69 | // Urutkan object siswa
70 | const urutkanSiswaBerdasarkanAbsen = isiSiswa.sort((a, b) => {
71 | const x = a.nama;
72 | const y = b.nama;
73 | return x < y ? -1 : x > y ? 1 : 0;
74 | });
75 |
76 | // Parsing object siswa sekaligus buat buttonnya
77 | siswaContainer.innerHTML = ""; // Hapus semua data sebelum data ditambah
78 | buatButtonSemuaSiswa(urutkanSiswaBerdasarkanAbsen);
79 | };
80 |
81 | const kelasSiswaAktif = (target) => {
82 | const kelasSiswa = document.querySelectorAll(".kelas-siswa");
83 | kelasSiswa.forEach((e) => e.classList.remove("active"));
84 | target.classList.add("active");
85 | };
86 |
87 | // Event pada saat tiap - tiap kelas di klik
88 | const namaKelasClick = () => {
89 | kelasContainer.addEventListener("click", (e) => {
90 | const target = e.target;
91 | if (target.classList.contains("kelas-siswa")) {
92 | kelasSiswaAktif(target); // Style ketika kelas di click
93 | spanNamaKelas.textContent = target.textContent; // Nama kelas siswa
94 | tampilkanSiswaPadaKelas(); // tampilkan siswa
95 | }
96 | });
97 | };
98 | namaKelasClick();
99 |
100 | /*
101 | ======================================================================================================
102 | ============= AKHIR =====================
103 | ======================================================================================================
104 | */
105 |
106 | /*
107 | ======================================================================================================
108 | ============= STATEMENT - STATEMENT YANG BERHUBUNGAN KETIKA SISWA DITAMBAH =====================
109 | ======================================================================================================
110 | */
111 |
112 | // Ambil Data Siswa
113 | function Siswa(nama, kelas, jurusan, kehadiran = "hadir") {
114 | this.nama = nama;
115 | this.kelas = kelas;
116 | this.jurusan = jurusan;
117 | this.kehadiran = kehadiran;
118 | }
119 |
120 | // Ambil Data Kelas
121 | function Kelas(kelas) {
122 | this.kelas = kelas;
123 | }
124 |
125 | const buatButtonSemuaKelas = (semuaKelas) => {
126 | semuaKelas.map((e) => {
127 | const BuatBtnKelas = ``;
128 | kelasContainer.insertAdjacentHTML("beforeend", BuatBtnKelas);
129 | });
130 | };
131 |
132 | const tambahKelas = () => {
133 | // Hapus semua kelas
134 | const kelasSiswa = document.querySelectorAll(".kelas-siswa");
135 | kelasSiswa.forEach((e) => e.remove());
136 |
137 | // Urutkan object semua kelas
138 | const urutkanKelasBerdasarkanNama = semuaKelas.map((e) => e.kelas).sort();
139 |
140 | // Parsing kelas sekaligus buat buttonya
141 | buatButtonSemuaKelas(urutkanKelasBerdasarkanNama);
142 | };
143 |
144 | const tambahDataSiswa = (nama, kelas, jurusan, kehadiran) => {
145 | // Cek apakah kelas sudah terdaftar atau tidak
146 | const cekDuplikasiNamaKelas = semuaKelas.find((e) => e.kelas == kelas);
147 |
148 | // Ketika ada, jangan buat button kelas lagi
149 | if (cekDuplikasiNamaKelas) {
150 | semuaSiswa.push(new Siswa(nama, kelas, jurusan));
151 | syncWithLocalStorageSiswa("ADD", nama, kelas, jurusan, kehadiran);
152 | closeBootstrapModal();
153 | showAlert(".alert-success", nama, kelas);
154 | return;
155 | }
156 |
157 | // Ketika belum ada, buat button kelas
158 | semuaSiswa.push(new Siswa(nama, kelas, jurusan));
159 | semuaKelas.push(new Kelas(kelas));
160 | tambahKelas();
161 | syncWithLocalStorageSiswa("ADD", nama, kelas, jurusan);
162 | syncWithLocalStorageKelas("ADD", kelas);
163 | closeBootstrapModal();
164 | };
165 |
166 | const cekNamaSiswa = (tambahData) => {
167 | // Cek apakah siswa sudah terdaftar atau tidak
168 | const cekDuplikasiNamaSiswa = semuaSiswa.find((e) => e.nama == nama.value.toUpperCase());
169 |
170 | // Cek apakah semua data diisi atau tidak
171 | if (nama.value == "" || kelas.value == "" || jurusan.value == "") {
172 | closeBootstrapModal();
173 | showAlert(".alert-warning");
174 | // Ketika siswa sudah terdaftar
175 | } else if (cekDuplikasiNamaSiswa) {
176 | closeBootstrapModal();
177 | showAlert(".alert-warning", nama.value);
178 | // Ketika siswa belum terdaftar
179 | } else {
180 | tambahData(nama.value.toUpperCase(), kelas.value, jurusan.value); // Callback
181 | }
182 | };
183 |
184 | /*
185 | ======================================================================================================
186 | ============= AKHIR =====================
187 | ======================================================================================================
188 | */
189 |
190 | /*
191 | ======================================================================================================
192 | ============= STATEMENT - STATEMENT YANG BERHUBUNGAN DENGAN METODE PADA SISWA =====================
193 | ======================================================================================================
194 | */
195 |
196 | const metodePadaSiswa = () => {
197 | const nonActiveSiswaMethodDanFitur = () => {
198 | const allSpanMethod = document.querySelectorAll("span.method");
199 | const allSpanFitur = document.querySelectorAll("span.fitur");
200 | const allSiswa = document.querySelectorAll("button.siswa");
201 | const fiturAndMethod = [allSpanMethod, allSpanFitur, allSiswa];
202 | fiturAndMethod.map((object) => object.forEach((e) => e.classList.remove("active")));
203 | };
204 |
205 | const statusSiswa = (target, statusSiswa) => {
206 | const siswa = target.parentElement;
207 | const status = siswa.classList.toggle(statusSiswa);
208 | const kehadiran = status ? statusSiswa : "hadir";
209 | kehadiranSiswa(target, kehadiran);
210 | nonActiveSiswaMethodDanFitur();
211 | };
212 |
213 | const kehadiranSiswa = (target, kehadiranSiswa) => {
214 | const namaSiswa = target.parentElement.lastChild.textContent.trim();
215 | const ketSiswaDipilih = semuaSiswa.find((siswa) => siswa.nama == namaSiswa);
216 | const { nama, kelas, jurusan } = ketSiswaDipilih; // Destructuring siswa apa yang di pilih
217 |
218 | // Cari siswa dalam object semuaSiswa lalu ubah kehadirannya
219 | semuaSiswa.find((siswa) => {
220 | if (siswa.nama == namaSiswa) siswa.kehadiran = kehadiranSiswa;
221 | });
222 |
223 | // Update Kehadiran siswa pada local storage
224 | syncWithLocalStorageSiswa("UPDATE", nama, kelas, jurusan, kehadiranSiswa);
225 | };
226 |
227 | container.addEventListener("click", (e) => {
228 | let btnSiswa;
229 | if (e.target.classList.contains("siswa")) {
230 | const siswa = e.target;
231 | // munculkan semua metode pada siswa
232 | const spanMethod = [siswa.children[1], siswa.children[2], siswa.children[3]];
233 | const fiturSiswa = [siswa.children[4], siswa.children[5]];
234 |
235 | // Hapus fitur siswa ketika metode pada siswa aktif
236 | fiturSiswa.map((e) => e.classList.remove("active"));
237 | spanMethod.map((e) => e.classList.toggle("active"));
238 |
239 | // Tetap tambah class active pada siswa ketika metode pada siswa aktif
240 | spanMethod[0].classList.contains("active") ? siswa.classList.add("active") : siswa.classList.remove("active");
241 | } else if (e.target.classList.contains("izin")) {
242 | btnSiswa = e.target.parentElement;
243 | btnSiswa.classList.remove("siswa-sakit", "siswa-bolos", "hadir"); // agar siswa tidak mempunyai status ganda
244 | statusSiswa(e.target, "siswa-izin");
245 | } else if (e.target.classList.contains("sakit")) {
246 | btnSiswa = e.target.parentElement;
247 | btnSiswa.classList.remove("siswa-izin", "siswa-bolos", "hadir");
248 | statusSiswa(e.target, "siswa-sakit");
249 | } else if (e.target.classList.contains("bolos")) {
250 | btnSiswa = e.target.parentElement;
251 | btnSiswa.classList.remove("siswa-izin", "siswa-sakit", "hadir");
252 | statusSiswa(e.target, "siswa-bolos");
253 | } else {
254 | nonActiveSiswaMethodDanFitur();
255 | }
256 | });
257 | };
258 | metodePadaSiswa();
259 |
260 | /*
261 | ======================================================================================================
262 | ============= AKHIR =====================
263 | ======================================================================================================
264 | */
265 |
266 | /*
267 | ======================================================================================================
268 | ============= STATEMENT - STATEMENT YANG BERHUBUNGAN DENGAN FITUR PADA SISWA =====================
269 | ======================================================================================================
270 | */
271 |
272 | const fiturPadaSiswa = () => {
273 | const hapusSiswa = (namaSiswa) => {
274 | let siswaUpdate = [];
275 | // Buang siswa yang dihapus pada object semuaSiswa
276 | semuaSiswa.filter((siswa) => (siswa.nama != namaSiswa ? siswaUpdate.push(siswa) : (siswaUpdate = siswaUpdate)));
277 | semuaSiswa = siswaUpdate; // Reassgin ulang semuaSiswa
278 | syncWithLocalStorageSiswa("DELETE", namaSiswa);
279 | };
280 |
281 | const hapusKelasSiswa = (namaKelas) => {
282 | const cekKelas = semuaSiswa.filter((siswa) => siswa.kelas == namaKelas);
283 | let kelasUpdate = [];
284 | if (cekKelas.length == 0) {
285 | // Buang kelas yang dihapus pada object semuaKelas
286 | semuaKelas.filter((kelasSiswa) => (kelasSiswa.kelas != namaKelas ? kelasUpdate.push(kelasSiswa) : (kelasUpdate = kelasUpdate)));
287 | semuaKelas = kelasUpdate; // Reassing ulang semuaKelas
288 | syncWithLocalStorageKelas("DELETE", namaKelas);
289 | }
290 | if (semuaKelas.length == 0) spanNamaKelas.textContent = "";
291 | };
292 |
293 | const renameSiswa = (namaSiswaSebelum, namaSiswaSesudah, target) => {
294 | semuaSiswa.find((siswa) => {
295 | // Cari siswa yang ingin diubah namanya
296 | if (siswa.nama == namaSiswaSebelum) {
297 | // Lalu ubah nama siswa
298 | siswa.nama = namaSiswaSesudah;
299 | target.parentElement.lastChild.textContent = namaSiswaSesudah;
300 | const { kelas, jurusan, kehadiran } = siswa;
301 |
302 | // Hapus dulu data siswa yang lama pada local storage, setelah itu tambah siswa yang telah direname
303 | syncWithLocalStorageSiswa("DELETE", namaSiswaSebelum);
304 | syncWithLocalStorageSiswa("UPDATE", namaSiswaSesudah, kelas, jurusan, kehadiran);
305 | }
306 | });
307 | };
308 |
309 | container.addEventListener("dblclick", (e) => {
310 | if (e.target.classList.contains("siswa")) {
311 | const siswa = e.target;
312 | const spanMethod = [siswa.children[1], siswa.children[2], siswa.children[3]];
313 | const fiturSiswa = [siswa.children[4], siswa.children[5]];
314 |
315 | // Hapus metode siswa ketika fitur pada siswa aktif
316 | spanMethod.map((e) => e.classList.remove("active"));
317 | fiturSiswa.map((e) => e.classList.toggle("active"));
318 |
319 | // Tetap tambah class active pada siswa ketika fitur pada siswa aktif
320 | fiturSiswa[0].classList.contains("active") ? siswa.classList.add("active") : siswa.classList.remove("active");
321 | }
322 | });
323 |
324 | container.addEventListener("click", (e) => {
325 | if (e.target.classList.contains("siswa-hapus")) {
326 | const kelasSiswa = document.getElementById("nama-kelas-siswa").textContent.trim();
327 | const namaSiswa = e.target.parentElement.lastChild.textContent.trim();
328 | hapusSiswa(namaSiswa);
329 | hapusKelasSiswa(kelasSiswa);
330 | tambahKelas(); // Update daftar kelas
331 | tampilkanSiswaPadaKelas(); // Update daftar siswa
332 | } else if (e.target.classList.contains("siswa-rename")) {
333 | const target = e.target;
334 | let namaSiswa = target.parentElement.lastChild.textContent.trim();
335 | const inputNamaSiswa = target.nextElementSibling; // element input
336 | inputNamaSiswa.classList.add("active");
337 | inputNamaSiswa.focus();
338 | inputNamaSiswa.value = namaSiswa;
339 | target.parentElement.lastChild.textContent = ""; // Hapus nama siswa pada btnSiswa
340 |
341 | inputNamaSiswa.addEventListener("keyup", (e) => {
342 | if (e.keyCode === 13) {
343 | renameSiswa(namaSiswa, inputNamaSiswa.value, target);
344 | inputNamaSiswa.classList.remove("active");
345 | }
346 | });
347 | }
348 | });
349 | };
350 |
351 | fiturPadaSiswa();
352 |
353 | /*
354 | ======================================================================================================
355 | ============= AKHIR =====================
356 | ======================================================================================================
357 | */
358 |
359 | // Otomatis memperbesar huruf pada semua inputan
360 | const input = document.querySelectorAll("input");
361 | input.forEach(function (e) {
362 | e.addEventListener("input", function () {
363 | e.style.textTransform = "uppercase";
364 | });
365 | });
366 |
367 | const closeBootstrapModal = () => {
368 | const modal = document.querySelector(".modal");
369 | const modalOverlay = document.querySelector(".modal-backdrop");
370 | document.body.removeAttribute("class");
371 | modal.classList.toggle("show");
372 | modal.style.display = "none";
373 | modal.setAttribute("aria-hidden", "true");
374 | modal.removeAttribute("aria-modal");
375 | modal.removeAttribute("role");
376 | modalOverlay.remove();
377 | };
378 |
379 | const showAlert = (selector, namaSiswa, namaKelas) => {
380 | if (selector === ".alert-warning") {
381 | // Cek apakah parameter namaSiswa diisi
382 | if (namaSiswa != undefined) {
383 | swalSett("INFO", `${namaSiswa.toUpperCase()} Sudah Terdaftar`, "info", "OK");
384 | } else {
385 | swalSett("WARNING", "Semua Data Harus Diisi", "warning", "OK");
386 | }
387 | } else if (selector === ".alert-success") {
388 | // Cek apakah parameter namaSiswa dan namaKelas diisi
389 | if (namaSiswa != undefined && namaKelas != undefined) {
390 | swalSett("SUCCES", `${namaSiswa.toUpperCase()} Berhasil Ditambah Pada Kelas ${namaKelas}`, "success", "OK");
391 | }
392 | }
393 | };
394 |
395 | const tanggal = () => {
396 | const p = document.querySelector("p.date");
397 | const date = new Date();
398 | p.textContent = date.toDateString();
399 | };
400 | tanggal();
401 |
402 | /*
403 | ======================================================================================================
404 | ============= STATEMENT - STATEMENT YANG BERHUBUNGAN DENGAN LOCAL STORAGAE =====================
405 | ======================================================================================================
406 | */
407 |
408 | const dataKelasLocal = localStorage.getItem(STORAGE_KELAS);
409 | const dataSiswaLocal = localStorage.getItem(STORAGE_SISWA);
410 |
411 | if (dataKelasLocal) {
412 | const semuaKelasLocal = JSON.parse(dataKelasLocal);
413 | const semuaKelasLocalArray = [];
414 | let sortKelas = [];
415 | for (let isiKelas in semuaKelasLocal) {
416 | semuaKelasLocalArray.push(isiKelas);
417 | sortKelas = semuaKelasLocalArray.sort();
418 | }
419 | sortKelas.map((kelas) => {
420 | const BuatBtnKelas = ``;
421 | kelasContainer.insertAdjacentHTML("beforeend", BuatBtnKelas);
422 | semuaKelas.push(new Kelas(kelas));
423 | syncWithLocalStorageKelas("ADD", kelas);
424 | });
425 | }
426 |
427 | if (dataSiswaLocal) {
428 | const semuaSiswaLocal = JSON.parse(dataSiswaLocal);
429 | for (let isiSiswa in semuaSiswaLocal) {
430 | // Destructuring value
431 | const [nama, kelas, jurusan, kehadiran] = semuaSiswaLocal[isiSiswa];
432 | // Eksekusi fungsi tampikanSiswaPadaKelas();
433 | semuaSiswa.push(new Siswa(nama, kelas, jurusan, kehadiran));
434 | syncWithLocalStorageSiswa("ADD", nama, kelas, jurusan, kehadiran);
435 | }
436 | // Auto hapus data kehadiran siswa setiap hari
437 | const jam = new Date().getHours();
438 | if (jam == 24) semuaSiswa.map((siswa) => (siswa.kehadiran = "hadir"));
439 | }
440 |
441 | /*
442 | ======================================================================================================
443 | ============= AKHIR =====================
444 | ======================================================================================================
445 | */
446 | };
447 |
448 | export default main;
449 |
--------------------------------------------------------------------------------
/App/js/saveDataSiswa.js:
--------------------------------------------------------------------------------
1 | const STORAGE_KELAS = "STORAGE KELAS";
2 | const STORAGE_SISWA = "STORAGE SISWA";
3 | let semuaKelas = {};
4 | let semuaSiswa = {};
5 |
6 | const syncWithLocalStorageKelas = (status, kelas) => {
7 | switch (status) {
8 | case "ADD":
9 | semuaKelas[kelas] = [kelas];
10 | break;
11 | case "DELETE":
12 | delete semuaKelas[kelas];
13 | break;
14 | default:
15 | break;
16 | }
17 | localStorage.setItem(STORAGE_KELAS, JSON.stringify(semuaKelas));
18 | return;
19 | };
20 |
21 | const syncWithLocalStorageSiswa = (status, nama, kelas, jurusan, kehadiran = "hadir") => {
22 | switch (status) {
23 | case "ADD":
24 | case "UPDATE":
25 | semuaSiswa[nama] = [nama, kelas, jurusan, kehadiran];
26 | break;
27 | case "DELETE":
28 | delete semuaSiswa[nama];
29 | break;
30 | default:
31 | break;
32 | }
33 | localStorage.setItem(STORAGE_SISWA, JSON.stringify(semuaSiswa));
34 | return;
35 | };
36 |
37 | export { STORAGE_KELAS, STORAGE_SISWA, syncWithLocalStorageKelas, syncWithLocalStorageSiswa };
38 |
--------------------------------------------------------------------------------
/App/js/sidebar.js:
--------------------------------------------------------------------------------
1 | const sideBarActivation = () => {
2 | const sideBar = document.querySelector(".side-bar");
3 | document.addEventListener("click", (e) => {
4 | if (e.target.classList.contains("burger-open")) sideBar.classList.add("active");
5 | else if (e.target.classList.contains("burger-close")) sideBar.classList.remove("active");
6 | else if (e.target.classList.contains("side-bar")) return;
7 | else {
8 | sideBar.classList.remove("active");
9 | }
10 | });
11 | };
12 | sideBarActivation();
13 |
--------------------------------------------------------------------------------
/App/js/sweetAlertConfiguration.js:
--------------------------------------------------------------------------------
1 | const swalSett = (title, text, icon, confirmButtonText) => {
2 | Swal.fire({
3 | title: title,
4 | text: text,
5 | icon: icon,
6 | confirmButtonText: confirmButtonText,
7 | position: "top",
8 | });
9 | };
10 |
11 | export default swalSett;
12 |
--------------------------------------------------------------------------------
/App/js/sweetalert2.all.min.js:
--------------------------------------------------------------------------------
1 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sweetalert2=e()}(this,function(){"use strict";function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function o(t,e){for(var n=0;n