Kumpulkan Tugas Dharma Wacana

Pengumuman

Pengumpulan Tugas Dharma Wacana Sudah Ditutup.

Bila Anda mengirimkan file revisi, silahkan unggah disini!

Terima kasih atas perhatian Anda!

/* Reset kecil untuk tampilan bersih */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Background halaman */ body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #00c6ff, #0072ff); color: #333; padding: 20px; min-height: 100vh; } /* Container form */ .container { max-width: 600px; margin: 30px auto; padding: 30px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); animation: fadeIn 0.7s ease-in-out; } /* Heading */ h2, h3 { text-align: center; color: #0072ff; margin-bottom: 20px; } /* Label input */ #submissionForm label { display: block; margin-bottom: 8px; font-weight: 600; color: #0056b3; } /* Input teks & file */ #submissionForm input[type="text"], #submissionForm input[type="file"] { width: 100%; padding: 12px 14px; margin-bottom: 18px; border: 1px solid #ccc; border-radius: 10px; font-size: 15px; transition: border-color 0.3s ease, box-shadow 0.3s ease; } #submissionForm input[type="text"]:focus, #submissionForm input[type="file"]:focus { border-color: #0072ff; box-shadow: 0 0 6px rgba(0, 114, 255, 0.4); outline: none; } /* Input file */ #submissionForm input[type="file"] { border: 2px dashed #00c6ff; background-color: #f0faff; cursor: pointer; } #submissionForm input[type="file"]::-webkit-file-upload-button { padding: 8px 12px; border: none; border-radius: 6px; background-color: #0072ff; color: white; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } #submissionForm input[type="file"]::-webkit-file-upload-button:hover { background-color: #0056b3; } /* Tombol submit */ #submissionForm input[type="submit"] { width: 100%; padding: 14px; background: linear-gradient(90deg, #0072ff, #00c6ff); color: white; border: none; border-radius: 10px; font-weight: bold; font-size: 16px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.3s ease; } #submissionForm input[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 114, 255, 0.4); } #submissionForm input:disabled, #submissionForm button:disabled { background: #ccc; cursor: not-allowed; } /* Pesan status */ #status { text-align: center; margin-top: 18px; font-style: italic; color: #444; font-size: 14px; } /* Daftar mahasiswa */ #listMahasiswa { list-style: none; padding: 0; margin-top: 20px; } #listMahasiswa li { background-color: #f8fbff; border: 1px solid #dce7ff; border-left: 6px solid #0072ff; border-radius: 8px; padding: 12px 15px; margin-bottom: 10px; transition: transform 0.2s ease, box-shadow 0.3s ease; } #listMahasiswa li:hover { transform: translateX(5px); box-shadow: 0 2px 8px rgba(0, 114, 255, 0.2); } /* Animasi */ @keyframes fadeIn { from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);} } /* Responsif */ @media (max-width: 768px) { .container { margin: 15px; padding: 20px; } h2 { font-size: 1.4em; } }

Pengumpulan Tugas
Dharma Wacana
Revisi Final

Daftar Mahasiswa yang Sudah Mengumpulkan

// Ganti URL ini dengan URL Aplikasi Web Google Apps Script Anda const APP_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbzGDF6kPUT-v7uOB7_F736hH2iODbFcjiescdimPxc9fJepZfYCIfckx3nuzbJ-zNHnqA/exec'; // --- ATUR WAKTU PENGUMPULAN DI SINI --- // Format: tahun, bulan-1, tanggal, jam, menit, detik // Contoh: 1 Oktober 2025, jam 17:00 const DEADLINE_END = new Date(2025, 10, 17, 20, 0, 0); const DEADLINE_START = new Date(2025, 8, 9, 8, 0, 0); // Contoh: 25 September 2025, jam 8:00 // --- END ATUR WAKTU PENGUMPULAN --- const form = document.getElementById('submissionForm'); const nimInput = document.getElementById('studentNIM'); const nameInput = document.getElementById('studentName'); const fileInput = document.getElementById('assignmentFile'); const submitBtn = form.querySelector('input[type="submit"]'); const statusEl = document.getElementById('status'); const listMahasiswaEl = document.getElementById('listMahasiswa'); // Fungsi untuk mengecek dan mengaktifkan/menonaktifkan formulir function checkDeadline() { const now = new Date(); if (now < DEADLINE_START) { statusEl.textContent = 'Formulir pengumpulan akan dibuka pada tanggal ' + DEADLINE_START.toLocaleString(); form.style.display = 'none'; // Sembunyikan formulir } else if (now > DEADLINE_END) { statusEl.textContent = 'Waktu pengumpulan sudah berakhir. Formulir ditutup.'; nimInput.disabled = true; nameInput.disabled = true; fileInput.disabled = true; submitBtn.disabled = true; } else { statusEl.textContent = 'Formulir terbuka. Waktu pengumpulan akan berakhir pada ' + DEADLINE_END.toLocaleString(); nimInput.disabled = false; nameInput.disabled = false; fileInput.disabled = false; submitBtn.disabled = false; form.style.display = 'block'; // Tampilkan formulir } } // Fungsi untuk memuat daftar nama dari Google Apps Script function loadSubmittedNames() { fetch(APP_SCRIPT_URL) .then(response => response.json()) .then(data => { listMahasiswaEl.innerHTML = ''; data.forEach((item, index) => { // Perhatikan penambahan 'index' di sini const listItem = document.createElement('li'); // Menambahkan nomor urut (index + 1) di awal teks listItem.textContent = `${index + 1}). ${item.nim} - ${item.nama}`; listMahasiswaEl.appendChild(listItem); }); }) .catch(error => { console.error('Error saat memuat daftar:', error); }); } // Fungsi untuk menangani pengiriman formulir form.addEventListener('submit', function(event) { event.preventDefault(); statusEl.textContent = 'Mengunggah...'; const studentNIM = nimInput.value; const studentName = nameInput.value; const file = fileInput.files[0]; if (!file) { statusEl.textContent = 'Pilih file terlebih dahulu.'; return; } const MAX_FILE_SIZE = 10 * 1024 * 1024; if (file.size > MAX_FILE_SIZE) { statusEl.textContent = 'Ukuran file terlalu besar. Maksimal 10MB.'; return; } const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function() { const base64File = reader.result.split(',')[1]; const formData = new FormData(); formData.append('nim', studentNIM); formData.append('nama', studentName); formData.append('fileName', file.name); formData.append('file', base64File); fetch(APP_SCRIPT_URL, { method: 'POST', body: formData, }) .then(response => response.text()) .then(result => { statusEl.textContent = result; loadSubmittedNames(); // Perbarui daftar nama setelah berhasil mengunggah }) .catch(error => { statusEl.textContent = 'Terjadi kesalahan saat mengunggah.'; console.error('Error:', error); }); }; }); // Muat daftar nama dan cek deadline saat halaman pertama kali dibuka window.onload = function() { checkDeadline(); loadSubmittedNames(); };

Kumpulkan Tugas Dharma Wacana

Pengumuman

Tidak ada komentar:

Posting Komentar

Formulir Kontak

Cari Blog Ini

Mobile setting

Footer