Absen Studi Multikultur

Absensi Online body { font-family: Arial, sans-serif; background: #f4f6f9; padding: 20px; } h2 { text-align: center; color: #333; } .form-box { max-width: 400px; margin: 15px auto; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .form-box input, .form-box button { width: 100%; padding: 10px; margin: 8px 0; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; } .form-box button { background: #28a745; color: white; border: none; cursor: pointer; font-weight: 600; } .form-box button:disabled { background: #aaa; cursor: not-allowed; } .table-container { margin-top: 20px; overflow-x: auto; background: #fff; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); } table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid #ddd; padding: 8px; text-align: center; } th { background: #007bff; color: white; } .print-btn { margin: 15px auto; display: block; padding: 10px 18px; border: none; border-radius: 6px; background: #6c63ff; color: white; font-size: 16px; font-weight: 600; cursor: pointer; } @media print { @page { size: A4; margin: 10mm; } body { background: white; margin: 0; zoom: 0.9; } .form-box, .print-btn { display: none; } } Absensi Online
Studi Multikultur

NIM	Nama	Waktu

🖨 Cetak const scriptURL = "https://script.google.com/macros/s/AKfycbwhQNesYgp8DyEZdvz6Ef42b6XPqYwv_L_L-jHImj1ibiNinRjWo73PUpOHrS_JpNR-/exec"; const adminCode = "5b"; // Timer Absen (18:00–21:00 WITA) function checkTime() { const now = new Date(); const hour = now.getHours(); const notice = document.getElementById("notice"); const absenBtn = document.getElementById("absenBtn"); if (hour >= 18 && hour < 21) { absenBtn.disabled = false; notice.textContent = "Silakan lakukan absensi."; } else { absenBtn.disabled = true; notice.textContent = "Absensi hanya dibuka pukul 19:00 - 20:40 WITA."; } } // Kirim absensi async function submitAbsen() { const nim = document.getElementById("nim").value.trim(); const nama = document.getElementById("nama").value.trim(); const absenBtn = document.getElementById("absenBtn"); if (!nim || !nama) { alert("Isi NIM dan Nama!"); return; } try { absenBtn.disabled = true; // cegah klik berulang const res = await fetch(scriptURL, { method: "POST", body: JSON.stringify({ nim, nama }) }); const result = await res.text(); if (result === "OK") { alert("Absensi berhasil!"); document.getElementById("nim").value = ""; document.getElementById("nama").value = ""; loadData(); } else if (result === "SUDAH_ABSEN") { alert("Anda sudah pernah absen sebelumnya."); } else { alert("Error: " + result); } } catch (err) { alert("Gagal mengirim data."); } finally { absenBtn.disabled = false; // aktifkan lagi } } // Load data ke tabel async function loadData() { try { const res = await fetch(scriptURL); const data = await res.json(); const tbody = document.getElementById("absenTable"); tbody.innerHTML = ""; data.forEach(row => { let waktuStr = row.waktu || "-"; if (waktuStr.includes("T")) { const d = new Date(waktuStr); waktuStr = d.toLocaleString("id-ID", { timeZone: "Asia/Makassar" }); } let tr = `<tr> <td>${row.nim}</td> <td>${row.nama}</td> <td>${waktuStr}</td> </tr>`; tbody.innerHTML += tr; }); } catch (err) { console.error("Load error:", err); } } // Cetak dengan kode admin function printWithAuth() { const code = prompt("Masukkan kode admin untuk cetak:"); if (code === adminCode) { window.print(); } else { alert("Kode salah, tidak bisa cetak."); } } setInterval(checkTime, 30000); checkTime(); loadData();

Absen Studi Multikultur

Tidak ada komentar:

Posting Komentar

Formulir Kontak

Cari Blog Ini

Mobile setting

Footer