\n \n

Administrasi Kelas & Guru

Silakan masuk untuk melanjutkan

\n\n

\n \n \n

\n\n \n\n \n

\n\n\n`;",[],[249,342],"910e7663-f445-40ea-8707-2ea1f2f2fb88","dashboard.ts","2ddbbe94-7dba-11f1-8b7c-1607ee4eb77e",629,["D",1784423654844],27,"/**\n * views/dashboard.ts\n * Halaman Dashboard Utama (SPA) - Dihimpun modular dari sub-komponen.\n */\n\nimport type { User } from \"../auth.ts\";\nimport { renderSidebar } from \"./components/sidebar.ts\";\nimport { renderTopbar } from \"./components/topbar.ts\";\nimport { renderSections } from \"./components/sections.ts\";\nimport { renderScript } from \"./components/script.ts\";\n\nexport function renderDashboard(user: User): string {\n return `\n\n\n\n\nDashboard - Administrasi Kelas & Guru\n\n\n\n\n\n\n\n\n\n\n\n

\n\n ${renderSidebar()}\n\n

\n ${renderTopbar(user)}\n ${renderSections()}\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Edit Profil

\n \n

\n\n

\n Foto Profil\n \n \n

Gunakan foto .png transparan agar menyatu dengan banner. Kosongkan untuk pakai inisial nama.

\n \n

\n\n${renderScript()}\n\n\n\n\n`;\n}",[],[249,351],"36c71f7d-d0b7-429f-830d-e21233b1312e","topbar.ts","2e5cb09c-7e7f-11f1-8295-1607ee4eb77e","08737136-7e7f-11f1-a713-1607ee4eb77e",698,["D",1784676351557],"/**\n * views/components/topbar.ts\n */\nimport type { User } from \"../../auth.ts\";\nimport { esc } from \"../../utils.ts\";\n\nexport function renderTopbar(user: User): string {\n return `\n

\n \n \n

\n \n

\n \n \n

`;\n}",[],[249,368,360],"components","a3bcfd69-625d-45df-a160-791045abf270","sidebar.ts","21875264-7e7f-11f1-ad16-1607ee4eb77e",420,["D",1784024857618],"/**\n * views/components/sidebar.ts\n */\nexport function renderSidebar(): string {\n return `\n `;\n}",[],[249,368,370],"705503db-fa0d-436d-93ae-2d8e36f4168b","sections.ts","3f1b80e8-7e7f-11f1-a28f-1607ee4eb77e",496,["D",1784085820385],41,"/**\n * views/components/sections.ts\n * Menampung seluruh kontainer halaman (views) untuk sistem SPA.\n *\n * File ini sudah dipecah menjadi beberapa file kecil per section\n * (lihat folder ./sections/) supaya tiap file tetap kecil dan\n * tidak kena limit ukuran file di val.town. renderSections() di\n * sini hanya menggabungkan potongan-potongan tersebut.\n */\nimport { sectionDashboard } from \"./sections/sectionDashboard.ts\";\nimport { sectionKelasSaya } from \"./sections/sectionKelasSaya.ts\";\nimport { sectionSiswa } from \"./sections/sectionSiswa.ts\";\nimport { sectionAbsensi } from \"./sections/sectionAbsensi.ts\";\nimport { sectionNilai } from \"./sections/sectionNilai.ts\";\nimport { sectionPoin } from \"./sections/sectionPoin.ts\";\nimport { sectionStruktur } from \"./sections/sectionStruktur.ts\";\nimport { sectionJurnal } from \"./sections/sectionJurnal.ts\";\nimport { sectionJadwal } from \"./sections/sectionJadwal.ts\";\nimport { sectionLookup } from \"./sections/sectionLookup.ts\";\nimport { sectionProfilGuru } from \"./sections/sectionProfilGuru.ts\";\nimport { sectionProfilSiswa } from \"./sections/sectionProfilSiswa.ts\";\n\nexport function renderSections(): string {\n return [\n sectionDashboard,\n sectionKelasSaya,\n sectionSiswa,\n sectionAbsensi,\n sectionNilai,\n sectionPoin,\n sectionStruktur,\n sectionJurnal,\n sectionJadwal,\n sectionLookup,\n sectionProfilGuru,\n sectionProfilSiswa,\n ].join(\"\\n\");\n}",[],[249,368,378],"61ec0ae5-b018-49fe-8112-9e89c12172fc","script.ts","4e0338b2-7e7f-11f1-8a5b-1607ee4eb77e",438,["D",1784072737779],20,"/**\n * views/components/script.ts\n * Perakit (assembler) seluruh logika JavaScript client-side.\n * Kode aslinya sudah dipecah per-domain ke folder ./scripts/ (mengikuti pola folder routes/)\n * supaya tiap file tetap kecil dan gampang dicari. File ini tinggal menggabungkan semuanya\n * jadi satu \n `;\n}",[],[249,368,387],"9e065107-cdbc-4e3b-8cb1-acf198454d37","sectionStruktur.ts","1daa0eba-7ffc-11f1-bf54-1607ee4eb77e","92aa51b2-7ffb-11f1-b300-1607ee4eb77e",688,["D",1784597060525],8,"/**\n * views/components/sections/sectionStruktur.ts\n * Bagian: Struktur Kelas\n */\nexport const sectionStruktur = `\n \n \n`;",[],[249,368,405,396],"sections","b2d8e8c9-1f61-4e55-88ed-cfd6a4033a9b","sectionSiswa.ts","e113af7e-7ffb-11f1-a920-1607ee4eb77e",610,["D",1784376789032],"/**\n * views/components/sections/sectionSiswa.ts\n * Bagian: Data Siswa\n */\nexport const sectionSiswa = `\n \n

Data Siswa

\n \n \n \n

\n\n \n \n

Tambah Siswa

\n \n

\n\n \n

Import Data Siswa dari Excel

\n \n

\n Unduh Template Excel\n \n

\n\n \n

\n \n \n \n \n \n

No	NIS	NISN	Nama	Kelas	JK	Status	Aksi

\n`;",[],[249,368,405,407],"334d665b-b78b-4809-babf-878116bddde0","sectionProfilSiswa.ts","7dab4680-7ffc-11f1-a0f2-1607ee4eb77e",667,["D",1784432010349],4,"/**\n * views/components/sections/sectionProfilSiswa.ts\n * Bagian: Profil Siswa\n */\nexport const sectionProfilSiswa = `\n \n \n`;",[],[249,368,405,415],"68b24ea5-b84c-43d3-b544-095f018c273b","sectionProfilGuru.ts","6bd8be06-7ffc-11f1-9e51-1607ee4eb77e",523,["D",1784094405224],"/**\n * views/components/sections/sectionProfilGuru.ts\n * Bagian: Profil Guru\n */\nexport const sectionProfilGuru = `\n \n \n`;",[],[249,368,405,424],"b0e6cddc-e8d7-472c-8963-28a08dcc5d8f","sectionPoin.ts","0f584e26-7ffc-11f1-a515-1607ee4eb77e",643,["D",1784428756081],"/**\n * views/components/sections/sectionPoin.ts\n * Bagian: Poin Reward & Hukuman\n */\nexport const sectionPoin = `\n \n

Poin Reward & Hukuman

\n \n

Setiap 1 poin reward menambah 0.1 ke Nilai Akhir yang ditampilkan, setiap 1 poin hukuman mengurangi 0.1 (nilai asli TP tidak berubah).

\n \n

\n \n \n \n

Papan Peringkat Poin

\n \n

Peringkat siswa berdasarkan akumulasi poin reward & hukuman.

\n\n \n

Belum ada data poin untuk ditampilkan.

\n\n \n

\n \n \n \n

Tanggal	Nama	Jenis	Poin	Keterangan	Aksi

\n`;",[],[249,368,405,432],"4ef51cad-78fd-4930-8950-c5a5524a3a65","sectionNilai.ts","fcbe9fe0-7ffb-11f1-a9a6-1607ee4eb77e",713,["D",1784765077695],"/**\n * views/components/sections/sectionNilai.ts\n * Bagian: Penilaian\n *\n * Dirombak dari versi lama (pilih 1 siswa per form): sekarang menampilkan\n * DAFTAR SELURUH SISWA di kelas aktif sekaligus (mengikuti toggle Kelas Aktif\n * MUTLAK di topbar, sama seperti Absensi), dikelompokkan lewat toggle Jenis\n * Nilai (Formatif/Sumatif/STS/SAS) dan toggle Mata Pelajaran khusus menu ini.\n */\nexport const sectionNilai = `\n \n

Penilaian

\n \n

Pilih Jenis Nilai, Mata Pelajaran, lalu Kode TP (khusus Formatif/Sumatif). Untuk STS & SAS cukup satu nilai per siswa per mapel, tidak perlu Kode TP. Daftar siswa kelas aktif akan tampil di bawah — siswa yang belum diisi tetap muncul dengan nilai kosong.

\n \n

\n\n \n

Jenis Nilai

Mata Pelajaran

Kode Tujuan Pembelajaran

\n \n

\n\n

\n \n \n \n

No	Nama	Nilai

\n \n

\n\n \n

\n \n \n \n

Nama	Mapel	Kode TP	Formatif	Sumatif	Nilai Akhir	KKM	Status	Aksi

\n`;",[],[249,368,405,440],"bec57384-9e9b-44a9-a7a4-44d1c0e0059c","sectionLookup.ts","475c1c4e-7ffc-11f1-8268-1607ee4eb77e",489,["D",1784085750909],"/**\n * views/components/sections/sectionLookup.ts\n * Bagian: Lookup\n */\nexport const sectionLookup = `\n \n \n`;",[],[249,368,405,448],"5e340012-70d9-499e-a2b3-77e7fa77539e","sectionKelasSaya.ts","bd339b14-7ffb-11f1-a0e0-1607ee4eb77e",696,["D",1784599365586],"/**\n * views/components/sections/sectionKelasSaya.ts\n * Bagian: Kelas Saya\n */\nexport const sectionKelasSaya = `\n \n

\n\n \n \n \n

\n \n

Anda menjadi wali kelas apa?

Isi nama kelas homeroom Anda untuk mulai mengelola mata pelajaran, siswa, dan penilaian. Anda hanya bisa terdaftar sebagai Wali Kelas untuk satu kelas.

\n \n \n

\n\n \n \n \n

Kelas Saya

\n \n

Daftar kelas yang Anda ampu, sebagai Wali Kelas maupun Guru Mapel. Kelas yang belum ditambahkan di sini akan ditolak saat input Data Siswa, Jadwal Mengajar, dan Struktur Kelas. Halaman ini menampilkan semua kelas Anda sekaligus dan tidak mengikuti toggle kelas aktif di pojok atas.

\n\n \n

\n \n

Wali Kelas

\n \n

\n\n \n

Mapel di Kelas Sendiri

\n \n

Mata pelajaran yang Anda ajarkan di kelas homeroom Anda sendiri. Nilai KKM bisa langsung diubah di kolom tabel/kartu di bawah. Tombol \"TP\" membuka daftar Tujuan Pembelajaran mapel tsb.

\n\n \n \n\n \n

\n \n \n \n

Mapel	KKM	Aksi

\n \n

\n\n \n

Mapel di Kelas Lain (Luar)

\n \n

Kelas di luar homeroom tempat Anda mengajar sebagai Guru Mapel. KKM mengikuti pengaturan nama mapel yang sama di menu Mata Pelajaran & KKM. Tombol \"TP\" membuka daftar Tujuan Pembelajaran mapel tsb — TP tersimpan per mapel (bukan per kelas), jadi otomatis sama dengan TP mapel yang sama di kelas sendiri kalau namanya identik.

\n\n \n \n\n \n

\n \n \n \n

Kelas	Mapel	Aksi

\n \n

\n`;",[],[249,368,405,456],"ea06feb2-605f-4acf-95e1-53c9ceeecb55",["D",1784766565307],[],[249,368,405,33],"e8a1f73c-321a-4a5a-b505-8b629dabbcdc","sectionJadwal.ts","3bafd20a-7ffc-11f1-8f4f-1607ee4eb77e",539,["D",1784267311614],"/**\n * views/components/sections/sectionJadwal.ts\n * Bagian: Jadwal\n */\nexport const sectionJadwal = `\n \n \n`;",[],[249,368,405,468],"9eb9346a-1269-4e0c-90c4-56ac46323386","sectionDashboard.ts","6371475e-7ffe-11f1-b1ed-1607ee4eb77e",583,["D",1784342364286],"/**\n * views/components/sections/sectionDashboard.ts\n * Bagian: Dashboard\n */\nexport const sectionDashboard = `\n \n

Dashboard

\n \n

\n\n \n

Total Siswa

Aktif

Laki-laki

Siswa

Perempuan

Siswi

Hadir Hari Ini

Kehadiran

Ketuntasan Nilai (per KKM mapel)

Kehadiran Hari Ini

Rata-rata Nilai per Mapel

\n\n \n

-

Jadwal Hari Ini

\n\n \n \n \n

Papan Peringkat Poin

Untuk kelas yang sedang ditampilkan

Belum ada data poin untuk ditampilkan.

\n\n

\n`;",[],[249,368,405,476],"411230ae-569d-458f-a0eb-d8b94d734089","sectionAbsensi.ts","f16e3d12-7ffb-11f1-8b10-1607ee4eb77e",621,["D",1784423452933],11,"/**\n * views/components/sections/sectionAbsensi.ts\n * Bagian: Absensi\n */\nexport const sectionAbsensi = `\n \n \n`;",[],[249,368,405,484],"84754fab-5643-44ae-ac68-fc4170800eb3",457,["D",1784085397881],[306,307,308,309,310,311,312,313,314,315,316,317],[249,368,405],"85e7228b-1ee7-4e98-aaad-206ebba702db","struktur.ts","4510d130-7e9b-11f1-83cd-1607ee4eb77e","102d73ce-7e9b-11f1-8a11-1607ee4eb77e",690,["D",1784597296661],"/**\n * views/components/scripts/struktur.ts\n * Logika menu Struktur Kelas: form tambah anggota struktur dan render bagan organisasi per kelas.\n */\nexport function renderStrukturScript(): string {\n return `\n// STRUKTUR KELAS\nlet WALI_KELAS_STRUKTUR=null; // {id, kelas, ...} entri Wali Kelas dari /api/kelas-saya\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Struktur Organisasi Kelas):\n// pola sama seperti ksInfoBtn/ksInfoPop di kelas-saya.ts.\ndocument.getElementById('skInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('skInfoPop').classList.toggle('hidden');\n});\n// Popover informasi kedua, di sebelah judul \"Tambah Anggota Struktur\":\n// pola sama persis dengan skInfoBtn di atas.\ndocument.getElementById('skFormInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('skFormInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('skInfoPop');\n const btn=document.getElementById('skInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n const popForm=document.getElementById('skFormInfoPop');\n const btnForm=document.getElementById('skFormInfoBtn');\n if(popForm&&!popForm.classList.contains('hidden')&&!popForm.contains(e.target)&&e.target!==btnForm&&!btnForm.contains(e.target)){\n popForm.classList.add('hidden');\n }\n});\n\n// Dipanggil tiap kali menu Struktur dibuka: cari kelas homeroom (Wali Kelas)\n// guru yang login, lalu tampilkan strukturnya langsung tanpa perlu isi nama kelas.\nasync function initStrukturKelas(){\n const d=await api('/api/kelas-saya');\n const rows=d.data||[];\n WALI_KELAS_STRUKTUR=rows.find(r=>r.peran==='wali_kelas')||null;\n const gate=document.getElementById('skBelumWali');\n const main=document.getElementById('skMainBox');\n const badge=document.getElementById('skKelasBadge');\n if(!WALI_KELAS_STRUKTUR){\n gate.classList.remove('hidden');\n main.classList.add('hidden');\n badge.textContent='Kelas -';\n STRUKTUR_CACHE=[];STRUKTUR_SISWA=[];STRUKTUR_KELAS='';\n return;\n }\n gate.classList.add('hidden');\n main.classList.remove('hidden');\n badge.textContent='Kelas '+WALI_KELAS_STRUKTUR.kelas;\n await loadStruktur();\n}\n\ndocument.getElementById('skForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n if(!WALI_KELAS_STRUKTUR){appAlert('Daftar dulu sebagai Wali Kelas di menu Kelas Saya.');return;}\n const level=Number(document.getElementById('skLevel').value);\n // Urutan diisi otomatis mengikuti jumlah anggota yang sudah ada di level yang sama,\n // supaya anggota baru selalu ditambahkan di urutan paling akhir level tsb.\n const urutan=STRUKTUR_CACHE.filter(r=>Number(r.level)===level).length;\n const r=await api('/api/struktur','POST',{\n kelas:WALI_KELAS_STRUKTUR.kelas,\n jabatan:document.getElementById('skJabatan').value.trim(),\n nama:document.getElementById('skNama').value.trim(),\n level,\n urutan,\n });\n if(r.success){\n document.getElementById('skForm').reset();\n document.getElementById('skLevel').value='1';\n loadStruktur();\n }else appAlert(r.message);\n});\nasync function loadStruktur(){\n if(!WALI_KELAS_STRUKTUR)return;\n const kelas=WALI_KELAS_STRUKTUR.kelas;\n document.getElementById('skTitle').textContent='Struktur Organisasi Kelas '+kelas;\n // Wali Kelas tidak lagi jadi level 1 dan tidak disimpan ke tabel struktur_kelas --\n // cukup ditampilkan terpisah di atas bagan, otomatis dari nama guru yang login.\n const namaGuru=((document.getElementById('topAvatarName')||{}).textContent||'').trim()||'-';\n document.getElementById('skWaliNama').textContent=namaGuru;\n const [d,ds]=await Promise.all([\n api('/api/struktur?kelas='+encodeURIComponent(kelas)),\n api('/api/siswa?kelas='+encodeURIComponent(kelas)),\n ]);\n STRUKTUR_CACHE=d.data||[];\n STRUKTUR_SISWA=ds.data||[];\n STRUKTUR_KELAS=kelas;\n renderStrukturChart(STRUKTUR_CACHE,STRUKTUR_SISWA,kelas);\n}\nfunction renderStrukturChart(rows,siswaRows,kelas){\n const chart=document.getElementById('skChart');\n chart.innerHTML='';\n if(rows.length===0&&(!siswaRows||siswaRows.length===0)){chart.innerHTML='

Belum ada data struktur untuk kelas ini.

';return;}\n const byLevel={};\n rows.forEach(r=>{(byLevel[r.level]||(byLevel[r.level]=[])).push(r);});\n const levels=Object.keys(byLevel).map(Number).sort((a,b)=>a-b);\n let firstRow=true;\n const addConnector=()=>{\n if(!firstRow){\n const connector=document.createElement('div');\n connector.className='w-0.5 h-6 bg-slate-300 mx-auto';\n chart.appendChild(connector);\n }\n firstRow=false;\n };\n levels.forEach(lvl=>{\n addConnector();\n const row=document.createElement('div');\n row.className='flex flex-wrap justify-center gap-4';\n // Anggota dengan jabatan yang sama (mis. beberapa orang di satu seksi pada\n // Level 3) dikelompokkan jadi satu box, urut sesuai kemunculan pertama.\n const groups=[];\n const groupIdx={};\n byLevel[lvl].forEach(r=>{\n if(!(r.jabatan in groupIdx)){groupIdx[r.jabatan]=groups.length;groups.push({jabatan:r.jabatan,members:[]});}\n groups[groupIdx[r.jabatan]].members.push(r);\n });\n groups.forEach(g=>{\n const box=document.createElement('div');\n box.className='border-2 border-blue-200 bg-blue-50 rounded-xl px-5 py-3 text-center w-full sm:w-auto sm:min-w-[140px] sm:max-w-[240px] break-words no-print-actions';\n const namesHtml=g.members.map(m=>\n ''+x(m.nama)+''\n ).join('');\n box.innerHTML='

'+x(g.jabatan)+'

'+namesHtml+'

';\n row.appendChild(box);\n });\n chart.appendChild(row);\n });\n // Level 4: seluruh siswa kelas, otomatis tersinkron dari Data Siswa -- cukup\n // satu box ringkas \"Seluruh Siswa-Siswi Kelas X\" (bukan satu box per siswa).\n if(siswaRows&&siswaRows.length>0){\n addConnector();\n const row=document.createElement('div');\n row.className='flex flex-wrap justify-center gap-3';\n const box=document.createElement('div');\n box.className='border-2 border-emerald-200 bg-emerald-50 rounded-xl px-5 py-3 text-center w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px] break-words no-print-actions';\n box.innerHTML='

Seluruh Siswa-Siswi Kelas '+x(kelas)+'

';\n row.appendChild(box);\n chart.appendChild(row);\n }\n}\nasync function hapusStruktur(id){\n if(!await appConfirm('Hapus anggota struktur ini?'))return;\n const r=await api('/api/struktur/'+id,'DELETE');\n if(r.success)loadStruktur();else appAlert(r.message);\n}\n// CETAK: Struktur Organisasi Kelas bergaya kartu (pill kuning + kotak nama)\nlet STRUKTUR_CACHE=[],STRUKTUR_SISWA=[],STRUKTUR_KELAS='';\nfunction cetakStrukturPDF(){\n if(STRUKTUR_CACHE.length===0&&STRUKTUR_SISWA.length===0){appAlert('Belum ada data struktur untuk dicetak.');return;}\n const namaGuru=(document.getElementById('skWaliNama')||{}).textContent||'-';\n const byLevel={};\n STRUKTUR_CACHE.forEach(r=>{(byLevel[r.level]||(byLevel[r.level]=[])).push(r);});\n const levels=Object.keys(byLevel).map(Number).sort((a,b)=>a-b);\n const rowsHtml=levels.map(lvl=>{\n // Kelompokkan anggota dengan jabatan sama (mis. satu seksi berisi beberapa\n // orang) jadi satu kartu, nama-nama dipisah baris baru di dalam kartu.\n const groups=[];\n const groupIdx={};\n byLevel[lvl].forEach(r=>{\n if(!(r.jabatan in groupIdx)){groupIdx[r.jabatan]=groups.length;groups.push({jabatan:r.jabatan,members:[]});}\n groups[groupIdx[r.jabatan]].members.push(r);\n });\n return '

'+groups.map(g=>\n '

'+x(g.jabatan)+'

'+g.members.map(m=>x(m.nama)).join('
')+'

'\n ).join('')+'

';\n }).join('');\n // Level 4 (seluruh siswa kelas) dicetak sebagai satu baris ringkas paling bawah.\n const siswaHtml=STRUKTUR_SISWA.length===0?'':'

Seluruh Siswa-Siswi Kelas '+x(STRUKTUR_KELAS)+'

';\n const waliHtml='

Wali Kelas

'+x(namaGuru)+'

';\n const body='

STRUKTUR ORGANISASI

'+\n '

KELAS '+x(STRUKTUR_KELAS)+'

'+\n waliHtml+rowsHtml+siswaHtml;\n const css='.skRow{display:flex;justify-content:center;gap:24px;margin-bottom:18px;flex-wrap:wrap}'+\n '.skCard{text-align:center;min-width:160px}'+\n '.skPill{background:#fbbf24;border:2px solid #111;border-radius:999px;padding:6px 18px;font-weight:800;font-size:12px;text-transform:uppercase;display:inline-block;margin-bottom:6px;letter-spacing:.03em}'+\n '.skName{background:#fff;border:2px solid #111;border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px}';\n printWindow('Struktur Organisasi Kelas',body,css);\n}\n`;\n}",[],[249,368,506,498],"scripts","c7c6b5a5-b7c9-4c98-9036-f324929fe931","siswa.ts","3092641c-7e9b-11f1-b86c-1607ee4eb77e",692,["D",1784597751497],18,"/**\n * views/components/scripts/siswa.ts\n * Logika menu Data Siswa: form tambah/edit, simpan (CRUD), import Excel,\n * dan cetak PDF.\n *\n * Daftar siswa yang ditampilkan SELALU mengikuti kelas aktif global\n * (KELAS_AKTIF, toggle kelas di topbar) — bukan lagi dipisah jadi tab\n * \"Siswa Saya\" vs \"Siswa Lain\". loadSiswa() mengirim ?kelas=KELAS_AKTIF\n * ke backend (pola sama seperti modul nilai/poin/absensi), dan backend\n * (handleSiswaGet) membatasi hasilnya ke satu kelas terpilih itu saja\n * (fallback: kelas Wali Kelas, lalu kelas Guru Mapel pertama, kalau\n * parameter kosong/tak valid).\n *\n * Kalau kelas yang sedang aktif belum punya data siswa sama sekali,\n * tabel/kartu menampilkan ajakan untuk langsung menambah atau meng-\n * import data siswa ke kelas tsb (lihat renderSiswaList).\n *\n * getKelasSendiri() tetap dipertahankan di sini (dipakai modul lain:\n * nilai.ts, poin.ts) walau tidak lagi dipakai untuk memisah tab di file\n * ini sendiri.\n */\nexport function renderSiswaScript(): string {\n return `\n// DATA SISWA CRUD\nlet siswaCache=[];\n\nfunction openSF(r,anchorEl){\n const box=document.getElementById('sfBox');\n // Pindahkan kotak form: kalau dipicu dari kartu siswa (mobile), taruh\n // tepat di bawah kartu itu (otomatis selebar kartu karena satu parent).\n // Kalau tidak (mis. tombol \"Tambah Siswa\" di header), kembalikan ke posisi asli.\n const target=anchorEl||document.getElementById('sfAnchor');\n target.insertAdjacentElement('afterend',box);\n box.classList.remove('hidden');\n document.getElementById('sfFotoStatus').textContent='';\n if(r){\n document.getElementById('sfTitle').textContent='Edit Siswa';\n document.getElementById('sfId').value=r.id;\n document.getElementById('sfNoAbsen').value=r.no_absen||'';\n document.getElementById('sfNis').value=r.nis||'';\n document.getElementById('sfNisn').value=r.nisn||'';\n document.getElementById('sfKelas').value=r.kelas||'';\n document.getElementById('sfNama').value=r.nama||'';\n document.getElementById('sfJk').value=r.jk||'L';\n document.getElementById('sfSt').value=r.status||'Aktif';\n document.getElementById('sfTtl1').value=r.tempat_lahir||'';\n document.getElementById('sfTtl2').value=r.tanggal_lahir||'';\n document.getElementById('sfFoto').value=r.foto||'';\n document.getElementById('sfHp').value=r.no_hp||'';\n document.getElementById('sfOrtu').value=r.nama_ortu||'';\n document.getElementById('sfAlamat').value=r.alamat||'';\n document.getElementById('sfFotoPreview').innerHTML = r.foto ? '

' : ICON_GRADUATION;\n }else{\n document.getElementById('sfTitle').textContent='Tambah Siswa';\n document.getElementById('sfForm').reset();\n document.getElementById('sfId').value='';\n document.getElementById('sfFoto').value='';\n document.getElementById('sfFotoPreview').innerHTML=ICON_GRADUATION;\n // Prefill kelas dengan kelas aktif yang sedang ditampilkan (toggle topbar),\n // supaya siswa baru otomatis masuk ke kelas yang sedang dilihat guru.\n if(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)document.getElementById('sfKelas').value=KELAS_AKTIF;\n }\n box.scrollIntoView({behavior:'smooth',block:'center'});\n}\nfunction closeSF(){document.getElementById('sfBox').classList.add('hidden');document.getElementById('sfForm').reset();}\ndocument.getElementById('sfForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const id=document.getElementById('sfId').value;\n const p={\n no_absen:document.getElementById('sfNoAbsen').value,\n nis:document.getElementById('sfNis').value,nisn:document.getElementById('sfNisn').value,\n kelas:document.getElementById('sfKelas').value,\n nama:document.getElementById('sfNama').value,jk:document.getElementById('sfJk').value,\n status:document.getElementById('sfSt').value,tempat_lahir:document.getElementById('sfTtl1').value,\n tanggal_lahir:document.getElementById('sfTtl2').value,foto:document.getElementById('sfFoto').value,\n no_hp:document.getElementById('sfHp').value,nama_ortu:document.getElementById('sfOrtu').value,\n alamat:document.getElementById('sfAlamat').value,\n };\n const r=id?await api('/api/siswa/'+id,'PUT',p):await api('/api/siswa','POST',p);\n if(r.success){closeSF();loadSiswa();}else appAlert(r.message);\n});\n\n// ============================================================\n// IMPORT DATA SISWA DARI EXCEL\n// ============================================================\nfunction openImportSiswa(){\n document.getElementById('siswaImportModal').classList.remove('hidden');\n document.getElementById('siswaImportForm').reset();\n document.getElementById('siswaImportErr').classList.add('hidden');\n document.getElementById('siswaImportResult').classList.add('hidden');\n const sel=document.getElementById('siswaImportKelas');\n sel.innerHTML='';\n api('/api/kelas-saya').then(d=>{\n const kelasList=[...new Set((d.data||[]).map(r=>r.kelas))];\n sel.innerHTML = kelasList.length\n ? ''+kelasList.map(k=>'').join('')\n : '';\n // Preselect kelas yang sedang aktif (toggle topbar) kalau ada di daftar,\n // supaya import langsung terarah ke kelas yang sedang dilihat guru.\n if(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF&&kelasList.includes(KELAS_AKTIF))sel.value=KELAS_AKTIF;\n });\n}\nfunction closeImportSiswa(){document.getElementById('siswaImportModal').classList.add('hidden');}\ndocument.getElementById('siswaImportForm').addEventListener('submit', async(e)=>{\n e.preventDefault();\n const kelas=document.getElementById('siswaImportKelas').value;\n const fileEl=document.getElementById('siswaImportFile');\n const errEl=document.getElementById('siswaImportErr');\n const okEl=document.getElementById('siswaImportResult');\n const btn=document.getElementById('siswaImportBtn');\n errEl.classList.add('hidden');okEl.classList.add('hidden');\n if(!kelas){errEl.textContent='Pilih kelas tujuan terlebih dahulu.';errEl.classList.remove('hidden');return;}\n if(!fileEl.files[0]){errEl.textContent='Pilih file Excel terlebih dahulu.';errEl.classList.remove('hidden');return;}\n\n btn.disabled=true;btn.textContent='Mengimpor...';\n try{\n const fd=new FormData();\n fd.append('file',fileEl.files[0]);\n fd.append('kelas',kelas);\n const res=await fetch('/api/siswa/import',{method:'POST',body:fd});\n const r=await res.json();\n const detail=(r.dilewati&&r.dilewati.length)\n ? '\\\\n\\\\nBaris dilewati:\\\\n'+r.dilewati.map(d=>'Baris '+d.baris+': '+d.alasan).join('\\\\n')\n : '';\n if(r.success){\n okEl.textContent=(r.message||'Import berhasil.')+detail;\n okEl.classList.remove('hidden');\n loadSiswa();\n }else{\n errEl.textContent=(r.message||'Gagal mengimpor.')+detail;\n errEl.classList.remove('hidden');\n }\n }catch(err){\n errEl.textContent='Gagal terhubung ke server.';\n errEl.classList.remove('hidden');\n }finally{\n btn.disabled=false;btn.textContent='Import Sekarang';\n }\n});\n\n// Ambil nama kelas homeroom (Wali Kelas) guru yang login. Sudah tidak dipakai\n// untuk memisah tampilan di file ini, tapi tetap dipertahankan karena modul\n// lain (nilai.ts, poin.ts) masih memanggil fungsi global ini.\nasync function getKelasSendiri(){\n const d=await api('/api/kelas-saya');\n const wali=(d.data||[]).find(r=>r.peran==='wali_kelas');\n return wali?wali.kelas:null;\n}\n\n// ============================================================\n// RENDER: DAFTAR SISWA KELAS AKTIF\n// kelasTerpilih: nama kelas aktif hasil resolusi backend (bisa null kalau\n// guru belum terdaftar di kelas manapun). Kalau kelas sudah ada tapi belum\n// punya data siswa, tampilkan ajakan tambah/import data siswa untuk kelas itu.\n// ============================================================\nfunction renderSiswaList(list,kelasTerpilih){\n const tb=document.getElementById('siswaTb');tb.innerHTML='';\n const cards=document.getElementById('siswaCards');cards.innerHTML='';\n const info=document.getElementById('siswaKelasInfo');\n if(info)info.textContent=kelasTerpilih?('Kelas: '+kelasTerpilih):'';\n\n if(!kelasTerpilih){\n tb.innerHTML='Anda belum terdaftar pada kelas manapun. Daftarkan kelas Anda dulu di menu Kelas Saya.';\n cards.innerHTML='

Anda belum terdaftar pada kelas manapun. Daftarkan kelas Anda dulu di menu Kelas Saya.

';\n return;\n }\n if(list.length===0){\n const pesan='Kelas '+x(kelasTerpilih)+' belum memiliki data siswa. Tambahkan atau import data siswa untuk kelas ini.';\n const tombol='

'+\n ''+\n ''+\n '

';\n tb.innerHTML=''+pesan+tombol+'';\n cards.innerHTML='

'+pesan+tombol+'

';\n return;\n }\n\n list.forEach(r=>{\n const tr=document.createElement('tr');tr.className='border-t hover:bg-slate-50';\n tr.innerHTML=\\`\\${r.no_absen||'-'}\\${x(r.nis)}\\${x(r.nisn)}\\${x(r.nama)}\\${x(r.kelas)||'-'}\\${x(r.jk)}\\${x(r.status)}

\\`;\n tb.appendChild(tr);\n\n const card=document.createElement('div');\n card.className='w-full max-w-full overflow-hidden bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4 box-border';\n card.innerHTML=\\`

\\${x(r.nama)}

NIS \\${x(r.nis)||'-'} • Kelas \\${x(r.kelas)||'-'}

\\${x(r.status)}

No. Absen: \\${r.no_absen||'-'}NISN: \\${x(r.nisn)||'-'}JK: \\${x(r.jk)}

\\`;\n cards.appendChild(card);\n });\n\n tb.querySelectorAll('[data-e]').forEach(b=>b.addEventListener('click',()=>openSF(siswaCache.find(s=>String(s.id)===b.dataset.e))));\n cards.querySelectorAll('[data-e]').forEach(b=>b.addEventListener('click',(ev)=>{\n const cardEl=ev.currentTarget.closest('#siswaCards > div');\n openSF(siswaCache.find(s=>String(s.id)===b.dataset.e),cardEl);\n }));\n [tb,cards].forEach(root=>{\n root.querySelectorAll('[data-p]').forEach(b=>b.addEventListener('click',()=>openProfil(b.dataset.p)));\n root.querySelectorAll('[data-d]').forEach(b=>b.addEventListener('click',async()=>{\n if(!await appConfirm('Hapus siswa ini?'))return;\n const r=await api('/api/siswa/'+b.dataset.d,'DELETE');\n if(r.success)loadSiswa();else appAlert(r.message);\n }));\n });\n}\n\n// ============================================================\n// LOAD UTAMA: fetch data siswa kelas aktif (?kelas=KELAS_AKTIF), render.\n// Kalau KELAS_AKTIF belum siap/null, backend tetap punya fallback sendiri\n// (kelas Wali Kelas, lalu kelas Guru Mapel pertama) lewat getKelasAktif.\n// ============================================================\nasync function loadSiswa(){\n const q=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('?kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=await api('/api/siswa'+q);\n siswaCache=(d.data||[]).slice().sort((a,b)=>(a.no_absen||9999)-(b.no_absen||9999)||a.nama.localeCompare(b.nama));\n renderSiswaList(siswaCache,d.kelas_terpilih);\n}\n\n// CETAK: Data Siswa dan Orang Tua/Wali Murid (kelas aktif yang sedang ditampilkan)\nfunction cetakSiswaPDF(){\n const rows=siswaCache.map((r,i)=>{\n const ttl=[r.tempat_lahir,r.tanggal_lahir].filter(Boolean).join(', ');\n return ''+\n ''+(i+1)+''+x(r.nis)+''+x(r.nisn)+''+\n ''+x(r.nama)+''+x(r.jk)+''+\n ''+x(ttl)+''+\n ''+x(r.nama_ortu)+''+\n ''+x(r.alamat)+''+\n '';\n }).join('');\n const body='

DATA SISWA DAN ORANG TUA / WALI MURID

'+\n ''+\n ''+\n ''+\n ''+\n ''+rows+'

Nomor	Nama Siswa	Jk	Tempat, Tgl Lahir	Agama	Orang Tua / Wali	Alamat
Urut	Induk	NISN	Nama	Pendidikan	Pekerjaan

';\n printWindow('Data Siswa',body);\n}\n\n// Refresh otomatis saat kelas aktif global (toggle kelas di topbar) berubah,\n// supaya daftar siswa yang tampil selalu mengikuti kelas yang baru dipilih.\nregisterKelasReload(loadSiswa);\n`;\n}",[],[249,368,506,508],"a237afb5-40d3-4121-9ffc-a25ff7917f2f","scoreboard.ts","aef7a5e0-7fdd-11f1-b61c-1607ee4eb77e",627,["D",1784423598683],12,"/**\n * views/components/scripts/scoreboard.ts\n * Logika Papan Peringkat Poin: agregasi poin reward/hukuman per siswa,\n * dipadukan dengan Nilai TP asli menjadi Nilai Akhir, dan divisualisasikan\n * lewat avatar ber-cincin progres (Misi 10 Bintang).\n * - loadScoreboard() : versi ringkas di Dashboard, daftar polos peringkat 1-10.\n * - loadPoinScoreboard() : versi lengkap bergaya podium di halaman Poin Reward & Hukuman,\n * mengikuti toggle Kelas Aktif global (KELAS_AKTIF / event\n * 'kelasAktifBerubah').\n */\nexport function renderScoreboardScript(): string {\n return `\nconst ICON_CROWN='';\nconst ICON_MEDAL='';\nconst SB_ICON_STAR='';\n\n// Baca kelas aktif global (toggle di topbar). Dibungkus satu fungsi supaya\n// gampang disesuaikan kalau nama variabel/skema event global berbeda.\n// (Fungsi yang sama juga ada di poin.ts; sengaja diduplikasi di sini karena\n// scoreboard.ts bisa dipakai berdiri sendiri di halaman lain, mis. Dashboard.)\nfunction sbGetKelasAktifGlobal(){\n return (typeof KELAS_AKTIF!=='undefined' && KELAS_AKTIF) ? KELAS_AKTIF : '';\n}\n\n// Badge peringkat untuk daftar Dashboard: 1=mahkota, 2/3=medali (perak/perunggu), 4-10=angka polos\nfunction sbRankBadge(rank){\n if(rank===1) return ''+ICON_CROWN+'';\n if(rank===2) return ''+ICON_MEDAL+'';\n if(rank===3) return ''+ICON_MEDAL+'';\n return ''+rank+'';\n}\n\n// Susun avatar bulat ukuran presisi (px): pakai foto jika ada, kalau tidak pakai inisial nama.\n// Dipakai berdiri sendiri (dashboard mini) maupun sebagai isi dari sbAvatarRing (podium & daftar).\nfunction sbAvatarPx(nama,foto,sizePx,fontPx){\n const inisial=(nama||'?').charAt(0).toUpperCase();\n const style='width:'+sizePx+'px;height:'+sizePx+'px;font-size:'+(fontPx||Math.round(sizePx*0.42))+'px;';\n if(foto){\n return '

';\n }\n return '

'+inisial+'

';\n}\n\n// ============================================================\n// SISTEM POIN -> NILAI AKHIR\n// Nilai TP Asli tidak pernah diubah; poin hanya menggeser Nilai Akhir\n// yang ditampilkan. 1 poin reward = +0.1, 1 poin hukuman = -0.1, max 100.\n// ============================================================\nfunction sbNilaiAkhir(nilaiTP,totalPoin){\n return Math.min(100, nilaiTP + (totalPoin*0.1));\n}\n\n// Format dampak poin ke nilai (dipakai di label kecil \"+1.4 nilai\" dsb)\nfunction sbFmtNilai(netPoin){\n const nilai=netPoin*0.1;\n const sign=nilai>0?'+':'';\n return sign+nilai.toFixed(1);\n}\n\n// ============================================================\n// CINCIN PROGRES \"MISI 10 BINTANG\"\n// Setiap kelipatan 10 poin = 1 putaran penuh lingkaran.\n// - totalPoin <= 0 -> 0%\n// - totalPoin kelipatan 10(>0)-> 100% (efek Level Up sebelum reset)\n// - selainnya -> (totalPoin % 10) * 10\n// ============================================================\nfunction sbPersenLingkaran(totalPoin){\n if(totalPoin<=0) return 0;\n const sisa=totalPoin%10;\n return sisa===0 ? 100 : sisa*10;\n}\n\n// Badge kecil di avatar: poin yang sudah terkumpul di siklus berjalan (0-9).\n// Saat lingkaran baru penuh (levelUp), badge menampilkan level (bintang) yang tercapai.\nfunction sbBadgeInfo(totalPoin){\n const persen=sbPersenLingkaran(totalPoin);\n if(persen===100) return {text:String(Math.floor(totalPoin/10)),levelUp:true};\n const terkumpul=totalPoin<=0 ? 0 : totalPoin%10;\n return {text:String(terkumpul),levelUp:false};\n}\n\n// SVG cincin progres presisi: stroke-dasharray/offset dihitung dari radius sebenarnya.\nfunction sbRingSVG(sizePx,strokeWidth,percent){\n const radius=(sizePx-strokeWidth)/2;\n const circumference=2*Math.PI*radius;\n const offset=circumference-(Math.max(0,Math.min(100,percent))/100)*circumference;\n const c=sizePx/2;\n return '';\n}\n\n// Avatar + cincin progres + badge sisa poin + mahkota opsional (peringkat 1).\n// ringPx = diameter total (cincin+avatar), avatarPx = diameter avatar di dalamnya.\nfunction sbAvatarRing(nama,foto,totalPoin,ringPx,strokeWidth,avatarPx,fontPx,crown){\n const persen=sbPersenLingkaran(totalPoin);\n const badge=sbBadgeInfo(totalPoin);\n const offsetAvatar=(ringPx-avatarPx)/2;\n return '

'\n +(crown?''+ICON_CROWN+'':'')\n +sbRingSVG(ringPx,strokeWidth,persen)\n +'

'+sbAvatarPx(nama,foto,avatarPx,fontPx)+'

'\n +''\n +(badge.levelUp?SB_ICON_STAR:x(badge.text))+''\n +'

';\n}\n\n// Ambil & agregasi data poin + Nilai TP per siswa (dipakai bersama oleh dashboard & halaman poin).\n// Nilai TP Asli dihitung sebagai rata-rata nilai_akhir dari seluruh Tujuan Pembelajaran (nilai_tp)\n// milik siswa tsb — sesuaikan sumbernya bila kelas kamu punya definisi \"Nilai TP Asli\" yang berbeda.\n// kelasFilter opsional: kalau diisi nama kelas, hanya siswa kelas itu yang diikutkan\n// (dipakai dashboard & halaman poin supaya papan peringkat mengikuti kelas yang aktif).\nasync function sbGetRanking(kelasFilter){\n const [poinRes,siswaRes,nilaiRes]=await Promise.all([api('/api/poin'),api('/api/siswa'),api('/api/nilai')]);\n return sbBuildRanking(poinRes.data||[],siswaRes.data||[],nilaiRes.data||[],kelasFilter);\n}\n\n// Versi murni (tanpa fetch) supaya bisa dipakai berulang untuk beberapa kelas\n// sekaligus dari data yang sudah diambil satu kali.\nfunction sbBuildRanking(poinData,siswaData,nilaiData,kelasFilter){\n const siswaList=kelasFilter?siswaData.filter(s=>s.kelas===kelasFilter):siswaData;\n const idsAllowed=kelasFilter?new Set(siswaList.map(s=>s.id)):null;\n\n const fotoMap={};\n siswaList.forEach(s=>{fotoMap[s.id]=s.foto||'';});\n\n const tpAgg={};\n nilaiData.forEach(n=>{\n if(idsAllowed&&!idsAllowed.has(n.siswa_id))return;\n if(!tpAgg[n.siswa_id])tpAgg[n.siswa_id]={sum:0,count:0};\n tpAgg[n.siswa_id].sum+=n.nilai_akhir;\n tpAgg[n.siswa_id].count++;\n });\n const nilaiTPMap={};\n Object.keys(tpAgg).forEach(id=>{ nilaiTPMap[id]=tpAgg[id].sum/tpAgg[id].count; });\n\n const agg={};\n poinData.forEach(r=>{\n if(idsAllowed&&!idsAllowed.has(r.siswa_id))return;\n if(!agg[r.siswa_id])agg[r.siswa_id]={siswa_id:r.siswa_id,nama:r.nama_siswa,foto:fotoMap[r.siswa_id]||'',net:0,nilaiTP:nilaiTPMap[r.siswa_id]||0};\n agg[r.siswa_id].net += r.jenis==='reward' ? r.poin : -r.poin;\n });\n // Sertakan juga siswa yang punya nilai TP tapi belum pernah dapat poin, biar tetap tampil di papan peringkat.\n siswaList.forEach(s=>{\n if(!agg[s.id] && nilaiTPMap[s.id]!=null){\n agg[s.id]={siswa_id:s.id,nama:s.nama,foto:s.foto||'',net:0,nilaiTP:nilaiTPMap[s.id]};\n }\n });\n\n return Object.values(agg)\n .map(it=>({...it, nilaiAkhir:sbNilaiAkhir(it.nilaiTP,it.net)}))\n .sort((a,b)=> b.nilaiAkhir-a.nilaiAkhir || b.net-a.net);\n}\n\n// ============================================================\n// DASHBOARD: daftar polos peringkat 1-10\n// ============================================================\nasync function loadScoreboard(kelasFilter){\n const ranking=(await sbGetRanking(kelasFilter)).slice(0,10);\n const list=document.getElementById('sbList');\n const empty=document.getElementById('sbEmpty');\n list.innerHTML='';\n\n if(ranking.length===0){\n empty.textContent=kelasFilter\n ?'Belum ada data poin untuk kelas '+kelasFilter+'.'\n :'Anda belum terdaftar sebagai Wali Kelas, sehingga papan peringkat kelas sendiri belum bisa ditampilkan.';\n empty.classList.remove('hidden');\n return;\n }\n empty.classList.add('hidden');\n\n ranking.forEach((it,i)=>{\n const rank=i+1;\n const top3=rank<=3;\n const ringPx=top3?44:36;\n const avatarPx=top3?34:28;\n const row=document.createElement('div');\n row.className='flex items-center gap-2.5 '+(top3?'py-2.5':'py-2');\n row.innerHTML=\\`\n \\${sbRankBadge(rank)}\n \\${sbAvatarRing(it.nama,it.foto,it.net,ringPx,3,avatarPx,undefined,false)}\n \\${x(it.nama)}\n \n \\${it.nilaiAkhir.toFixed(1)}\n \\${it.net} poin\n \n \\`;\n list.appendChild(row);\n });\n\n lucide.createIcons();\n}\n\n// Dipanggil dari dashboard.ts (loadDb) setiap kali kelas yang ditampilkan\n// berganti, supaya Papan Peringkat Poin selalu mengikuti kelas yang sedang\n// dipilih lewat tombol ganti kelas di topbar.\n\n// ============================================================\n// HALAMAN POIN REWARD & HUKUMAN: podium Top 3 + daftar peringkat 4+\n// Mengikuti toggle Kelas Aktif global: kelasFilter opsional -- kalau tidak\n// diisi, dibaca dari KELAS_AKTIF global lewat sbGetKelasAktifGlobal().\n// ============================================================\nasync function loadPoinScoreboard(kelasFilter){\n const kelasAktif = kelasFilter!==undefined ? kelasFilter : sbGetKelasAktifGlobal();\n const ranking=await sbGetRanking(kelasAktif||undefined);\n const podium=document.getElementById('pbPodium');\n const list=document.getElementById('pbList');\n const empty=document.getElementById('pbEmpty');\n podium.innerHTML='';list.innerHTML='';\n\n if(ranking.length===0){\n empty.textContent=kelasAktif\n ?'Belum ada data poin untuk kelas '+kelasAktif+'.'\n :'Belum ada data poin.';\n empty.classList.remove('hidden');\n podium.classList.add('hidden');\n return;\n }\n empty.classList.add('hidden');\n podium.classList.remove('hidden');\n\n const top3=ranking.slice(0,3);\n const sisanya=ranking.slice(3);\n\n // ---- PODIUM: urutan kolom [2nd, 1st, 3rd], peringkat 1 di tengah paling tinggi ----\n const podiumCfg=[\n {rank:2,item:top3[1],h:'h-20',bg:'bg-slate-100',label:'2nd',ring:56,stroke:4,avatar:44},\n {rank:1,item:top3[0],h:'h-28',bg:'bg-blue-50',label:'1st',ring:76,stroke:5,avatar:60},\n {rank:3,item:top3[2],h:'h-16',bg:'bg-slate-50',label:'3rd',ring:56,stroke:4,avatar:44},\n ];\n podiumCfg.forEach(cfg=>{\n const col=document.createElement('div');\n col.className='flex flex-col items-center';\n if(!cfg.item){ col.innerHTML='

'; podium.appendChild(col); return; }\n const it=cfg.item;\n col.innerHTML=\\`\n

\n \\${sbAvatarRing(it.nama,it.foto,it.net,cfg.ring,cfg.stroke,cfg.avatar,undefined,cfg.rank===1)}\n

\\${x(it.nama)}

\\${cfg.label}

\n \\${it.nilaiAkhir.toFixed(1)}\n \\${it.net} poin · TP \\${it.nilaiTP.toFixed(0)}\n

\n \\`;\n podium.appendChild(col);\n });\n\n // ---- DAFTAR PERINGKAT 4+ ----\n sisanya.forEach((it,i)=>{\n const rank=i+4;\n const row=document.createElement('div');\n row.className='flex items-center gap-3 py-2.5';\n row.innerHTML=\\`\n \\${rank}\n \\${sbAvatarRing(it.nama,it.foto,it.net,40,3,32,undefined,false)}\n \\${x(it.nama)}\n \n \\${it.nilaiAkhir.toFixed(1)}\n \\${it.net} poin \\\\u00b7 \\${sbFmtNilai(it.net)} nilai\n \n \\`;\n list.appendChild(row);\n });\n\n lucide.createIcons();\n}\n\n// Saat toggle Kelas Aktif digeser di topbar, muat ulang papan peringkat poin\n// (podium + daftar 4+) supaya selalu mengikuti kelas yang sedang aktif.\nregisterKelasReload(()=>loadPoinScoreboard(sbGetKelasAktifGlobal()));\n`;\n}",[],[249,368,506,517],"a723161c-0a79-461c-86df-99613dee64e0","profil-siswa.ts","5601a76c-7e9b-11f1-afa0-1607ee4eb77e",694,["D",1784597901441],"/**\n * views/components/scripts/profil-siswa.ts\n * Logika modal Profil Siswa: render detail siswa, progres poin, dan rekap nilai (dipakai dari menu Data Siswa & Student Lookup).\n */\nexport function renderProfilSiswaScript(): string {\n return `\nasync function openProfil(id){\n const d=await api('/api/siswa/'+id+'/profil');\n if(!d.success){appAlert(d.message||'Gagal memuat profil.');return;}\n const s=d.siswa;\n const maxSkala=50;\n const pctReward=Math.min(100,Math.round((d.poin.total_reward/maxSkala)*100));\n const pctHukuman=Math.min(100,Math.round((d.poin.total_hukuman/maxSkala)*100));\n const bintangPenuh=Math.min(5,Math.round((d.poin.total_reward/maxSkala)*5));\n const banPenuh=Math.min(5,Math.round((d.poin.total_hukuman/maxSkala)*5));\n const ICON_STAR_FULL='';\n const ICON_STAR_EMPTY='';\n const ICON_BAN='';\n const bintangStr=''+ICON_STAR_FULL.repeat(bintangPenuh)+''+ICON_STAR_EMPTY.repeat(5-bintangPenuh)+'';\n const banStr=''+ICON_BAN.repeat(banPenuh)+''+ICON_BAN.repeat(5-banPenuh)+'';\n\n const nilaiRows=(d.nilai||[]).map(n=>\\`\\${x(n.mapel)}\\${x(n.kode_tp)}\\${n.nilai_akhir}\\${n.kkm}\\${n.tuntas?'Tuntas':'Belum'}\\`).join('');\n\n // Gaya & fallback foto disamakan dengan Profil Guru (renderAvatar di profil-guru.ts):\n // kosong -> inisial nama siswa, bukan ikon generik.\n const inisialSiswa=(s.nama||'?').charAt(0).toUpperCase();\n const fotoBanner=s.foto\n ? '

'\n : inisialSiswa;\n\n // Tombol WA \"Anak Sakit di Sekolah\" — hanya tampil untuk siswa di kelas yang\n // guru login WALI-KELASI (KELAS_SENDIRI), dan hanya kalau No HP orangtua/wali\n // sudah diisi. Guru Mapel (bukan wali kelas kelas ini) tidak melihat tombol ini.\n const kelasSendiriAktif=(typeof KELAS_SENDIRI!=='undefined')?KELAS_SENDIRI:null;\n const pesanSakit=\"Assalamu'alaikum Bapak/Ibu Orang Tua/Wali dari ananda \"+s.nama+\n \" (kelas \"+s.kelas+\"). Kami dari pihak sekolah menginformasikan bahwa ananda saat ini sedang sakit/kurang sehat di sekolah. \"+\n \"Mohon kesediaannya untuk menjemput atau menghubungi pihak sekolah lebih lanjut. Terima kasih.\";\n const linkWaSakit=waLink(s.no_hp,pesanSakit);\n const btnWaSakit=(kelasSendiriAktif&&s.kelas===kelasSendiriAktif&&linkWaSakit)\n ?\\`\\${ICON_WHATSAPP} Anak Sakit — Kirim WA\\`\n :'';\n document.getElementById('profilWaSlot').innerHTML=btnWaSakit;\n\n document.getElementById('profilPrintArea').innerHTML=\\`\n

\n \n

\\${x(s.nama)}

NIS: \\${x(s.nis)} • NISN: \\${x(s.nisn)} • \\${s.jk==='L'?'Laki-laki':'Perempuan'}

\\${fotoBanner}

\n\n

Tempat, Tgl Lahir: \\${x(s.tempat_lahir)||'-'}\\${s.tanggal_lahir?', '+x(s.tanggal_lahir):''}

No HP: \\${x(s.no_hp)||'-'}

Orang Tua/Wali: \\${x(s.nama_ortu)||'-'}

Status: \\${x(s.status)}

Alamat: \\${x(s.alamat)||'-'}

\n\n

\\${ICON_STAR} Poin Reward — \\${d.poin.total_reward} poin

\\${bintangStr}

\\${ICON_ALERT_SM} Poin Hukuman — \\${d.poin.total_hukuman} poin

\\${banStr}

Pengaruh bersih ke Nilai Akhir: =0?'text-emerald-600':'text-red-500'}\">\\${d.poin.pengaruh_nilai>=0?'+':''}\\${d.poin.pengaruh_nilai.toFixed(1)}

\n\n

Rekap Nilai TP

\n \n \n \\${nilaiRows||''}\n

Mapel	Kode TP	Nilai	KKM	Status
Belum ada nilai

\\`;\n go('profil');\n}\n`;\n}",[],[249,368,506,526],"aeb323fa-42b5-46a5-b4f2-c6eae9a702bd","profil-guru.ts","66fab86a-7e9b-11f1-bd93-1607ee4eb77e",661,["D",1784430462298],"/**\n * views/components/scripts/profil-guru.ts\n * Logika avatar (render+upload foto), banner sapaan+jadwal hari ini, kartu profil read-only,\n * modal edit profil, dan ganti password.\n */\nexport function renderProfilGuruScript(): string {\n return `\nfunction renderAvatar(fotoUrl, nama){\n const inisial=(nama||'?').charAt(0).toUpperCase();\n const html = fotoUrl\n ? '

'\n : inisial;\n document.getElementById('topAvatar').innerHTML = fotoUrl ? html : inisial;\n document.getElementById('pgFotoPreview').innerHTML = fotoUrl ? html : inisial;\n\n // FOTO PADA BANNER: mengisi penuh sisi kiri banner (lebar tetap, tinggi 100% banner) pakai object-cover.\n // Kosong -> badge inisial nama di atas latar semi-transparan agar tetap menyatu dengan gradasi banner.\n const banner=document.getElementById('pgBannerFoto');\n if(fotoUrl){\n banner.className='relative w-32 sm:w-44 md:w-56 h-full shrink-0 overflow-hidden';\n banner.innerHTML='

';\n }else{\n banner.className='relative w-32 sm:w-44 md:w-56 h-full shrink-0 flex items-center justify-center bg-white/10 text-white text-4xl sm:text-5xl font-bold';\n banner.textContent=inisial;\n }\n}\n\n// UPLOAD FOTO\nasync function uploadFoto(fileInputEl, hiddenFieldId, statusElId, onDone){\n const file=fileInputEl.files[0];\n if(!file)return;\n const statusEl=statusElId?document.getElementById(statusElId):null;\n if(statusEl){statusEl.textContent='Mengunggah...';statusEl.className='text-xs text-blue-500 mt-1';}\n try{\n const fd=new FormData();\n fd.append('file',file);\n const res=await fetch('/api/upload',{method:'POST',body:fd});\n const r=await res.json();\n if(r.success){\n document.getElementById(hiddenFieldId).value=r.url;\n if(statusEl){statusEl.innerHTML='Foto berhasil diunggah '+ICON_CHECK;statusEl.className='inline-flex items-center gap-1 text-xs text-emerald-600 mt-1';}\n if(onDone)onDone(r.url);\n }else{\n if(statusEl){statusEl.textContent=r.message||'Gagal mengunggah.';statusEl.className='text-xs text-red-500 mt-1';}\n }\n }catch(err){\n if(statusEl){statusEl.textContent='Gagal terhubung ke server.';statusEl.className='text-xs text-red-500 mt-1';}\n }\n}\ndocument.getElementById('sfFotoFile').addEventListener('change',function(){\n uploadFoto(this,'sfFoto','sfFotoStatus',(url)=>{\n document.getElementById('sfFotoPreview').innerHTML='

';\n });\n});\ndocument.getElementById('pgFotoFile').addEventListener('change',function(){\n uploadFoto(this,'pgFoto','pgFotoStatus',(url)=>{\n renderAvatar(url, document.getElementById('pgNama').value);\n });\n});\n\n// MODAL EDIT PROFIL\nfunction openPgModal(){document.getElementById('pgModal').classList.remove('hidden');}\nfunction closePgModal(){document.getElementById('pgModal').classList.add('hidden');}\ndocument.getElementById('pgEditBtn').addEventListener('click',openPgModal);\n\n// BANNER SAPAAN + JADWAL HARI INI (mapel yang jamnya sudah lewat otomatis hilang;\n// begitu semua jadwal hari ini selesai, otomatis tampilkan jadwal besok)\nlet _pgJadwalInterval=null, _pgLastNama='';\n\n// Terima pemisah jam:menit berupa titik dua MAUPUN titik (mis. \"13:30-15:10\"\n// ATAU \"13.30-15.10\"), karena guru sering mengetik format \"13.30\" bukan \"13:30\".\nfunction parseJamRange(jamStr){\n if(!jamStr) return null;\n const m=String(jamStr).match(/(\\\\d{1,2})[.:](\\\\d{2})\\\\s*-\\\\s*(\\\\d{1,2})[.:](\\\\d{2})/);\n if(!m) return null;\n return { startMin: parseInt(m[1],10)*60+parseInt(m[2],10), endMin: parseInt(m[3],10)*60+parseInt(m[4],10) };\n}\nfunction urutkanJadwal(list){\n return list.slice().sort((a,b)=>{\n const ra=parseJamRange(a.jam), rb=parseJamRange(b.jam);\n return (ra?ra.startMin:0)-(rb?rb.startMin:0);\n });\n}\nfunction renderDaftarJadwal(list, labelAtas){\n const itemHtml=j=>\n '

'+\n ''+\n ''+x(j.jam)+' '+x(j.mapel)+' (Kelas '+x(j.kelas)+')'+\n '

';\n // Kalau jadwalnya lebih dari 3 baris, daftarnya melebihi tinggi banner yang\n // fixed (h-56) dan meluber ke area putih di bawahnya. Supaya tetap muat,\n // item ke-4 dan seterusnya dipindah ke kolom kanan (maks 2 kolom) alih-alih\n // terus menumpuk ke bawah.\n if(list.length>3){\n const kiri=list.slice(0,3), kanan=list.slice(3);\n return '

'+labelAtas+'

'+\n '

'+kiri.map(itemHtml).join('')+'

'+\n '

'+kanan.map(itemHtml).join('')+'

'+\n '

';\n }\n return '

'+labelAtas+'

'+\n '

'+list.map(itemHtml).join('')+'

';\n}\nasync function loadSapaanProfil(nama){\n _pgLastNama=nama;\n const jamNow=new Date().getHours();\n const waktu = jamNow<11?'pagi':jamNow<15?'siang':jamNow<18?'sore':'malam';\n document.getElementById('pgSapaan').textContent='Selamat '+waktu+', '+(nama||'Bapak/Ibu Guru')+'!';\n const jadwalEl=document.getElementById('pgJadwalHariIni');\n jadwalEl.innerHTML='

Memuat jadwal...

';\n\n const d=await api('/api/jadwal');\n const semuaJadwal=d.data||[];\n const sekarang=new Date();\n const menitSekarang=sekarang.getHours()*60+sekarang.getMinutes();\n const hariIni=HARI[sekarang.getDay()];\n\n const jadwalHariIni=urutkanJadwal(semuaJadwal.filter(j=>j.hari===hariIni));\n const jadwalTersisa=jadwalHariIni.filter(j=>{\n const r=parseJamRange(j.jam);\n return !r || r.endMin>menitSekarang; // kalau jam tidak terbaca, tetap ditampilkan supaya aman\n });\n\n if(jadwalTersisa.length>0){\n jadwalEl.innerHTML=renderDaftarJadwal(jadwalTersisa,'Jadwal Anda hari ini:');\n }else{\n const hariBesok=HARI[(sekarang.getDay()+1)%7];\n const jadwalBesok=urutkanJadwal(semuaJadwal.filter(j=>j.hari===hariBesok));\n if(jadwalBesok.length>0){\n const prefix = jadwalHariIni.length>0\n ? 'Jadwal hari ini sudah selesai. Jadwal Anda besok ('+hariBesok+'):'\n : 'Tidak ada jadwal mengajar hari ini. Jadwal Anda besok ('+hariBesok+'):';\n jadwalEl.innerHTML=renderDaftarJadwal(jadwalBesok,prefix);\n }else{\n jadwalEl.innerHTML='

Tidak ada jadwal mengajar untuk hari ini maupun besok. Selamat beristirahat!

';\n }\n }\n\n // Cek ulang tiap 1 menit supaya mapel yang jamnya lewat otomatis hilang tanpa perlu refresh manual\n if(!_pgJadwalInterval){\n _pgJadwalInterval=setInterval(()=>{ loadSapaanProfil(_pgLastNama); },60000);\n }\n}\n\n// KARTU PROFIL (READ-ONLY) + FORM EDIT (DI DALAM MODAL)\nasync function loadProfilGuru(){\n const d=await api('/api/profil-guru');\n if(!d.success){appAlert(d.message||'Gagal memuat profil.');return;}\n const p=d.data;\n document.getElementById('pgViewNama').textContent=p.nama_guru||'-';\n document.getElementById('pgViewNip').textContent=p.nip||'-';\n document.getElementById('pgViewEmail').textContent=p.email||'-';\n document.getElementById('pgViewHp').textContent=p.no_hp||'-';\n document.getElementById('pgViewAlamat').textContent=p.alamat||'-';\n document.getElementById('pgNama').value=p.nama_guru||'';\n document.getElementById('pgNip').value=p.nip||'';\n document.getElementById('pgEmail').value=p.email||'';\n document.getElementById('pgHp').value=p.no_hp||'';\n document.getElementById('pgAlamat').value=p.alamat||'';\n document.getElementById('pgFoto').value=p.foto||'';\n document.getElementById('pgFotoStatus').textContent='';\n renderAvatar(p.foto,p.nama_guru);\n document.getElementById('pgErr').classList.add('hidden');\n document.getElementById('pgOk').classList.add('hidden');\n document.getElementById('pgPwLama').value='';\n document.getElementById('pgPwBaru').value='';\n loadSapaanProfil(p.nama_guru);\n}\ndocument.getElementById('pgForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const errEl=document.getElementById('pgErr'), okEl=document.getElementById('pgOk');\n errEl.classList.add('hidden'); okEl.classList.add('hidden');\n const payload={\n nama_guru:document.getElementById('pgNama').value.trim(),\n nip:document.getElementById('pgNip').value.trim(),\n email:document.getElementById('pgEmail').value.trim(),\n no_hp:document.getElementById('pgHp').value.trim(),\n alamat:document.getElementById('pgAlamat').value.trim(),\n foto:document.getElementById('pgFoto').value.trim(),\n };\n const pwBaru=document.getElementById('pgPwBaru').value;\n if(pwBaru){\n payload.password_baru=pwBaru;\n payload.password_lama=document.getElementById('pgPwLama').value;\n }\n const r=await api('/api/profil-guru','PUT',payload);\n if(r.success){\n okEl.textContent='Profil berhasil disimpan.';okEl.classList.remove('hidden');\n document.getElementById('topAvatarName').textContent=payload.nama_guru;\n renderAvatar(payload.foto,payload.nama_guru);\n document.getElementById('pgPwLama').value='';\n document.getElementById('pgPwBaru').value='';\n document.getElementById('pgViewNama').textContent=payload.nama_guru||'-';\n document.getElementById('pgViewNip').textContent=payload.nip||'-';\n document.getElementById('pgViewEmail').textContent=payload.email||'-';\n document.getElementById('pgViewHp').textContent=payload.no_hp||'-';\n document.getElementById('pgViewAlamat').textContent=payload.alamat||'-';\n loadSapaanProfil(payload.nama_guru);\n setTimeout(closePgModal,900);\n }else{\n errEl.textContent=r.message||'Gagal menyimpan profil.';errEl.classList.remove('hidden');\n }\n});\n`;\n}",[],[249,368,506,534],"d8b662a0-890e-46d3-95f1-bcb2a95c0e20","poin.ts","41bcd47a-7e9b-11f1-9b74-1607ee4eb77e",695,["D",1784599106026],15,"/**\n * views/components/scripts/poin.ts\n * Logika menu Poin Reward/Hukuman: input catatan poin dan tabel riwayat poin.\n *\n * Kelas aktif global: dropdown \"Pilih Siswa\" TIDAK lagi punya filter kelas\n * sendiri — daftar siswanya selalu mengikuti Kelas Aktif global (toggle di\n * topbar, sama seperti nilai.ts/absensi.ts). Setiap kali toggle itu diganti\n * guru, loadSiswaOptsPoin() dan loadPoin() dijalankan ulang lewat\n * registerKelasReload(), dan overlay loading global (lihat setKelasAktif di\n * core.ts) tampil sampai keduanya selesai.\n */\nexport function renderPoinScript(): string {\n return `\n// POIN REWARD & HUKUMAN\nconst ICON_STAR='';\nconst ICON_ALERT_SM='';\n// Ikon info kecil (12px), dipakai tombol \"Lihat keterangan\" di tabel/kartu riwayat.\nconst ICON_INFO_SM='';\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Poin Reward & Hukuman):\n// menggantikan teks keterangan lama yang selalu tampil, pola sama seperti\n// dashInfoBtn/dashInfoPop di dashboard.ts.\ndocument.getElementById('poinInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('poinInfoPop').classList.toggle('hidden');\n});\n// Popover informasi untuk \"Papan Peringkat Poin\": menggantikan subjudul teks\n// statis lama yang selalu tampil, pola sama persis dengan poinInfoBtn di atas.\ndocument.getElementById('pbInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('pbInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('poinInfoPop');\n const btn=document.getElementById('poinInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n const popPb=document.getElementById('pbInfoPop');\n const btnPb=document.getElementById('pbInfoBtn');\n if(popPb&&!popPb.classList.contains('hidden')&&!popPb.contains(e.target)&&e.target!==btnPb&&!btnPb.contains(e.target)){\n popPb.classList.add('hidden');\n }\n});\n\n// Baca kelas aktif global (toggle di topbar). Dibungkus satu fungsi supaya\n// gampang disesuaikan kalau nama variabel/skema event global berbeda.\nfunction getKelasAktifGlobal(){\n return (typeof KELAS_AKTIF!=='undefined' && KELAS_AKTIF) ? KELAS_AKTIF : '';\n}\n\n// Isi dropdown \"Pilih Siswa\": selalu mengikuti Kelas Aktif global (toggle\n// topbar), sama seperti loadSiswaOpts() di nilai.ts. Tidak ada lagi filter\n// kelas terpisah di form Poin -- satu sumber kebenaran cukup lewat topbar.\nasync function loadSiswaOptsPoin(){\n const kelasAktif=getKelasAktifGlobal();\n const q=kelasAktif?('?kelas='+encodeURIComponent(kelasAktif)):'';\n const d=await api('/api/siswa'+q);\n const list=(d.data||[]).slice().sort((a,b)=>a.nama.localeCompare(b.nama));\n const sel=document.getElementById('pSiswa');\n const curVal=sel.value;\n sel.innerHTML='';\n list.forEach(s=>{const o=document.createElement('option');o.value=s.id;o.textContent=s.nama;sel.appendChild(o);});\n if(curVal&&[...sel.options].some(o=>o.value===curVal))sel.value=curVal;\n}\n\n// ============================================================\n// RUBRIK AKSI/PERILAKU: sumber dropdown \"Pilih Aksi/Perilaku\".\n// Tiap item punya kategori (dipakai sbg ), jenis (reward/hukuman),\n// nilai poin, dan teks keterangan default yang otomatis dipakai saat dipilih.\n// Tambah/edit baris di sini kalau rubrik sekolah kamu berubah.\n// ============================================================\nconst POIN_RUBRIK=[\n {kategori:'Mikro (Harian)',jenis:'reward',poin:1,aksi:'Datang paling awal/sebelum bel berbunyi'},\n {kategori:'Mikro (Harian)',jenis:'reward',poin:1,aksi:'Berani angkat tangan untuk bertanya/menjawab'},\n {kategori:'Mikro (Harian)',jenis:'reward',poin:1,aksi:'Membuang sampah pada tempatnya tanpa disuruh'},\n {kategori:'Mikro (Harian)',jenis:'reward',poin:1,aksi:'Merapikan meja dan kursi sendiri sebelum pulang'},\n {kategori:'Mikro (Harian)',jenis:'reward',poin:1,aksi:'Membawa perlengkapan belajar dengan lengkap'},\n {kategori:'Makro (Usaha)',jenis:'reward',poin:5,aksi:'Menunjukkan kenaikan nilai dari tugas sebelumnya'},\n {kategori:'Makro (Usaha)',jenis:'reward',poin:5,aksi:'Menjadi tutor sebaya (membantu teman belajar)'},\n {kategori:'Makro (Usaha)',jenis:'reward',poin:5,aksi:'Menjadi kelompok paling kompak saat diskusi'},\n {kategori:'Makro (Usaha)',jenis:'reward',poin:5,aksi:'Jujur (mengaku salah / mengembalikan barang hilang)'},\n {kategori:'Spesial (Hebat)',jenis:'reward',poin:10,aksi:'Juara 1 atau presentasi terbaik dalam proyek kelas'},\n {kategori:'Spesial (Hebat)',jenis:'reward',poin:10,aksi:'Konsisten berkelakuan terpuji selama 1 minggu'},\n {kategori:'Ringan (Harian)',jenis:'hukuman',poin:1,aksi:'Terlambat masuk kelas tanpa keterangan'},\n {kategori:'Ringan (Harian)',jenis:'hukuman',poin:1,aksi:'Tidak membawa perlengkapan belajar'},\n {kategori:'Ringan (Harian)',jenis:'hukuman',poin:1,aksi:'Tidak mengerjakan PR/tugas'},\n {kategori:'Ringan (Harian)',jenis:'hukuman',poin:1,aksi:'Membuat gaduh/mengganggu teman saat belajar'},\n {kategori:'Ringan (Harian)',jenis:'hukuman',poin:1,aksi:'Tidak berseragam/berpenampilan sesuai tata tertib'},\n {kategori:'Sedang (Pelanggaran)',jenis:'hukuman',poin:5,aksi:'Bolos/tidak hadir tanpa keterangan'},\n {kategori:'Sedang (Pelanggaran)',jenis:'hukuman',poin:5,aksi:'Berkata tidak sopan kepada teman/guru'},\n {kategori:'Sedang (Pelanggaran)',jenis:'hukuman',poin:5,aksi:'Tidak mengumpulkan tugas berulang kali'},\n {kategori:'Sedang (Pelanggaran)',jenis:'hukuman',poin:5,aksi:'Merusak fasilitas kelas/sekolah'},\n {kategori:'Berat (Serius)',jenis:'hukuman',poin:10,aksi:'Berkelahi/bertindak kasar terhadap teman'},\n {kategori:'Berat (Serius)',jenis:'hukuman',poin:10,aksi:'Mencontek/berbuat curang saat ujian'},\n];\n\nfunction loadAksiOptsPoin(){\n const sel=document.getElementById('pAksi');\n sel.innerHTML='';\n let kategoriSaatIni='';\n let grp=null;\n POIN_RUBRIK.forEach((item,i)=>{\n if(item.kategori!==kategoriSaatIni){\n kategoriSaatIni=item.kategori;\n grp=document.createElement('optgroup');\n grp.label=kategoriSaatIni;\n sel.appendChild(grp);\n }\n const o=document.createElement('option');\n o.value=String(i);\n o.textContent=item.aksi+' ('+(item.jenis==='reward'?'+':'-')+item.poin+' poin)';\n grp.appendChild(o);\n });\n const custom=document.createElement('option');\n custom.value='custom';\n custom.textContent='Kustom / Lainnya (isi manual)';\n sel.appendChild(custom);\n}\n\n// Teks keterangan rubrik yang sedang dipilih di pAksi, dipakai tombol info\n// (#pAksiInfoBtn) di sebelahnya untuk membuka popup -- karena field\n// Keterangan sudah tidak ditampilkan langsung untuk pilihan dari rubrik.\nlet AKSI_INFO_TEKS='';\ndocument.getElementById('pAksiInfoBtn').addEventListener('click',()=>{\n if(AKSI_INFO_TEKS)appAlert(AKSI_INFO_TEKS);\n});\n\n// Pilih rubrik siap pakai -> Jenis/Poin/Keterangan otomatis terisi (readonly,\n// borang kustom disembunyikan, tombol info ditampilkan). Pilih \"Kustom /\n// Lainnya\" -> borang kustom (#pCustomWrap) ditampilkan supaya guru mengisi\n// Jenis/Poin/Keterangan sendiri (tombol info disembunyikan, tidak relevan).\ndocument.getElementById('pAksi').addEventListener('change',()=>{\n const val=document.getElementById('pAksi').value;\n const wrap=document.getElementById('pCustomWrap');\n const infoBtn=document.getElementById('pAksiInfoBtn');\n const poinInput=document.getElementById('pPoin');\n const ketInput=document.getElementById('pKet');\n const jenisSel=document.getElementById('pJenis');\n if(val===''){\n wrap.classList.add('hidden');\n infoBtn.classList.add('hidden');\n AKSI_INFO_TEKS='';\n return;\n }\n if(val==='custom'){\n poinInput.value='';\n ketInput.value='';\n poinInput.readOnly=false;\n poinInput.classList.remove('bg-slate-50');\n wrap.classList.remove('hidden');\n infoBtn.classList.add('hidden');\n AKSI_INFO_TEKS='';\n poinInput.focus();\n return;\n }\n const item=POIN_RUBRIK[Number(val)];\n jenisSel.value=item.jenis;\n poinInput.value=item.poin;\n poinInput.readOnly=true;\n poinInput.classList.add('bg-slate-50');\n ketInput.value=item.aksi;\n wrap.classList.add('hidden');\n AKSI_INFO_TEKS=item.aksi;\n infoBtn.classList.toggle('hidden',!AKSI_INFO_TEKS);\n});\n\ndocument.getElementById('poinForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const siswaId=Number(document.getElementById('pSiswa').value);\n const aksiVal=document.getElementById('pAksi').value;\n const poin=Number(document.getElementById('pPoin').value);\n if(!siswaId){appAlert('Pilih siswa terlebih dahulu.');return;}\n if(!aksiVal){appAlert('Pilih aksi/perilaku terlebih dahulu.');return;}\n if(!poin||poin<1){appAlert('Jumlah poin harus diisi.');return;}\n const r=await api('/api/poin','POST',{siswa_id:siswaId,jenis:document.getElementById('pJenis').value,poin,tanggal:document.getElementById('pTgl').value,keterangan:document.getElementById('pKet').value});\n if(r.success){\n document.getElementById('poinForm').reset();\n document.getElementById('pCustomWrap').classList.add('hidden');\n document.getElementById('pAksiInfoBtn').classList.add('hidden');\n AKSI_INFO_TEKS='';\n document.getElementById('pTgl').value=today();\n loadPoin();loadPoinScoreboard();\n }else appAlert(r.message);\n});\n\n// Riwayat poin: mengikuti toggle Kelas Aktif global. kelasOverride opsional,\n// dipakai kalau pemanggil (mis. listener event) sudah tahu kelas barunya\n// tanpa perlu baca ulang variabel global.\nasync function loadPoin(kelasOverride){\n const kelasAktif = kelasOverride!==undefined ? kelasOverride : getKelasAktifGlobal();\n const qs = kelasAktif ? ('?kelas='+encodeURIComponent(kelasAktif)) : '';\n const d=await api('/api/poin'+qs);\n const tb=document.getElementById('poinTb');tb.innerHTML='';\n const cards=document.getElementById('poinCards');cards.innerHTML='';\n (d.data||[]).forEach(r=>{\n const tr=document.createElement('tr');tr.className='border-t';\n const badge=r.jenis==='reward'?''+ICON_STAR+' Reward':''+ICON_ALERT_SM+' Hukuman';\n // Keterangan tidak lagi ditampilkan langsung di kolom (bisa panjang) --\n // kalau ada isinya, tampilkan sebagai tombol info yang membuka popup.\n const infoBtn=r.keterangan?'':'-';\n tr.innerHTML=\\`\\${x(r.tanggal)}\\${x(r.nama_siswa)}\\${badge}\\${r.poin}\\${infoBtn}\\`;\n tb.appendChild(tr);\n if(r.keterangan){const btn=tr.querySelector('[data-info]');if(btn)btn.addEventListener('click',()=>appAlert(r.keterangan));}\n\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4';\n card.innerHTML=\\`

\\${x(r.nama_siswa)}

\\${x(r.tanggal)}

\\${badge}\\${infoBtn}

\\${r.poin} Poin

\\`;\n cards.appendChild(card);\n if(r.keterangan){const btn=card.querySelector('[data-info]');if(btn)btn.addEventListener('click',()=>appAlert(r.keterangan));}\n });\n [tb,cards].forEach(root=>{\n root.querySelectorAll('[data-d]').forEach(b=>b.addEventListener('click',async()=>{\n if(!await appConfirm('Hapus catatan poin ini?'))return;\n const r=await api('/api/poin/'+b.dataset.d,'DELETE');\n if(r.success){loadPoin();loadPoinScoreboard();}else appAlert(r.message);\n }));\n });\n}\n\n// Saat toggle Kelas Aktif digeser di topbar, muat ulang dropdown siswa\n// (karena kini mengikuti Kelas Aktif, tanpa filter kelas terpisah) DAN\n// riwayat poin sekaligus -- overlay loading global (core.ts) menunggu\n// keduanya selesai sebelum disembunyikan, supaya perpindahan kelas terasa\n// responsif dan tabel/dropdown selalu sinkron dengan kelas yang aktif.\nregisterKelasReload(()=>Promise.all([loadSiswaOptsPoin(),loadPoin(getKelasAktifGlobal())]));\n`;\n}",[],[249,368,506,542],"15de33b5-773d-4f7c-8e5d-4e115ea5ab9d","nilai.ts","3deb047a-7e9b-11f1-937a-1607ee4eb77e",714,["D",1784765110153],17,"/**\n * views/components/scripts/nilai.ts\n * Logika menu Penilaian: dulu guru memilih 1 siswa per form; sekarang\n * seluruh siswa di kelas aktif ditampilkan sekaligus sebagai daftar (mirip\n * pola Absensi), dikelompokkan lewat toggle Jenis Nilai (Formatif/Sumatif/\n * STS/SAS) dan toggle Mata Pelajaran khusus menu ini. Daftar siswanya sendiri\n * SELALU mengikuti toggle Kelas Aktif MUTLAK di topbar (KELAS_AKTIF), sama\n * seperti menu Absensi & Data Siswa -- tidak ada lagi pemilihan kelas\n * terpisah di dalam menu ini.\n *\n * Alur data:\n * - GET /api/nilai/siswa?mapel&kode_tp&kelas -> daftar SELURUH siswa kelas\n * aktif + nilai formatif/sumatif yang sudah ada (null kalau belum diisi).\n * - GET /api/sts-sas/siswa?mapel&kelas -> versi STS/SAS-nya.\n * - POST /api/nilai/batch {mapel,kode_tp,field,siswa:[{siswa_id,nilai}]}\n * - POST /api/sts-sas/batch {mapel,field,siswa:[{siswa_id,nilai}]}\n * field menentukan kolom yang ditimpa; baris siswa yang dikosongkan\n * dilewati begitu saja di backend (tidak memaksa jadi 0).\n */\nexport function renderNilaiScript(): string {\n return `\n// PENILAIAN\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Penilaian): menjelaskan\n// alur pengisian nilai, menggantikan teks keterangan lama di kotak daftar siswa.\ndocument.getElementById('nInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('nInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('nInfoPop');\n const btn=document.getElementById('nInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n});\n\n// ============================================================================\n// TOGGLE JENIS NILAI (Formatif / Sumatif / STS / SAS)\n// ============================================================================\nconst JENIS_NILAI_OPTS=[['formatif','Formatif'],['sumatif','Sumatif'],['sts','STS'],['sas','SAS']];\nlet JENIS_AKTIF='formatif';\nfunction butuhKodeTp(){return JENIS_AKTIF==='formatif'||JENIS_AKTIF==='sumatif';}\nfunction renderJenisToggle(){\n const el=document.getElementById('nJenisToggle');\n el.innerHTML=JENIS_NILAI_OPTS.map(([k,label])=>{\n const active=k===JENIS_AKTIF;\n return '';\n }).join('');\n el.querySelectorAll('[data-jenis]').forEach(b=>b.addEventListener('click',()=>{\n if(b.dataset.jenis===JENIS_AKTIF)return;\n setJenisAktifNilai(b.dataset.jenis);\n }));\n}\nasync function setJenisAktifNilai(j){\n JENIS_AKTIF=j;\n renderJenisToggle();\n document.getElementById('nKodeTpWrap').classList.toggle('hidden',!butuhKodeTp());\n if(butuhKodeTp())await loadTpOptsNilai();\n await loadRosterNilai();\n}\n\n// ============================================================================\n// TOGGLE MATA PELAJARAN (khusus menu Penilaian ini)\n// ============================================================================\nlet MAPEL_AKTIF_NILAI=null;\nlet MAPEL_DIAMPU_NILAI=[];\nfunction renderMapelToggleNilai(){\n const el=document.getElementById('nMapelToggle');\n if(!MAPEL_DIAMPU_NILAI.length){\n el.innerHTML='Belum ada mapel untuk kelas ini. Tambahkan dulu di menu Kelas Saya.';\n return;\n }\n el.innerHTML=MAPEL_DIAMPU_NILAI.map(m=>{\n const active=m===MAPEL_AKTIF_NILAI;\n return '';\n }).join('');\n el.querySelectorAll('[data-mapel]').forEach(b=>b.addEventListener('click',()=>{\n if(b.dataset.mapel===MAPEL_AKTIF_NILAI)return;\n setMapelAktifNilai(b.dataset.mapel);\n }));\n}\nasync function setMapelAktifNilai(m){\n MAPEL_AKTIF_NILAI=m;\n renderMapelToggleNilai();\n if(butuhKodeTp())await loadTpOptsNilai();\n await Promise.all([loadRosterNilai(),loadNilai()]);\n}\n// Muat ulang daftar mapel yang diampu guru KHUSUS di kelas aktif saat ini\n// (ikut menyaring lewat KELAS_AKTIF, sama seperti daftar siswa di bawahnya).\nasync function loadMapelToggleNilai(){\n const kelasQ=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('?kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=await api('/api/nilai/siswa'+kelasQ);\n MAPEL_DIAMPU_NILAI=d.mapel_diampu||[];\n if(!MAPEL_AKTIF_NILAI||!MAPEL_DIAMPU_NILAI.includes(MAPEL_AKTIF_NILAI)){\n MAPEL_AKTIF_NILAI=MAPEL_DIAMPU_NILAI[0]||null;\n }\n renderMapelToggleNilai();\n}\n\n// Isi pilihan Kode TP (select #nKode) mengikuti Tujuan Pembelajaran yang\n// sudah ditambahkan guru untuk mapel+kelas aktif yang sedang dipilih.\nasync function loadTpOptsNilai(){\n const sel=document.getElementById('nKode');\n const cur=sel.value;\n if(!MAPEL_AKTIF_NILAI||typeof KELAS_AKTIF==='undefined'||!KELAS_AKTIF){\n sel.innerHTML='';\n return;\n }\n const d=await api('/api/tp?mapel='+encodeURIComponent(MAPEL_AKTIF_NILAI)+'&kelas='+encodeURIComponent(KELAS_AKTIF));\n const list=d.data||[];\n sel.innerHTML=list.length\n ?''+list.map(t=>'').join('')\n :'';\n if(cur&&list.some(t=>t.kode===cur))sel.value=cur;\n}\ndocument.getElementById('nKode').addEventListener('change',loadRosterNilai);\n\n// ============================================================================\n// DAFTAR SISWA (roster) untuk input nilai — SELALU mengikuti toggle Kelas\n// Aktif MUTLAK di topbar (KELAS_AKTIF), sama seperti Absensi & Data Siswa.\n// ============================================================================\nlet ROSTER_NILAI=[];\nconst ROSTER_FIELD_BY_JENIS={formatif:'nilai_formatif',sumatif:'nilai_sumatif',sts:'sts',sas:'sas'};\nconst ROSTER_LABEL_BY_JENIS={formatif:'Nilai Formatif',sumatif:'Nilai Sumatif',sts:'Nilai STS',sas:'Nilai SAS'};\n\nasync function loadRosterNilai(){\n const box=document.getElementById('nRosterBox');\n const empty=document.getElementById('nRosterEmpty');\n if(!MAPEL_AKTIF_NILAI){\n box.classList.add('hidden');\n empty.classList.add('hidden');\n return;\n }\n const kodeTp=document.getElementById('nKode').value;\n if(butuhKodeTp()&&!kodeTp){\n box.classList.add('hidden');\n empty.classList.add('hidden');\n return;\n }\n const kelasQ=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('&kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=butuhKodeTp()\n ?await api('/api/nilai/siswa?mapel='+encodeURIComponent(MAPEL_AKTIF_NILAI)+'&kode_tp='+encodeURIComponent(kodeTp)+kelasQ)\n :await api('/api/sts-sas/siswa?mapel='+encodeURIComponent(MAPEL_AKTIF_NILAI)+kelasQ);\n ROSTER_NILAI=d.siswa||[];\n if(ROSTER_NILAI.length===0){\n box.classList.add('hidden');\n empty.textContent='Belum ada siswa aktif di kelas yang Anda ampu.';\n empty.classList.remove('hidden');\n return;\n }\n empty.classList.add('hidden');\n box.classList.remove('hidden');\n renderRosterNilai();\n}\n\nfunction renderRosterNilai(){\n document.getElementById('nRosterColLabel').textContent=ROSTER_LABEL_BY_JENIS[JENIS_AKTIF];\n const field=ROSTER_FIELD_BY_JENIS[JENIS_AKTIF];\n const tb=document.getElementById('nRosterTb');tb.innerHTML='';\n const cards=document.getElementById('nRosterCards');cards.innerHTML='';\n\n ROSTER_NILAI.forEach((r,i)=>{\n const val=r[field];\n const valAttr=(val==null?'':val);\n const tr=document.createElement('tr');tr.className='border-t';\n tr.innerHTML=\\`\\${i+1}\\${x(r.nama)}\\`;\n tb.appendChild(tr);\n\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm px-4 py-3 flex items-center justify-between gap-3';\n card.innerHTML=\\`

\\${x(r.nama)}

\\`;\n cards.appendChild(card);\n\n const tInp=tr.querySelector('.nRosterInput'),cInp=card.querySelector('.nRosterInputCard');\n tInp.addEventListener('input',()=>{cInp.value=tInp.value;});\n cInp.addEventListener('input',()=>{tInp.value=cInp.value;});\n });\n document.getElementById('nRosterCount').textContent=ROSTER_NILAI.length+' siswa di kelas aktif';\n}\n\n// Simpan seluruh nilai yang tampil di daftar sekaligus (batch). Baris yang\n// dibiarkan kosong dilewati di backend, tidak memaksa jadi 0.\nasync function simpanBatchNilai(){\n const inputs=document.querySelectorAll('#nRosterTb .nRosterInput');\n const siswa=[...inputs].map(inp=>({siswa_id:Number(inp.dataset.sid),nilai:inp.value===''?null:inp.value}));\n let r;\n if(butuhKodeTp()){\n const kodeTp=document.getElementById('nKode').value;\n if(!kodeTp){appAlert('Pilih Kode TP terlebih dahulu.');return;}\n r=await api('/api/nilai/batch','POST',{mapel:MAPEL_AKTIF_NILAI,kode_tp:kodeTp,field:JENIS_AKTIF,siswa});\n } else {\n r=await api('/api/sts-sas/batch','POST',{mapel:MAPEL_AKTIF_NILAI,field:JENIS_AKTIF,siswa});\n }\n appAlert(r.message||(r.success?'Tersimpan':'Gagal'));\n if(r.success){\n await loadRosterNilai();\n await loadNilai();\n }\n}\n\n// ============================================================================\n// REKAP NILAI TP (seluruh mapel, kelas aktif) — untuk tinjauan & cetak.\n// ============================================================================\nlet NILAI_CACHE=[];\nasync function loadNilai(){\n const kelasQ=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('&kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const mapelQ=MAPEL_AKTIF_NILAI?('mapel='+encodeURIComponent(MAPEL_AKTIF_NILAI)):'';\n const d=await api('/api/nilai?'+mapelQ+kelasQ);\n NILAI_CACHE=d.data||[];\n const tb=document.getElementById('nilaiTb');tb.innerHTML='';\n const cards=document.getElementById('nilaiCards');cards.innerHTML='';\n NILAI_CACHE.forEach(r=>{\n const belumAda=r.id==null;\n const fmt=v=>v==null?'-':v;\n const statusLabel=belumAda?'Belum Diisi':(r.tuntas?'Tuntas':'Belum');\n const statusCls=belumAda?'bg-slate-100 text-slate-400':(r.tuntas?'bg-emerald-100 text-emerald-700':'bg-red-100 text-red-600');\n const akhirCls=belumAda?'text-slate-400':(r.tuntas?'text-emerald-600':'text-red-500');\n const aksiTd=belumAda?'-':\\`\\`;\n const aksiCard=belumAda?'':\\`

\\`;\n\n const tr=document.createElement('tr');tr.className='border-t'+(belumAda?' text-slate-400':'');tr.innerHTML=\\`\\${x(r.nama_siswa)}\\${x(r.mapel)}\\${x(r.kode_tp)}\\${fmt(r.nilai_formatif)}\\${fmt(r.nilai_sumatif)}\\${fmt(r.nilai_akhir)}\\${fmt(r.kkm)}\\${statusLabel}\\${aksiTd}\\`;tb.appendChild(tr);\n\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4'+(belumAda?' opacity-70':'');\n card.innerHTML=\\`

\\${x(r.nama_siswa)}

\\${x(r.mapel)} • \\${x(r.kode_tp)}

\\${statusLabel}

Formatif

\\${fmt(r.nilai_formatif)}

Sumatif

\\${fmt(r.nilai_sumatif)}

Akhir

\\${fmt(r.nilai_akhir)}

KKM

\\${fmt(r.kkm)}

\\${aksiCard}\\`;\n cards.appendChild(card);\n });\n [tb,cards].forEach(root=>{\n root.querySelectorAll('[data-d]').forEach(b=>b.addEventListener('click',async()=>{\n if(!await appConfirm('Hapus nilai TP ini?'))return;\n const r=await api('/api/nilai/'+b.dataset.d,'DELETE');\n if(r.success){loadNilai();loadRosterNilai();}else appAlert(r.message);\n }));\n });\n}\n\n// CETAK: Daftar Nilai Semester per Mapel (format buku induk: TP1-TP4, STS, SAS, RATA2)\n// Mapel yang dicetak selalu mengikuti toggle Mata Pelajaran yang sedang aktif di atas.\nasync function cetakNilaiPDF(){\n const mapel=MAPEL_AKTIF_NILAI;\n if(!mapel){appAlert('Pilih mata pelajaran dulu lewat toggle Mata Pelajaran di atas sebelum mencetak.');return;}\n const rowsMapel=NILAI_CACHE.filter(r=>r.mapel===mapel);\n if(rowsMapel.length===0){appAlert('Belum ada data nilai TP untuk mapel ini.');return;}\n\n // Urutkan kode TP yang benar-benar ada, lalu ambil maksimal 4 posisi pertama -> dilabeli TP1..TP4\n const tpUnik=Array.from(new Set(rowsMapel.map(r=>r.kode_tp))).sort((a,b)=>a.localeCompare(b,undefined,{numeric:true}));\n const tpDipakai=tpUnik.slice(0,4);\n\n const bySiswa={};\n rowsMapel.forEach(r=>{\n if(!bySiswa[r.nama_siswa])bySiswa[r.nama_siswa]={};\n bySiswa[r.nama_siswa][r.kode_tp]=r.nilai_akhir;\n });\n\n const stsSasResp=await api('/api/sts-sas'+((typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('?kelas='+encodeURIComponent(KELAS_AKTIF)):''));\n const stsSasMap={};\n (stsSasResp.data||[]).filter(r=>r.mapel===mapel).forEach(r=>{stsSasMap[r.nama_siswa]={sts:r.sts,sas:r.sas};});\n\n const namaList=Object.keys(bySiswa).sort();\n const theadTop='NoNamaTujuan PembelajaranSTSSASRata-rataCatatan Guru';\n const theadBot=tpDipakai.map((_,i)=>'TP'+(i+1)+'').join('');\n const rows=namaList.map((nm,i)=>{\n const nilaiTp=tpDipakai.map(t=>bySiswa[nm][t]);\n const cells=nilaiTp.map(v=>''+(v!=null?v:'-')+'').join('');\n const ss=stsSasMap[nm]||{};\n const komponen=[...nilaiTp,ss.sts,ss.sas].filter(v=>v!=null&&v!=='');\n const rata=komponen.length?Math.round((komponen.reduce((a,c)=>a+Number(c),0)/komponen.length)*100)/100:'-';\n return ''+(i+1)+''+x(nm)+''+cells+''+(ss.sts??'-')+''+(ss.sas??'-')+''+rata+'';\n }).join('');\n const body='

DAFTAR NILAI SEMESTER

'+\n '

Mata Pelajaran: '+x(mapel)+'

'+\n ''+theadTop+''+theadBot+''+rows+'

'+\n (tpUnik.length>4?'

Menampilkan 4 Tujuan Pembelajaran pertama dari '+tpUnik.length+' yang tercatat.

':'');\n printWindow('Daftar Nilai Semester',body);\n}\n\n// Dipanggil pertama kali menu Penilaian dibuka (lewat VIEW_LOADERS di core.ts).\nasync function initNilai(){\n renderJenisToggle();\n document.getElementById('nKodeTpWrap').classList.toggle('hidden',!butuhKodeTp());\n await loadMapelToggleNilai();\n if(butuhKodeTp())await loadTpOptsNilai();\n await Promise.all([loadRosterNilai(),loadNilai()]);\n}\n\n// Refresh otomatis saat kelas aktif global (toggle kelas di topbar) berubah:\n// muat ulang toggle mapel (mapel diampu bisa beda per kelas), daftar siswa,\n// dan rekap nilai TP, semuanya mengikuti kelas yang baru dipilih.\nregisterKelasReload(async()=>{\n await loadMapelToggleNilai();\n if(butuhKodeTp())await loadTpOptsNilai();\n await Promise.all([loadRosterNilai(),loadNilai()]);\n});\n`;\n}",[],[249,368,506,551],"370f7f3b-4c7b-4e05-9dcc-d951d65bdbaf","lookup.ts","50b39b08-7e9b-11f1-b157-1607ee4eb77e",664,["D",1784431460080],6,"/**\n * views/components/scripts/lookup.ts\n * Logika menu Student Lookup: pencarian siswa dan render ringkasan kehadiran+nilai.\n */\nexport function renderLookupScript(): string {\n return `\nasync function doLookup(){\n const q=document.getElementById('lkQ').value.trim();\n const kelasQ=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('&kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=await api('/api/siswa/lookup?query='+encodeURIComponent(q)+kelasQ);\n const c=document.getElementById('lkRes');c.innerHTML='';\n if(!d.data?.length){c.innerHTML='

Tidak ada data ditemukan.

';return;}\n d.data.forEach(s=>{\n const nr=(s.nilai||[]).map(n=>\\`\\${x(n.mapel)}\\${x(n.kode_tp)}=75?'text-emerald-600':'text-red-500'}\">\\${n.nilai_akhir}\\`).join('');\n const nrCards=(s.nilai||[]).map(n=>\\`

\\${x(n.mapel)}

\\${x(n.kode_tp)}

=75?'text-emerald-600':'text-red-500'}\">\\${n.nilai_akhir}

\\`).join('');\n const as={};(s.absensi||[]).forEach(a=>{as[a.status]=(as[a.status]||0)+1;});\n const ab=Object.entries(as).map(([k,v])=>\\`\\${k}: \\${v}\\`).join('');\n const div=document.createElement('div');div.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-5 overflow-x-hidden';\n div.innerHTML=\\`

\\${x(s.nama)}

NIS: \\${x(s.nis)} • NISN: \\${x(s.nisn)} • \\${x(s.jk)}

\\${x(s.status)}

Kehadiran (30 terakhir)

\\${ab||'Belum ada data'}

Mapel	Kode TP	Nilai Akhir
Belum ada nilai

\\${nr||''}

\\${nrCards||'

Belum ada nilai

\\`;\n c.appendChild(div);\n });\n}\n// Kalau kelas aktif diganti dari topbar saat menu Lookup terbuka: re-run\n// pencarian yang sedang berjalan (kalau ada isian query) supaya hasil lama\n// dari kelas sebelumnya tidak nyangkut di layar; kalau belum ada query,\n// cukup bersihkan hasil.\nregisterKelasReload(()=>{\n const q=document.getElementById('lkQ');\n if(!q)return;\n if(q.value.trim())return doLookup();\n const c=document.getElementById('lkRes');\n if(c)c.innerHTML='';\n});\n`;\n}",[],[249,368,506,560],"b689ea0e-1c13-48ca-9c01-ae905670728c","layout.ts","26adad76-7e9b-11f1-8111-1607ee4eb77e",658,["D",1784430124894],"/**\n * views/components/scripts/layout.ts\n * Kerangka UI: jam live, kotak pencarian topbar, toggle sidebar, dropdown avatar, navigasi SPA antar-menu, dan logout.\n */\nexport function renderLayoutScript(): string {\n return `\n// JAM & TANGGAL LIVE\nconst HARI=['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];\nconst BULAN=['Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember'];\nfunction tickClock(){\n const d=new Date();\n const tgl=HARI[d.getDay()]+', '+d.getDate()+' '+BULAN[d.getMonth()]+' '+d.getFullYear();\n const jam=d.toLocaleTimeString('id-ID')+' WIB';\n const el=document.getElementById('liveClock');\n if(el)el.innerHTML=''+tgl+''+jam+'';\n}\ntickClock();setInterval(tickClock,1000);\n\n// SEARCH BOX (top bar) -> lompat ke Student Lookup\ndocument.getElementById('topSearch').addEventListener('keydown',(e)=>{\n if(e.key==='Enter'){\n const q=e.target.value.trim();\n go('lookup');\n document.getElementById('lkQ').value=q;\n doLookup();\n }\n});\n\n// TOMBOL IKON CARI -> buka kotak pencarian, menutupi logo + kelasSwitcher\nlet currentView='dashboard';\ndocument.getElementById('topSearchToggle').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('topSearchWrap').classList.remove('hidden');\n document.getElementById('topLogoWrap').classList.add('hidden');\n document.getElementById('topLogoWrap').classList.remove('flex');\n const inp=document.getElementById('topSearch');\n inp.value='';inp.focus();\n});\ndocument.getElementById('topSearch').addEventListener('blur',()=>{\n setTimeout(()=>{\n document.getElementById('topSearchWrap').classList.add('hidden');\n document.getElementById('topLogoWrap').classList.remove('hidden');\n document.getElementById('topLogoWrap').classList.add('flex');\n },150);\n});\n\n// Catatan: tombol/menu \"Ganti Kelas\" lokal (classSwitchBtn/classSwitchMenu)\n// sudah dihapus dari sini. Render & interaksi toggle kelas kini sepenuhnya\n// ditangani oleh renderKelasSwitcher() di core.ts melalui kontainer global\n//

pada topbar.\n\n// SIDEBAR TOGGLE\nconst sidebar=document.getElementById('sidebar');\nconst mainContent=document.getElementById('mainContent');\nlet sbExpanded=false;\nfunction setSidebar(expanded){\n sbExpanded=expanded;\n sidebar.classList.toggle('w-24',!expanded);\n sidebar.classList.toggle('w-64',expanded);\n mainContent.classList.toggle('md:ml-24',!expanded);\n mainContent.classList.toggle('md:ml-64',expanded);\n document.querySelectorAll('.sb-label').forEach(el=>el.classList.toggle('hidden',!expanded));\n document.querySelectorAll('.nb').forEach(b=>{\n b.classList.toggle('w-12',!expanded);\n b.classList.toggle('h-12',!expanded);\n b.classList.toggle('mx-auto',!expanded);\n b.classList.toggle('justify-center',!expanded);\n b.classList.toggle('w-full',expanded);\n b.classList.toggle('px-3',expanded);\n b.classList.toggle('py-2.5',expanded);\n b.classList.toggle('gap-3',expanded);\n b.classList.toggle('text-left',expanded);\n });\n}\nsetSidebar(false);\ndocument.getElementById('sbToggle').addEventListener('click',(e)=>{e.stopPropagation();setSidebar(!sbExpanded);});\ndocument.addEventListener('click',(e)=>{\n if(sbExpanded && !sidebar.contains(e.target)) setSidebar(false);\n});\n\n// MOBILE STICKY BOTTOM NAV: toggle bottom sheet saat tombol toga persegi di-klik\nconst mobileMenuToggle=document.getElementById('mobileMenuToggle');\nconst mobileNavOverlay=document.getElementById('mobileNavOverlay');\nconst mobileNavBackdrop=document.getElementById('mobileNavBackdrop');\nconst mobileNavSheet=document.getElementById('mobileNavSheet');\nlet mobileMenuOpen=false;\nfunction setMobileMenu(open){\n mobileMenuOpen=open;\n if(open){\n mobileNavOverlay.classList.remove('hidden');\n // requestAnimationFrame supaya transisi slide-up dari translate-y-full tetap terpicu\n requestAnimationFrame(()=>{\n requestAnimationFrame(()=>mobileNavSheet.classList.remove('translate-y-full'));\n });\n mobileMenuToggle.classList.add('rotate-45');\n }else{\n mobileNavSheet.classList.add('translate-y-full');\n mobileMenuToggle.classList.remove('rotate-45');\n setTimeout(()=>{ if(!mobileMenuOpen) mobileNavOverlay.classList.add('hidden'); },300);\n }\n}\nmobileMenuToggle.addEventListener('click',(e)=>{e.stopPropagation();setMobileMenu(!mobileMenuOpen);});\nmobileNavBackdrop.addEventListener('click',()=>setMobileMenu(false));\ndocument.querySelectorAll('.nb-mobile').forEach(b=>b.addEventListener('click',()=>{\n go(b.dataset.v);\n setMobileMenu(false);\n document.querySelectorAll('.nb-mobile').forEach(x=>{\n const aktif=x.dataset.v===b.dataset.v;\n x.firstElementChild.classList.toggle('bg-blue-600',aktif);\n x.firstElementChild.classList.toggle('text-white',aktif);\n x.firstElementChild.classList.toggle('bg-blue-50',!aktif);\n x.firstElementChild.classList.toggle('text-blue-600',!aktif);\n });\n}));\n\n// DROPDOWN AVATAR\nconst avatarMenu=document.getElementById('avatarMenu');\ndocument.getElementById('avatarBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n avatarMenu.classList.toggle('hidden');\n});\nfunction closeAvatarMenu(){avatarMenu.classList.add('hidden');}\ndocument.addEventListener('click',(e)=>{\n if(!avatarMenu.classList.contains('hidden') && !avatarMenu.contains(e.target)) closeAvatarMenu();\n});\n\n// NAVIGASI SPA\nlet lastView='dashboard';\ndocument.querySelectorAll('.nb').forEach(b=>b.addEventListener('click',()=>go(b.dataset.v)));\nfunction go(v){\n document.querySelectorAll('.view').forEach(s=>s.classList.add('hidden'));\n document.getElementById('v-'+v).classList.remove('hidden');\n currentView=v;\n document.getElementById('topSearchWrap').classList.add('hidden');\n document.getElementById('topLogoWrap').classList.remove('hidden');\n document.getElementById('topLogoWrap').classList.add('flex');\n // Toggle kelas global (kelasSwitcher dari core.ts) disembunyikan khusus di:\n // - 'struktur' -> Struktur Kelas bersifat eksklusif milik Wali Kelas, tidak relevan dengan kelas aktif global\n // - 'jadwal' -> Jadwal bersifat universal (lintas kelas), tidak difilter oleh kelas aktif\n const kelasSwitcherEl=document.getElementById('kelasSwitcher');\n if(kelasSwitcherEl)kelasSwitcherEl.classList.toggle('hidden', v==='struktur'||v==='jadwal');\n document.querySelectorAll('.nb').forEach(b=>{\n const aktif=b.dataset.v===v;\n b.classList.toggle('bg-white',aktif);\n b.classList.toggle('text-blue-700',aktif);\n b.classList.toggle('shadow-lg',aktif);\n b.classList.toggle('font-semibold',aktif);\n b.classList.toggle('text-white/80',!aktif);\n });\n if(v!=='profil')lastView=v;\n (VIEW_LOADERS[v]||function(){})();\n}\nfunction goBack(){go(lastView);}\n\n// LOGOUT\ndocument.getElementById('btnOut').addEventListener('click',async()=>{\n if(!await appConfirm('Yakin ingin logout?'))return;\n await api('/api/logout','POST');location.href='/';\n});\n\n`;\n}",[],[249,368,506,569],"b395d8d7-b7ac-4ae8-bb05-1493de777a97","kelas-saya.ts","13269786-7f40-11f1-9428-1607ee4eb77e",702,["D",1784677554354],"/**\n * views/components/scripts/kelas-saya.ts\n * Logika menu Kelas Saya: onboarding awal (jika belum jadi Wali Kelas),\n * kartu ringkasan Wali Kelas (minimalis, tanpa badge mapel), Daftar 1\n * (mapel di kelas sendiri + KKM inline-editable + panel Tujuan Pembelajaran\n * yang bisa dibuka-tutup per mapel), dan Daftar 2 (form + daftar mapel di\n * kelas lain/luar homeroom).\n *\n * Skema backend tidak berubah: satu baris guru_kelas = satu penugasan\n * (peran wali_kelas TANPA mapel, atau peran guru_mapel DENGAN mapel).\n * \"Mapel kelas sendiri\" = baris guru_mapel yang kelasnya SAMA dengan\n * kelas homeroom Wali Kelas. \"Mapel luar\" = baris guru_mapel yang\n * kelasnya BEDA dari homeroom (atau semua baris guru_mapel jika guru\n * tsb belum/tidak terdaftar sebagai Wali Kelas sama sekali).\n * KKM tetap disimpan per (user_id, mapel) lewat /api/kkm — jadi nama\n * mapel yang sama di kelas sendiri maupun kelas luar akan berbagi KKM\n * yang sama (limitasi bawaan, sengaja dipertahankan).\n *\n * Tujuan Pembelajaran (TP) ditaruh SATU BARIS dengan KKM di Daftar 1\n * (bukan kartu terpisah): setiap baris mapel punya tombol \"TP\" di sebelah\n * tombol Hapus. Diklik pertama kali -> panel TP (form tambah + daftar TP\n * mapel+kelas itu) baru dimuat dari /api/tp?mapel=...&kelas=... dan\n * disisipkan tepat di bawah baris/kartu tsb. Diklik lagi -> panel\n * ditutup/dilepas dari DOM. Panel selalu mulai tertutup setiap\n * loadKelasSaya() me-render ulang tabel.\n * TP disaring per (user_id, mapel, KELAS) -- beda dengan KKM yang sengaja\n * tetap per mapel saja. Jadi mapel yang sama di kelas berbeda (mis. IPAS\n * kelas 5 dan IPAS kelas 6) punya daftar TP masing-masing, tidak bercampur.\n */\nexport function renderKelasSayaScript(): string {\n return `\n// KELAS SAYA\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Kelas Saya): menggantikan\n// teks keterangan lama yang selalu tampil, pola sama seperti dashInfoBtn/\n// dashInfoPop di dashboard.ts dan poinInfoBtn/poinInfoPop di poin.ts.\ndocument.getElementById('ksInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('ksInfoPop').classList.toggle('hidden');\n});\n// Popover informasi untuk \"Mapel di Kelas Sendiri\" dan \"Mapel di Kelas Lain (Luar)\":\n// pola sama persis dengan ksInfoBtn/ksInfoPop di atas.\ndocument.getElementById('ksSendiriInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('ksSendiriInfoPop').classList.toggle('hidden');\n});\ndocument.getElementById('ksLuarInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('ksLuarInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('ksInfoPop');\n const btn=document.getElementById('ksInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n const popSendiri=document.getElementById('ksSendiriInfoPop');\n const btnSendiri=document.getElementById('ksSendiriInfoBtn');\n if(popSendiri&&!popSendiri.classList.contains('hidden')&&!popSendiri.contains(e.target)&&e.target!==btnSendiri&&!btnSendiri.contains(e.target)){\n popSendiri.classList.add('hidden');\n }\n const popLuar=document.getElementById('ksLuarInfoPop');\n const btnLuar=document.getElementById('ksLuarInfoBtn');\n if(popLuar&&!popLuar.classList.contains('hidden')&&!popLuar.contains(e.target)&&e.target!==btnLuar&&!btnLuar.contains(e.target)){\n popLuar.classList.add('hidden');\n }\n});\n\nlet KELAS_SAYA_CACHE=[];\nlet WALI_ENTRY=null;\nconst KS_ONBOARD_SKIP_KEY='ksOnboardSkipped';\n\n// ============================================================\n// ONBOARDING: \"Anda menjadi wali kelas apa?\"\n// ============================================================\ndocument.getElementById('ksOnboardForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const formEl=e.target;\n const btn=formEl.querySelector('button[type=\"submit\"]');\n const kelas=document.getElementById('ksOnboardKelas').value.trim();\n const errBox=document.getElementById('ksOnboardErr');\n errBox.classList.add('hidden');\n if(!kelas)return;\n btn.disabled=true;\n try{\n const r=await api('/api/kelas-saya','POST',{kelas,peran:'wali_kelas'});\n if(r.success){\n formEl.reset();\n localStorage.removeItem(KS_ONBOARD_SKIP_KEY);\n await loadKelasSaya();\n }else{\n errBox.textContent=r.message||'Gagal menyimpan data Wali Kelas.';\n errBox.classList.remove('hidden');\n }\n }finally{\n btn.disabled=false;\n }\n});\n\n// Lewati onboarding -> masuk sebagai Guru Mapel biasa (diingat lewat localStorage\n// supaya tidak terus muncul tiap buka menu ini, sampai guru benar-benar daftar jadi Wali Kelas)\ndocument.getElementById('ksOnboardSkip').addEventListener('click',()=>{\n localStorage.setItem(KS_ONBOARD_SKIP_KEY,'1');\n document.getElementById('ksOnboardBox').classList.add('hidden');\n document.getElementById('ksMainBox').classList.remove('hidden');\n});\n\n// ============================================================\n// KARTU BIRU: hapus penugasan Wali Kelas\n// ============================================================\ndocument.getElementById('ksBtnHapusWali').addEventListener('click',async()=>{\n if(!WALI_ENTRY)return;\n if(!await appConfirm('Hapus penugasan Wali Kelas ini? Anda bisa mendaftar ulang sebagai Wali Kelas di kelas lain setelahnya. Mapel yang sudah didaftarkan di kelas sendiri tidak otomatis terhapus, tapi akan pindah tampil ke daftar Mapel Luar.'))return;\n const r=await api('/api/kelas-saya/'+WALI_ENTRY.id,'DELETE');\n if(r.success)loadKelasSaya();else appAlert(r.message);\n});\n\n// ============================================================\n// DAFTAR 1: MAPEL KELAS SENDIRI (form tambah + KKM inline-editable)\n// ============================================================\ndocument.getElementById('ksSendiriForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n if(!WALI_ENTRY){\n appAlert('Anda belum terdaftar sebagai Wali Kelas. Isi dulu form \"Anda menjadi wali kelas apa?\" untuk mengelola mapel kelas sendiri.');\n return;\n }\n const formEl=e.target;\n const btn=formEl.querySelector('button[type=\"submit\"]');\n const mapel=document.getElementById('ksSendiriMapel').value.trim();\n const kkmInput=document.getElementById('ksSendiriKkm').value;\n const kkm=kkmInput===''?75:Math.max(0,Math.min(100,Number(kkmInput)));\n if(!mapel)return;\n btn.disabled=true;\n try{\n const r=await api('/api/kelas-saya','POST',{kelas:WALI_ENTRY.kelas,peran:'guru_mapel',mapel});\n if(!r.success){\n appAlert(r.message||'Gagal menambah mapel di kelas sendiri.');\n return;\n }\n await api('/api/kkm','POST',{mapel,kkm});\n formEl.reset();\n document.getElementById('ksSendiriKkm').value='75';\n await loadKelasSaya();\n }finally{\n btn.disabled=false;\n }\n});\n\n// ============================================================\n// PANEL TUJUAN PEMBELAJARAN (TP) — dibuka/ditutup per baris mapel, letaknya\n// nempel di sebelah KKM (bukan kartu terpisah). container bisa berupa \n// (dipakai di tabel desktop) atau

(dipakai di kartu mobile); isinya\n// selalu sama: form tambah TP + daftar TP mapel tsb, keduanya dimuat ulang\n// dari /api/tp setiap kali tambah/hapus supaya selalu sinkron.\n// ============================================================\nasync function ksRenderTpPanel(container,mapel,kelas){\n container.innerHTML='

Memuat Tujuan Pembelajaran...

';\n const d=await api('/api/tp?mapel='+encodeURIComponent(mapel)+'&kelas='+encodeURIComponent(kelas));\n const list=d.data||[];\n const listHtml=list.length\n ?list.map(t=>\\`

\\${x(t.kode)}

\\${t.deskripsi?'

'+x(t.deskripsi)+'

':''}

\\`).join('')\n :'

Belum ada Tujuan Pembelajaran untuk mapel ini di kelas '+x(kelas)+'.

';\n container.innerHTML=\\`\n

\n \n

\\${listHtml}

\n \\`;\n container.querySelector('.ks-tp-form').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const formEl=e.target;\n const btn=formEl.querySelector('button[type=\"submit\"]');\n const kodeInput=formEl.querySelector('.ks-tp-kode');\n const deskInput=formEl.querySelector('.ks-tp-deskripsi');\n const kode=kodeInput.value.trim();\n const deskripsi=deskInput.value.trim();\n if(!kode)return;\n btn.disabled=true;\n try{\n const r=await api('/api/tp','POST',{mapel,kelas,kode,deskripsi});\n if(r.success){\n await ksRenderTpPanel(container,mapel,kelas);\n }else{\n appAlert(r.message||'Gagal menambah Tujuan Pembelajaran.');\n }\n }finally{\n btn.disabled=false;\n }\n });\n container.querySelectorAll('[data-tp-del]').forEach(b=>b.addEventListener('click',async()=>{\n if(!await appConfirm('Hapus Tujuan Pembelajaran ini? Nilai dan jurnal yang sudah memakai kode ini tidak ikut terhapus.'))return;\n const r=await api('/api/tp/'+b.dataset.tpDel,'DELETE');\n if(r.success)await ksRenderTpPanel(container,mapel,kelas);else appAlert(r.message);\n }));\n}\n\n// Pasang tombol toggle \"TP\" pada satu baris tabel (tr) mapel kelas sendiri:\n// klik pertama -> sisipkan panel tepat di bawahnya (colspan mengikuti\n// jumlah kolom tabel). Klik lagi -> lepas panel dari DOM.\nfunction ksBindTpToggleDesktop(tr,mapel,colspan,kelas){\n const btn=tr.querySelector('[data-tp-toggle]');\n let open=false;\n let panelRow=null;\n btn.addEventListener('click',async()=>{\n if(open){\n panelRow&&panelRow.remove();\n panelRow=null;\n open=false;\n btn.textContent='TP';\n return;\n }\n open=true;\n btn.textContent='Tutup TP';\n panelRow=document.createElement('tr');\n panelRow.className='bg-slate-50/70';\n panelRow.innerHTML='';\n tr.after(panelRow);\n await ksRenderTpPanel(panelRow.querySelector('td'),mapel,kelas);\n });\n}\n\n// Sama seperti di atas, tapi untuk kartu (mobile): panel disisipkan sebagai\n// div di dalam kartu itu sendiri (bukan elemen terpisah), jadi cukup toggle hidden.\nfunction ksBindTpToggleMobile(card,mapel,kelas){\n const btn=card.querySelector('[data-tp-toggle]');\n const panel=card.querySelector('.ks-tp-panel-mobile');\n let open=false;\n btn.addEventListener('click',async()=>{\n if(open){\n panel.classList.add('hidden');\n panel.innerHTML='';\n open=false;\n btn.textContent='TP';\n return;\n }\n open=true;\n btn.textContent='Tutup TP';\n panel.classList.remove('hidden');\n await ksRenderTpPanel(panel,mapel,kelas);\n });\n}\n\n// ============================================================\n// DAFTAR 2: FORM + DAFTAR MAPEL LUAR (kelas di luar homeroom)\n// ============================================================\ndocument.getElementById('ksLuarForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const formEl=e.target;\n const btn=formEl.querySelector('button[type=\"submit\"]');\n const kelas=document.getElementById('ksLuarKelas').value.trim();\n const mapel=document.getElementById('ksLuarMapel').value.trim();\n if(!kelas||!mapel)return;\n btn.disabled=true;\n try{\n const r=await api('/api/kelas-saya','POST',{kelas,peran:'guru_mapel',mapel});\n if(r.success){\n formEl.reset();\n await loadKelasSaya();\n appAlert(r.message||'Kelas berhasil ditambahkan.');\n }else{\n appAlert(r.message||'Gagal menambah kelas.');\n }\n }finally{\n btn.disabled=false;\n }\n});\n\n// ============================================================\n// RENDER\n// ============================================================\n\n// Ambil peta {mapel: kkm} terbaru + segarkan cache MAPEL_DIAMPU global (dipakai select di Nilai/Jadwal)\nasync function ksLoadKkmMap(){\n const d=await api('/api/kkm');\n const rows=d.data||[];\n setMapelDiampuFromKkm(rows);\n const map={};\n rows.forEach(r=>{map[r.mapel]=r.kkm;});\n return map;\n}\n\n// Pasang listener hapus + input KKM inline pada satu pasangan tabel/kartu\nfunction ksBindListRoot(root,onHapus,onKkmChange){\n root.querySelectorAll('[data-d]').forEach(b=>b.addEventListener('click',async()=>{\n if(!await appConfirm(onHapus.confirmMsg))return;\n const r=await api('/api/kelas-saya/'+b.dataset.d,'DELETE');\n if(r.success)loadKelasSaya();else appAlert(r.message);\n }));\n if(onKkmChange){\n root.querySelectorAll('.ks-kkm-inline').forEach(inp=>{\n inp.addEventListener('change',async()=>{\n const mapel=inp.dataset.mapel;\n const kkm=Math.max(0,Math.min(100,Number(inp.value)||0));\n inp.value=kkm;\n inp.disabled=true;\n const r=await api('/api/kkm','POST',{mapel,kkm});\n inp.disabled=false;\n if(!r.success)appAlert(r.message||'Gagal menyimpan KKM.');\n });\n });\n }\n}\n\nasync function loadKelasSaya(){\n const d=await api('/api/kelas-saya');\n KELAS_SAYA_CACHE=d.data||[];\n WALI_ENTRY=KELAS_SAYA_CACHE.find(r=>r.peran==='wali_kelas')||null;\n\n const onboardBox=document.getElementById('ksOnboardBox');\n const mainBox=document.getElementById('ksMainBox');\n const sudahSkip=localStorage.getItem(KS_ONBOARD_SKIP_KEY)==='1';\n\n // ONBOARDING tampil hanya jika belum ada data Wali Kelas SAMA SEKALI dan belum pernah dilewati\n if(!WALI_ENTRY && !sudahSkip){\n onboardBox.classList.remove('hidden');\n mainBox.classList.add('hidden');\n return;\n }\n onboardBox.classList.add('hidden');\n mainBox.classList.remove('hidden');\n\n // KARTU BIRU MINIMALIS (tanpa badge mapel)\n const waliCard=document.getElementById('ksWaliCard');\n if(WALI_ENTRY){\n document.getElementById('ksWaliNama').textContent=WALI_ENTRY.kelas;\n waliCard.classList.remove('hidden');\n }else{\n waliCard.classList.add('hidden');\n }\n\n const kkmMap=await ksLoadKkmMap();\n\n // ---------- DAFTAR 1: MAPEL KELAS SENDIRI (KKM + panel TP di baris yang sama) ----------\n const sendiriForm=document.getElementById('ksSendiriForm');\n sendiriForm.classList.toggle('hidden',!WALI_ENTRY);\n\n const sendiriEntries=WALI_ENTRY\n ?KELAS_SAYA_CACHE.filter(r=>r.peran==='guru_mapel'&&r.kelas===WALI_ENTRY.kelas)\n :[];\n\n const tbS=document.getElementById('ksSendiriTb');tbS.innerHTML='';\n const cardsS=document.getElementById('ksSendiriCards');cardsS.innerHTML='';\n\n if(!WALI_ENTRY){\n tbS.innerHTML='Daftar dulu sebagai Wali Kelas untuk mengelola mapel di kelas sendiri.';\n cardsS.innerHTML='

Daftar dulu sebagai Wali Kelas untuk mengelola mapel di kelas sendiri.

';\n }else if(sendiriEntries.length===0){\n tbS.innerHTML='Belum ada mapel di kelas sendiri.';\n cardsS.innerHTML='

Belum ada mapel di kelas sendiri.

';\n }else{\n sendiriEntries.forEach(r=>{\n const kkmVal=kkmMap[r.mapel]??75;\n\n // BARIS TABEL (desktop, md ke atas): kolom Aksi berisi tombol TP (toggle panel) + Hapus\n const tr=document.createElement('tr');tr.className='border-t';\n tr.innerHTML=\\`\\${x(r.mapel)||'-'}

\\`;\n tbS.appendChild(tr);\n ksBindTpToggleDesktop(tr,r.mapel,3,WALI_ENTRY.kelas);\n\n // KARTU (mobile, di bawah md): tombol TP di header kartu, panel TP tersembunyi di bawahnya sampai dibuka\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4';\n card.innerHTML=\\`

\\${x(r.mapel)||'-'}

KKM

\\`;\n cardsS.appendChild(card);\n ksBindTpToggleMobile(card,r.mapel,WALI_ENTRY.kelas);\n });\n }\n\n [tbS,cardsS].forEach(root=>ksBindListRoot(\n root,\n {confirmMsg:'Hapus mapel ini dari kelas sendiri?'},\n true\n ));\n\n // ---------- DAFTAR 2: MAPEL LUAR ----------\n const luarEntries=KELAS_SAYA_CACHE.filter(r=>\n r.peran==='guru_mapel' && (!WALI_ENTRY || r.kelas!==WALI_ENTRY.kelas)\n );\n\n const tbL=document.getElementById('ksLuarTb');tbL.innerHTML='';\n const cardsL=document.getElementById('ksLuarCards');cardsL.innerHTML='';\n\n if(luarEntries.length===0){\n tbL.innerHTML='Belum ada mapel luar yang ditambahkan.';\n cardsL.innerHTML='

Belum ada mapel luar yang ditambahkan.

';\n }else{\n luarEntries.forEach(r=>{\n // BARIS TABEL (desktop, md ke atas): kolom Aksi berisi tombol TP (toggle panel) + Hapus.\n // TP sekarang per (guru, mapel, KELAS) -- jadi IPAS kelas 5 dan IPAS\n // kelas 6 punya daftar TP masing-masing, tidak lagi bercampur.\n const tr=document.createElement('tr');tr.className='border-t';\n tr.innerHTML=\\`\\${x(r.kelas)}\\${x(r.mapel)||'-'}

\\`;\n tbL.appendChild(tr);\n ksBindTpToggleDesktop(tr,r.mapel,3,r.kelas);\n\n // KARTU (mobile, di bawah md): tombol TP di header kartu, panel TP tersembunyi di bawahnya sampai dibuka\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4';\n card.innerHTML=\\`

\\${x(r.kelas)}

\\${r.mapel?'

'+x(r.mapel)+'

':''}

\\`;\n cardsL.appendChild(card);\n ksBindTpToggleMobile(card,r.mapel,r.kelas);\n });\n }\n\n [tbL,cardsL].forEach(root=>ksBindListRoot(\n root,\n {confirmMsg:'Hapus kelas ini dari daftar Anda?'},\n false\n ));\n}\n`;\n}",[],[249,368,506,577],"71a839fb-9b81-4bee-8e36-89f2034e0f8a","jurnal.ts","4cde9bea-7e9b-11f1-80b6-1607ee4eb77e",703,["D",1784677575722],14,"/**\n * views/components/scripts/jurnal.ts\n * Logika menu Jurnal Guru: pilihan jadwal mengajar, form catatan jurnal, dan render daftar jurnal.\n *\n * Kelas aktif global: /api/jurnal mengembalikan seluruh entri jurnal milik\n * guru (lintas kelas), jadi penyaringan ke kelas aktif (KELAS_AKTIF, toggle\n * topbar) dilakukan di client setelah fetch — JURNAL_CACHE hanya berisi\n * entri dengan r.kelas===KELAS_AKTIF. loadJurnal() dipanggil ulang setiap\n * kali event kelasAktifBerubah terjadi supaya daftar & cetak jurnal selalu\n * mengikuti kelas yang sedang dipilih guru.\n */\nexport function renderJurnalScript(): string {\n return `\n// JURNAL MENGAJAR\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Jurnal Mengajar):\n// pola sama seperti ksInfoBtn/ksInfoPop di kelas-saya.ts.\ndocument.getElementById('jInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('jInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('jInfoPop');\n const btn=document.getElementById('jInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n});\n\nconst HARI_ID=['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];\nlet JADWAL_OPSI_JURNAL=[];\nlet TP_OPSI_JURNAL=[];\nlet TP_TERPILIH_JURNAL=[];\n\n// Susun ulang opsi dropdown Jadwal: kalau tanggal sudah dipilih, filter hanya\n// jadwal yang harinya cocok dengan tanggal tsb (mis. tanggal hari Senin ->\n// hanya tampilkan jadwal hari Senin), lalu urutkan sesuai jam mulai. Kalau\n// tanggal belum dipilih, tampilkan semua jadwal seperti biasa.\nfunction renderJadwalOptionsJurnal(){\n const hidden=document.getElementById('jJadwal');\n const cur=hidden.value;\n const tglVal=document.getElementById('jTgl').value;\n const hariTerpilih=tglVal?HARI_ID[new Date(tglVal+'T00:00:00').getDay()]:null;\n const daftar=(hariTerpilih?JADWAL_CACHE.filter(j=>j.hari===hariTerpilih):JADWAL_CACHE.slice())\n .sort((a,b)=>parseJamStart(a.jam)-parseJamStart(b.jam));\n JADWAL_OPSI_JURNAL=daftar;\n const placeholder=!hariTerpilih\n ?'-- Pilih Jadwal Mengajar (Hari • Jam • Mapel • Kelas) --'\n :(daftar.length?'-- Pilih Jadwal Mengajar (Hari '+hariTerpilih+') --':'-- Tidak ada jadwal untuk hari '+hariTerpilih+' --');\n const stillValid=cur && daftar.some(j=>String(j.id)===String(cur));\n if(!stillValid){\n hidden.value='';\n loadTpOptionsJurnal(null);\n }\n renderJadwalMenuJurnal(placeholder);\n updateJadwalLabelJurnal(placeholder);\n}\nfunction jadwalOptionLabel(j,pakaiHari){\n return (pakaiHari?x(j.hari)+' • ':'')+x(j.jam)+' • '+x(j.mapel)+' • '+x(j.kelas);\n}\nfunction jadwalOptionLabelPlain(j,pakaiHari){\n return (pakaiHari?j.hari+' • ':'')+j.jam+' • '+j.mapel+' • '+j.kelas;\n}\nfunction updateJadwalLabelJurnal(placeholder){\n const hidden=document.getElementById('jJadwal');\n const label=document.getElementById('jJadwalLabel');\n const dipilih=JADWAL_OPSI_JURNAL.find(j=>String(j.id)===String(hidden.value));\n const tglVal=document.getElementById('jTgl').value;\n const hariTerpilih=tglVal?HARI_ID[new Date(tglVal+'T00:00:00').getDay()]:null;\n if(dipilih){\n label.textContent=jadwalOptionLabelPlain(dipilih,!hariTerpilih);\n label.className='truncate text-slate-700';\n }else{\n label.textContent=placeholder;\n label.className='truncate text-slate-400';\n }\n}\nfunction renderJadwalMenuJurnal(placeholder){\n const hidden=document.getElementById('jJadwal');\n const menu=document.getElementById('jJadwalMenu');\n const tglVal=document.getElementById('jTgl').value;\n const hariTerpilih=tglVal?HARI_ID[new Date(tglVal+'T00:00:00').getDay()]:null;\n if(JADWAL_OPSI_JURNAL.length===0){\n menu.innerHTML='

'+x(placeholder.replace(/^-- /,'').replace(/ --$/,''))+'

';\n return;\n }\n menu.innerHTML=JADWAL_OPSI_JURNAL.map(j=>{\n const aktif=String(j.id)===String(hidden.value);\n return '';\n }).join('');\n menu.querySelectorAll('[data-id]').forEach(btn=>{\n btn.addEventListener('click',()=>{\n hidden.value=btn.getAttribute('data-id');\n renderJadwalMenuJurnal(placeholder);\n updateJadwalLabelJurnal(placeholder);\n closeJadwalMenuJurnal();\n const jadwalTerpilih=JADWAL_OPSI_JURNAL.find(j=>String(j.id)===hidden.value);\n loadTpOptionsJurnal(jadwalTerpilih?jadwalTerpilih.mapel:null,jadwalTerpilih?jadwalTerpilih.kelas:null);\n });\n });\n}\nfunction openJadwalMenuJurnal(){\n document.getElementById('jJadwalMenu').classList.remove('hidden');\n document.getElementById('jJadwalBtn').querySelector('[data-lucide=\"chevron-down\"]').classList.add('rotate-180');\n}\nfunction closeJadwalMenuJurnal(){\n document.getElementById('jJadwalMenu').classList.add('hidden');\n document.getElementById('jJadwalBtn').querySelector('[data-lucide=\"chevron-down\"]').classList.remove('rotate-180');\n}\ndocument.getElementById('jJadwalBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n const menu=document.getElementById('jJadwalMenu');\n menu.classList.contains('hidden')?openJadwalMenuJurnal():closeJadwalMenuJurnal();\n});\ndocument.addEventListener('click',(e)=>{\n const box=document.getElementById('jJadwalBox');\n if(box && !box.contains(e.target))closeJadwalMenuJurnal();\n});\nasync function loadJadwalOptionsJurnal(){\n const d=await api('/api/jadwal');\n JADWAL_CACHE=d.data||[];\n renderJadwalOptionsJurnal();\n}\ndocument.getElementById('jTgl').addEventListener('change',renderJadwalOptionsJurnal);\n\n// ============================================================\n// TUJUAN PEMBELAJARAN (TP): dropdown checklist (multi-pilih) yang mengikuti\n// daftar TP milik mapel+KELAS dari jadwal yang sedang dipilih (TP disaring\n// per kelas juga, bukan cuma mapel -- supaya mapel yang sama di kelas\n// berbeda, mis. IPAS kelas 5 dan IPAS kelas 6, tidak bercampur TP-nya).\n// Sumber datanya sama dengan yang diatur guru di menu Kelas Saya\n// (GET /api/tp?mapel=...&kelas=...).\n// ============================================================\nasync function loadTpOptionsJurnal(mapel,kelas){\n TP_TERPILIH_JURNAL=[];\n document.getElementById('jTp').value='';\n if(!mapel||!kelas){\n TP_OPSI_JURNAL=[];\n renderTpMenuJurnal();\n updateTpLabelJurnal();\n return;\n }\n const d=await api('/api/tp?mapel='+encodeURIComponent(mapel)+'&kelas='+encodeURIComponent(kelas));\n TP_OPSI_JURNAL=d.data||[];\n renderTpMenuJurnal();\n updateTpLabelJurnal();\n}\nfunction renderTpMenuJurnal(){\n const menu=document.getElementById('jTpMenu');\n if(TP_OPSI_JURNAL.length===0){\n menu.innerHTML='

Belum ada Tujuan Pembelajaran untuk mapel ini. Tambahkan dulu di menu Kelas Saya.

';\n return;\n }\n menu.innerHTML=TP_OPSI_JURNAL.map(t=>{\n const aktif=TP_TERPILIH_JURNAL.includes(t.kode);\n return ''+\n ''+\n ''+x(t.kode)+(t.deskripsi?' — '+x(t.deskripsi):'')+''+\n '';\n }).join('');\n menu.querySelectorAll('input[type=\"checkbox\"]').forEach(cb=>{\n cb.addEventListener('change',()=>{\n const kode=cb.dataset.kode;\n if(cb.checked){if(!TP_TERPILIH_JURNAL.includes(kode))TP_TERPILIH_JURNAL.push(kode);}\n else TP_TERPILIH_JURNAL=TP_TERPILIH_JURNAL.filter(k=>k!==kode);\n document.getElementById('jTp').value=TP_TERPILIH_JURNAL.join(', ');\n renderTpMenuJurnal();\n updateTpLabelJurnal();\n });\n });\n}\nfunction updateTpLabelJurnal(){\n const label=document.getElementById('jTpLabel');\n if(TP_TERPILIH_JURNAL.length){\n label.textContent=TP_TERPILIH_JURNAL.join(', ');\n label.className='truncate text-slate-700';\n }else{\n label.textContent=TP_OPSI_JURNAL.length?'-- Pilih Tujuan Pembelajaran --':'-- Pilih Jadwal dulu untuk memilih Tujuan Pembelajaran --';\n label.className='truncate text-slate-400';\n }\n}\ndocument.getElementById('jTpBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n const menu=document.getElementById('jTpMenu');\n menu.classList.contains('hidden')?openTpMenuJurnal():closeTpMenuJurnal();\n});\nfunction openTpMenuJurnal(){\n document.getElementById('jTpMenu').classList.remove('hidden');\n document.getElementById('jTpBtn').querySelector('[data-lucide=\"chevron-down\"]').classList.add('rotate-180');\n}\nfunction closeTpMenuJurnal(){\n document.getElementById('jTpMenu').classList.add('hidden');\n document.getElementById('jTpBtn').querySelector('[data-lucide=\"chevron-down\"]').classList.remove('rotate-180');\n}\ndocument.addEventListener('click',(e)=>{\n const box=document.getElementById('jTpBox');\n if(box && !box.contains(e.target))closeTpMenuJurnal();\n});\n\ndocument.getElementById('jForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const jadwal=JADWAL_CACHE.find(j=>String(j.id)===String(document.getElementById('jJadwal').value));\n if(!jadwal){appAlert('Pilih jadwal mengajar terlebih dahulu. Belum ada? Tambahkan dulu di menu Jadwal Mengajar.');return;}\n const materiTp=TP_TERPILIH_JURNAL.map(kode=>{\n const t=TP_OPSI_JURNAL.find(o=>o.kode===kode);\n return t&&t.deskripsi?(kode+' — '+t.deskripsi):kode;\n }).join('; ');\n const r=await api('/api/jurnal','POST',{tanggal:document.getElementById('jTgl').value,jam_ke:jadwal.jam,mapel:jadwal.mapel,kelas:jadwal.kelas,materi_tp:materiTp,catatan_kelas:document.getElementById('jCatatan').value,hambatan_solusi:document.getElementById('jHambatan').value});\n if(r.success){\n document.getElementById('jForm').reset();\n TP_TERPILIH_JURNAL=[];\n document.getElementById('jTp').value='';\n renderTpMenuJurnal();\n updateTpLabelJurnal();\n loadJurnal();\n }else appAlert(r.message);\n});\nlet JURNAL_CACHE=[];\n// Muat seluruh jurnal milik guru, lalu saring ke kelas aktif global\n// (KELAS_AKTIF, toggle topbar) sebelum dirender. Kalau belum ada kelas\n// aktif (KELAS_AKTIF null), tampilkan semua seperti sebelumnya.\nasync function loadJurnal(){\n await loadKelasAmpuCache();\n const d=await api('/api/jurnal');\n const semua=d.data||[];\n JURNAL_CACHE=KELAS_AKTIF?semua.filter(r=>r.kelas===KELAS_AKTIF):semua;\n const c=document.getElementById('jurnalPrintArea');c.innerHTML='';\n JURNAL_CACHE.forEach(r=>{\n const div=document.createElement('div');\n div.className='bg-white rounded-xl shadow p-4 mb-3';\n renderJurnalEntry(div,r);\n c.appendChild(div);\n });\n}\nfunction renderJurnalEntry(div,r){\n div.className='bg-white rounded-xl shadow p-4 mb-3';\n div.innerHTML=\\`

\\${x(r.mapel)} — \\${x(r.kelas)}

\\${x(r.tanggal)}\\${r.jam_ke?' • Jam ke-'+x(r.jam_ke):''}

\\${r.materi_tp?'

Materi/TP: '+x(r.materi_tp)+'

':''}\\${r.catatan_kelas?'

Catatan: '+x(r.catatan_kelas)+'

':''}\\${r.hambatan_solusi?'

Hambatan: '+x(r.hambatan_solusi)+'

':''}\\`;\n div.querySelector('[data-edit]').addEventListener('click',()=>editJurnalEntry(div,r));\n div.querySelector('[data-del]').addEventListener('click',async()=>{\n if(!await appConfirm('Hapus jurnal '+r.tanggal+' • '+r.mapel+' • '+r.kelas+'?'))return;\n const res=await api('/api/jurnal/'+r.id,'DELETE');\n if(res.success){JURNAL_CACHE=JURNAL_CACHE.filter(j=>j.id!==r.id);div.remove();}else appAlert(res.message);\n });\n}\n// Ubah kartu jurnal jadi form edit inline, dipakai saat guru salah input\n// (tanggal, jam, mapel, kelas, materi/catatan/hambatan bisa diperbaiki).\nasync function editJurnalEntry(div,r){\n const daftarMapel=MAPEL_DIAMPU.length?MAPEL_DIAMPU:[r.mapel];\n const mapelOpts=daftarMapel.map(m=>'').join('');\n // Kode TP yang sudah tersimpan di baris ini disimpan dalam format \"KODE — deskripsi; KODE — deskripsi\",\n // jadi ambil bagian KODE saja (sebelum \" — \") untuk dicocokkan dengan daftar TP terbaru.\n const tpTerpilihLama=String(r.materi_tp||'').split(';').map(s=>s.trim().split(' — ')[0].trim()).filter(Boolean);\n async function buildTpOptions(mapel,kelas){\n if(!kelas){return {list:[],html:''};}\n const resp=await api('/api/tp?mapel='+encodeURIComponent(mapel)+'&kelas='+encodeURIComponent(kelas));\n const list=resp.data||[];\n return {list,html:list.length\n ?list.map(t=>'').join('')\n :''};\n }\n let tpState=await buildTpOptions(r.mapel,r.kelas);\n div.className='bg-blue-50/40 rounded-xl shadow p-4 mb-3';\n div.innerHTML=\\`

\n \n \n \n \n

\n Tujuan Pembelajaran (tahan Ctrl/Cmd untuk pilih lebih dari satu)\n \n

\n \n \n

\\`;\n // Kalau guru mengganti mapel ATAU kelas saat edit, muat ulang pilihan TP sesuai kombinasi baru.\n div.querySelector('[data-f=\"mapel\"]').addEventListener('change',async(e)=>{\n tpState=await buildTpOptions(e.target.value,div.querySelector('[data-f=\"kelas\"]').value.trim());\n div.querySelector('[data-f=\"materi_tp\"]').innerHTML=tpState.html;\n });\n div.querySelector('[data-f=\"kelas\"]').addEventListener('change',async(e)=>{\n tpState=await buildTpOptions(div.querySelector('[data-f=\"mapel\"]').value,e.target.value.trim());\n div.querySelector('[data-f=\"materi_tp\"]').innerHTML=tpState.html;\n });\n div.querySelector('[data-cancel]').addEventListener('click',()=>renderJurnalEntry(div,r));\n div.querySelector('[data-save]').addEventListener('click',async()=>{\n const tpSel=[...div.querySelector('[data-f=\"materi_tp\"]').selectedOptions].map(o=>o.value).filter(Boolean);\n const materiTp=tpSel.map(kode=>{\n const t=tpState.list.find(o=>o.kode===kode);\n return t&&t.deskripsi?(kode+' — '+t.deskripsi):kode;\n }).join('; ');\n const payload={\n tanggal:div.querySelector('[data-f=\"tanggal\"]').value,\n jam_ke:div.querySelector('[data-f=\"jam_ke\"]').value.trim(),\n mapel:div.querySelector('[data-f=\"mapel\"]').value,\n kelas:div.querySelector('[data-f=\"kelas\"]').value.trim(),\n materi_tp:materiTp,\n catatan_kelas:div.querySelector('[data-f=\"catatan_kelas\"]').value,\n hambatan_solusi:div.querySelector('[data-f=\"hambatan_solusi\"]').value,\n };\n if(!payload.tanggal||!payload.mapel||!payload.kelas){appAlert('Tanggal, mapel, dan kelas wajib diisi.');return;}\n const res=await api('/api/jurnal/'+r.id,'PUT',payload);\n if(res.success){Object.assign(r,payload);renderJurnalEntry(div,r);}else appAlert(res.message);\n });\n}\n// CETAK: Jurnal Guru Mengajar\nfunction cetakJurnalPDF(){\n if(JURNAL_CACHE.length===0){appAlert('Belum ada data jurnal untuk dicetak.');return;}\n const guru=(document.getElementById('topAvatarName')||{}).textContent||'';\n const rows=JURNAL_CACHE.slice().reverse().map((r,i)=>{\n const hari=HARI_ID[new Date(r.tanggal+'T00:00:00').getDay()];\n return ''+(i+1)+''+hari+'
'+x(r.tanggal)+''+x(r.jam_ke)+''+\n ''+x(r.mapel)+' - '+x(r.kelas)+(r.materi_tp?'
'+x(r.materi_tp):'')+''+\n ''+x(r.catatan_kelas)+''+x(r.hambatan_solusi)+'';\n }).join('');\n const body='

JURNAL GURU MENGAJAR

'+\n '

Guru: '+x(guru)+'

'+\n ''+rows+'

No	Hari/Tanggal	Jam Ke	Pert. Ke	Kompetensi Dasar/Materi Pembelajaran	Peserta Didik Tidak Hadir	Catatan Kelas	Hambatan & Solusi

';\n printWindow('Jurnal Guru Mengajar',body);\n}\n\n// Refresh otomatis (fetch ulang + saring ulang) saat kelas aktif global\n// (toggle kelas di topbar) berubah.\nregisterKelasReload(loadJurnal);\n`;\n}",[],[249,368,506,585],"b99391e0-3076-4e34-9262-09d4cf013cb2","jadwal.ts","9c444bc6-7e9b-11f1-85e2-1607ee4eb77e",660,["D",1784430447582],"/**\n * views/components/scripts/jadwal.ts\n * Logika menu Jadwal Mengajar: form tambah jadwal, render/edit/hapus baris\n * jadwal, dan autocomplete nama kelas (disinkronkan dari menu Kelas Saya)\n * supaya nama kelas yang diketik konsisten dengan yang sudah terdaftar di\n * guru_kelas — backend tetap menolak kelas yang belum diampu (lihat\n * routes/jadwal.ts), autocomplete ini murni bantuan UI, bukan validasi baru.\n */\nexport function renderJadwalScript(): string {\n return `\n// ============================================================\n// AUTOCOMPLETE NAMA KELAS (disinkronkan dari menu Kelas Saya)\n// ============================================================\nlet KELAS_AMPU_CACHE=[];\n\n// Pasang dinamis tanpa perlu mengubah markup sections.ts:\n// cukup buat elemen datalist sekali, lalu hubungkan ke input manapun lewat atribut list=.\n(function ensureKelasAmpuDatalist(){\n if(document.getElementById('kelasAmpuDatalist'))return;\n const dl=document.createElement('datalist');\n dl.id='kelasAmpuDatalist';\n document.body.appendChild(dl);\n})();\nfunction renderKelasAmpuDatalist(){\n const dl=document.getElementById('kelasAmpuDatalist');\n if(!dl)return;\n dl.innerHTML=KELAS_AMPU_CACHE.map(k=>'').join('');\n const daftarMapel=MAPEL_DIAMPU.length?MAPEL_DIAMPU:[r.mapel];\n const mapelOpts=daftarMapel.map(m=>'').join('');\n tr.className='border-t bg-blue-50/40';\n tr.innerHTML=\\`

\\`;\n tr.querySelector('[data-cancel]').addEventListener('click',()=>{tr.className='border-t';renderJadwalRow(tr,r);});\n tr.querySelector('[data-save]').addEventListener('click',async()=>{\n const payload={\n hari:tr.querySelector('[data-f=\"hari\"]').value,\n jam:tr.querySelector('[data-f=\"jam\"]').value.trim(),\n mapel:tr.querySelector('[data-f=\"mapel\"]').value,\n kelas:tr.querySelector('[data-f=\"kelas\"]').value.trim(),\n };\n if(!payload.jam||!payload.mapel||!payload.kelas){appAlert('Jam, mapel, dan kelas wajib diisi.');return;}\n const res=await api('/api/jadwal/'+r.id,'PUT',payload);\n if(res.success){Object.assign(r,payload);loadJadwal();}else appAlert(res.message);\n });\n}\nfunction renderJadwalCard(card,r){\n card.innerHTML=\\`

\\${x(r.jam)}

\\${x(r.mapel)} — Kelas \\${x(r.kelas)}

\\`;\n card.querySelector('[data-edit]').addEventListener('click',()=>editJadwalCard(card,r));\n card.querySelector('[data-del]').addEventListener('click',async()=>{\n if(!await appConfirm('Hapus jadwal '+r.hari+' • '+r.mapel+' • '+r.kelas+'?'))return;\n const res=await api('/api/jadwal/'+r.id,'DELETE');\n if(res.success)loadJadwal();else appAlert(res.message);\n });\n}\nfunction editJadwalCard(card,r){\n const hariOpts=HARI_URUT.map(h=>''+h+'').join('');\n const daftarMapel=MAPEL_DIAMPU.length?MAPEL_DIAMPU:[r.mapel];\n const mapelOpts=daftarMapel.map(m=>'').join('');\n card.innerHTML=\\`

Hari

\\`;\n card.querySelector('[data-cancel]').addEventListener('click',()=>renderJadwalCard(card,r));\n card.querySelector('[data-save]').addEventListener('click',async()=>{\n const payload={\n hari:card.querySelector('[data-f=\"hari\"]').value,\n jam:card.querySelector('[data-f=\"jam\"]').value.trim(),\n mapel:card.querySelector('[data-f=\"mapel\"]').value,\n kelas:card.querySelector('[data-f=\"kelas\"]').value.trim(),\n };\n if(!payload.jam||!payload.mapel||!payload.kelas){appAlert('Jam, mapel, dan kelas wajib diisi.');return;}\n const res=await api('/api/jadwal/'+r.id,'PUT',payload);\n if(res.success){Object.assign(r,payload);loadJadwal();}else appAlert(res.message);\n });\n}\n// CETAK: Jadwal Pelajaran (grid mingguan berwarna, hari sbg kolom & jam sbg baris)\nfunction cetakJadwalPDF(){\n if(JADWAL_CACHE.length===0){appAlert('Belum ada data jadwal untuk dicetak.');return;}\n const HARI_URUT=['Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];\n const hariAda=HARI_URUT.filter(h=>JADWAL_CACHE.some(r=>r.hari===h));\n const jamList=Array.from(new Set(JADWAL_CACHE.map(r=>r.jam))).sort((a,b)=>parseJamStart(a)-parseJamStart(b));\n const PALET=['#fde68a','#bbf7d0','#bfdbfe','#fbcfe8','#ddd6fe','#fed7aa','#a7f3d0','#fecaca'];\n const warnaMapel={};\n let idx=0;\n JADWAL_CACHE.forEach(r=>{if(!(r.mapel in warnaMapel)){warnaMapel[r.mapel]=PALET[idx%PALET.length];idx++;}});\n const head='Jam'+hariAda.map(h=>''+h+'').join('');\n const rows=jamList.map(j=>{\n const cells=hariAda.map(h=>{\n const r=JADWAL_CACHE.find(e=>e.hari===h&&e.jam===j);\n if(!r)return '';\n return ''+x(r.mapel)+'
'+x(r.kelas)+'';\n }).join('');\n return ''+x(j)+''+cells+'';\n }).join('');\n const body='

JADWAL PELAJARAN KELAS

'+\n ''+head+''+rows+'

';\n printWindow('Jadwal Mengajar',body,'table{border-radius:8px;overflow:hidden}td,th{border-color:#e5e7eb}');\n}\n`;\n}",[],[249,368,506,594],"128e6d44-a1ae-4b58-a333-62f8d994f365","init.ts","6c84cd02-7e9b-11f1-9df0-1607ee4eb77e",620,["D",1784381590277],"/**\n * views/components/scripts/init.ts\n * Eksekusi awal saat aplikasi dimuat: siapkan state kelas aktif global, tampilkan Dashboard,\n * muat avatar profil guru, dan muat daftar mapel diampu.\n */\nexport function renderInitScript(): string {\n return `\n// State kelas aktif global (KELAS_AKTIF) harus siap sebelum view awal dimuat,\n// karena loadDb() di dashboard.ts langsung membaca KELAS_AKTIF tanpa parameter.\n// go('dashboard') baru dipanggil setelah initKelasAktif() selesai.\ninitKelasAktif().then(()=>{\n go('dashboard');\n});\napi('/api/profil-guru').then(d=>{\n if(d.success)renderAvatar(d.data.foto, d.data.nama_guru);\n}).catch(()=>{});\napi('/api/kkm').then(d=>{\n if(d.success){\n setMapelDiampuFromKkm(d.data);\n fillMapelSelect(document.getElementById('jdMapel'));\n }\n}).catch(()=>{});\n`;\n}",[],[249,368,506,602],"438d4f31-02e8-40fd-886c-dfbf52661a07","2b553e02-7e9b-11f1-ba6b-1607ee4eb77e",653,["D",1784429643352],7,"/**\n * views/components/scripts/dashboard.ts\n * Logika halaman Dashboard: kalender mini, daftar jadwal mengajar hari ini, dan chart statistik (Chart.js).\n */\nexport function renderDashboardScript(): string {\n return `\n// KALENDER MINI + JADWAL HARI INI\nfunction renderCalendar(){\n const now=new Date();\n const tahun=now.getFullYear(), bulan=now.getMonth();\n document.getElementById('calTitle').textContent=BULAN[bulan]+' '+tahun;\n const firstDay=new Date(tahun,bulan,1).getDay();\n const totalHari=new Date(tahun,bulan+1,0).getDate();\n const grid=document.getElementById('calGrid');\n grid.innerHTML='';\n ['M','S','S','R','K','J','S'].forEach(h=>{\n const el=document.createElement('div');\n el.className='text-slate-400 font-semibold py-1';\n el.textContent=h;\n grid.appendChild(el);\n });\n for(let i=0;ij.hari===hariIni);\n const warna=['border-sky-500','border-amber-500','border-rose-500','border-teal-500','border-sky-500'];\n const c=document.getElementById('jadwalHariIni');\n c.innerHTML='';\n if(list.length===0){c.innerHTML='

Tidak ada jadwal mengajar hari ini.

';return;}\n list.forEach((j,i)=>{\n const div=document.createElement('div');\n div.className='border-l-4 '+warna[i%warna.length]+' bg-slate-50 rounded-r-lg px-3 py-2';\n div.innerHTML='

'+x(j.mapel)+'

'+x(j.jam)+' • Kelas '+x(j.kelas)+'

';\n c.appendChild(div);\n });\n}\nrenderCalendar();\n\n// DASHBOARD LOGIC\n// Catatan: switch kelas lokal (dashKelasDipilih + renderClassSwitch) sudah\n// dihapus. Kelas yang aktif kini murni mengikuti state global KELAS_AKTIF\n// (dikelola oleh core.ts / kelasSwitcher), sehingga loadDb() tinggal\n// membaca state tersebut tanpa parameter maupun render switch sendiri.\nlet cK,cA,cM;\nasync function loadDb(){\n const q=KELAS_AKTIF?('?kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=await api('/api/stats'+q);\n if(!d.success)return;\n renderDashInfo(d.kelas_terpilih,d.peran_terpilih,d.kelas_sendiri);\n loadScoreboard(d.kelas_terpilih);\n document.getElementById('sTot').textContent=d.total_siswa;\n document.getElementById('sL').textContent=d.total_l;\n document.getElementById('sP').textContent=d.total_p;\n const h=d.absensi_hari_ini.find(a=>a.status==='Hadir');\n document.getElementById('sH').textContent=h?h.jumlah:0;\n if(cK)cK.destroy();\n cK=new Chart(document.getElementById('cK'),{type:'doughnut',data:{labels:['Tuntas','Belum Tuntas'],datasets:[{data:[d.ketuntasan.tuntas,d.ketuntasan.belum_tuntas],backgroundColor:['#4f46e5','#f87171']}]},options:{responsive:true,maintainAspectRatio:true,aspectRatio:1,plugins:{legend:{position:'bottom',labels:{boxWidth:12,font:{size:11}}}}}});\n if(cA)cA.destroy();\n cA=new Chart(document.getElementById('cA'),{type:'pie',data:{labels:d.absensi_hari_ini.map(a=>a.status),datasets:[{data:d.absensi_hari_ini.map(a=>a.jumlah),backgroundColor:['#22c55e','#f59e0b','#0ea5e9','#ef4444']}]},options:{responsive:true,maintainAspectRatio:true,aspectRatio:1,plugins:{legend:{position:'bottom',labels:{boxWidth:12,font:{size:11}}}}}});\n if(cM)cM.destroy();\n const tinggi=Math.max(80,d.rata_nilai_mapel.length*45);\n document.getElementById('cM').parentElement.style.height=tinggi+'px';\n cM=new Chart(document.getElementById('cM'),{type:'bar',data:{labels:d.rata_nilai_mapel.map(m=>m.mapel),datasets:[{label:'Rata-rata Nilai',data:d.rata_nilai_mapel.map(m=>m.rata),backgroundColor:'#6366f1'}]},options:{indexAxis:'y',responsive:true,maintainAspectRatio:false,scales:{x:{beginAtZero:true,max:100}},plugins:{legend:{display:false}}}});\n}\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Dashboard): menjelaskan\n// cakupan data yang sedang ditampilkan, menggantikan teks keterangan lama.\nfunction renderDashInfo(kelasTerpilih,peranTerpilih,kelasSendiri){\n const pop=document.getElementById('dashInfoPop');\n if(!pop)return;\n if(!kelasTerpilih){\n pop.textContent='Anda belum terdaftar sebagai Wali Kelas maupun Guru Mapel di kelas manapun, sehingga statistik di bawah masih kosong. Daftar di menu Kelas Saya untuk mengaktifkannya.';\n }else if(peranTerpilih==='wali_kelas'){\n pop.textContent='Statistik di bawah ini menampilkan data kelas yang Anda walikan: '+kelasTerpilih+'.';\n }else{\n pop.textContent='Statistik di bawah ini menampilkan data Kelas '+kelasTerpilih+' (Anda Guru Mapel di kelas ini)'+(kelasSendiri?'. Kelas yang Anda walikan adalah '+kelasSendiri+'.':', bukan kelas yang Anda walikan.')+' Gunakan toggle kelas di pojok atas untuk beralih ke kelas lain yang Anda ampu.';\n }\n}\ndocument.getElementById('dashInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('dashInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('dashInfoPop');\n const btn=document.getElementById('dashInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n});\n\n// Refresh otomatis saat kelas aktif global (toggle kelas di topbar) berubah.\n// Tanpa ini, loadDb() (yang membaca KELAS_AKTIF) hanya terpanggil ulang saat\n// pindah menu lalu kembali ke Dashboard lewat go(), bukan saat togglenya\n// diganti sementara Dashboard sedang dibuka — pola sama seperti registerKelasReload\n// di siswa.ts/absensi.ts/nilai.ts/poin.ts/jurnal.ts/scoreboard.ts.\nregisterKelasReload(loadDb);\n`;\n}",[],[249,368,506,351],"0140a563-aa81-4564-8b99-6842ce4845e5","core.ts","1f67619c-7e9b-11f1-825a-1607ee4eb77e",708,["D",1784763502995],16,"/**\n * views/components/scripts/core.ts\n * Utilitas dasar dipakai lintas modul: fetch helper, ikon SVG, kelas tombol, cache mapel diampu, cache jadwal, export PDF.\n */\nexport function renderCoreScript(): string {\n return `\nfunction x(s){if(s==null)return'';return String(s).replaceAll('&','&').replaceAll('<','<').replaceAll('>','>').replaceAll('\"','"');}\nasync function api(path,method,body){\n const o={method:method||'GET',headers:{},cache:'no-store'};\n if(body){o.headers['Content-Type']='application/json';o.body=JSON.stringify(body);}\n const r=await fetch(path,o);\n if(r.status===401){location.href='/';throw 0;}\n return r.json();\n}\nfunction today(){return new Date().toISOString().slice(0,10);}\n\n// IKON BERSAMA UNTUK TOMBOL AKSI (Edit/Hapus/Simpan/Batal/Lihat) DI SEMUA TABEL\nconst ICON_EYE='';\nconst ICON_EDIT='';\nconst ICON_TRASH='';\nconst ICON_CHECK='';\nconst ICON_X='';\n// IKON UNTUK MODAL ALERT/CONFIRM & KOP CETAK PDF (pengganti emoji ℹ️/⚠️/🎓)\nconst ICON_INFO='';\nconst ICON_ALERT='';\nconst ICON_GRADUATION='';\nconst ICON_WHATSAPP='';\n// Format nomor HP Indonesia (0812... / +62812... / 62812...) jadi link wa.me\n// siap-klik berisi pesan yang sudah diisi. Balikan '' kalau nomor kosong,\n// supaya pemanggil bisa menyembunyikan tombol WA kalau memang tidak ada nomor.\nfunction waLink(no,pesan){\n const digit=String(no||'').replace(/[^0-9]/g,'');\n if(!digit)return '';\n const n=digit.startsWith('0')?('62'+digit.slice(1)):(digit.startsWith('62')?digit:('62'+digit));\n return 'https://wa.me/'+n+'?text='+encodeURIComponent(pesan||'');\n}\n// Kelas tombol pill standar (dipakai bareng salah satu warna di bawah + ikon + label)\nconst BTN_PILL='inline-flex items-center gap-1.5 text-xs font-medium px-3 py-1.5 rounded-lg transition-colors';\nconst BTN_BLUE=BTN_PILL+' text-blue-600 bg-blue-50 hover:bg-blue-100';\nconst BTN_AMBER=BTN_PILL+' text-amber-600 bg-amber-50 hover:bg-amber-100';\nconst BTN_RED=BTN_PILL+' text-red-600 bg-red-50 hover:bg-red-100';\nconst BTN_EMERALD_SOLID=BTN_PILL+' text-white bg-emerald-600 hover:bg-emerald-700';\nconst BTN_SLATE=BTN_PILL+' text-slate-600 bg-slate-100 hover:bg-slate-200';\n// Tombol ikon persegi (dipakai saat ruang tabel sempit, mis. baris data siswa)\nconst BTN_SQ='w-8 h-8 rounded-lg flex items-center justify-center transition-colors';\n\n// MATA PELAJARAN DIAMPU (dari menu KKM) -> dipakai isi otomatis pilihan mapel di Nilai & Jadwal\nlet MAPEL_DIAMPU=[];\nfunction setMapelDiampuFromKkm(rows){MAPEL_DIAMPU=(rows||[]).map(r=>r.mapel).filter(Boolean);}\nfunction fillMapelSelect(sel){\n if(!sel)return;\n const cur=sel.value;\n const opts=MAPEL_DIAMPU.length\n ?MAPEL_DIAMPU.map(m=>'').join('')\n :'';\n sel.innerHTML=''+opts;\n if(cur&&MAPEL_DIAMPU.includes(cur))sel.value=cur;\n}\nlet JADWAL_CACHE=[];\n// MODAL ALERT/CONFIRM BERGAYA APLIKASI (pengganti alert()/confirm() bawaan browser)\nfunction appAlert(msg){\n return new Promise((resolve)=>{\n const modal=document.getElementById('appModal');\n document.getElementById('appModalIcon').innerHTML=ICON_INFO;\n document.getElementById('appModalIcon').className='w-12 h-12 rounded-full bg-blue-50 text-blue-600 flex items-center justify-center mb-4';\n document.getElementById('appModalMsg').textContent=msg;\n const cancelBtn=document.getElementById('appModalCancel'),okBtn=document.getElementById('appModalOk');\n cancelBtn.classList.add('hidden');\n modal.classList.remove('hidden');\n function close(){modal.classList.add('hidden');okBtn.removeEventListener('click',close);resolve(true);}\n okBtn.addEventListener('click',close);\n });\n}\nfunction appConfirm(msg){\n return new Promise((resolve)=>{\n const modal=document.getElementById('appModal');\n document.getElementById('appModalIcon').innerHTML=ICON_ALERT;\n document.getElementById('appModalIcon').className='w-12 h-12 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center mb-4';\n document.getElementById('appModalMsg').textContent=msg;\n const cancelBtn=document.getElementById('appModalCancel'),okBtn=document.getElementById('appModalOk');\n cancelBtn.classList.remove('hidden');\n modal.classList.remove('hidden');\n function cleanup(v){modal.classList.add('hidden');okBtn.removeEventListener('click',onOk);cancelBtn.removeEventListener('click',onCancel);resolve(v);}\n function onOk(){cleanup(true);}\n function onCancel(){cleanup(false);}\n okBtn.addEventListener('click',onOk);\n cancelBtn.addEventListener('click',onCancel);\n });\n}\n// MESIN CETAK BERSAMA: buka jendela baru, pasang kop (judul di kiri, logo di kanan), lalu print.\n// Dipakai baik oleh exportPDF generik maupun template cetak khusus per-halaman (lihat cetak*PDF di masing-masing modul).\nfunction printWindow(title,bodyHtml,extraCss){\n const w=window.open('','_blank');\n w.document.write(''+title+''+\n '

'+\n '

'+title+'

'+\n '

Dicetak pada '+new Date().toLocaleString('id-ID')+'

'+\n '

'+ICON_GRADUATION+'

'+\n '

'+\n bodyHtml+'');\n w.document.close();w.focus();\n setTimeout(function(){w.print();},350);\n}\n// EXPORT PDF GENERIK (dipakai halaman yang belum punya template cetak khusus)\nfunction exportPDF(containerId,title){\n printWindow(title,document.getElementById(containerId).innerHTML);\n}\n\n// ============================================================================\n// KELAS AKTIF (toggle kelas di topbar) — state global dipakai lintas modul.\n// Sumber data: GET /api/kelas-aktif (resolusi sama dgn dashboard/route lain).\n// ============================================================================\nlet KELAS_AKTIF=null; // nama kelas yang sedang aktif/dipilih, atau null\nlet KELAS_SENDIRI=null; // kelas tempat guru jadi Wali Kelas (null kalau tidak ada)\nlet PERAN_AKTIF=null; // peran guru di KELAS_AKTIF: 'wali_kelas' | 'guru_mapel' | null\nlet KELAS_LIST=[]; // seluruh kelas yang diampu: [{kelas,peran}, ...]\n\n// Daftar fungsi reload tiap halaman (absensi/siswa/nilai/poin/jurnal/scoreboard,\n// dst.) yang perlu dijalankan ulang setiap kali Kelas Aktif berganti. Modul\n// mendaftar lewat registerKelasReload(fn) alih-alih addEventListener langsung,\n// supaya setKelasAktif() bisa MENUNGGU (Promise.all) semua reload selesai\n// sebelum overlay loading disembunyikan -> perpindahan kelas terasa responsif,\n// bukan cuma topbar-nya saja yang berubah duluan sementara data lain menyusul.\nlet KELAS_RELOAD_HANDLERS=[];\nfunction registerKelasReload(fn){KELAS_RELOAD_HANDLERS.push(fn);}\nfunction showKelasLoading(){\n const el=document.getElementById('kelasLoadingOverlay');\n if(el)el.classList.remove('hidden');\n}\nfunction hideKelasLoading(){\n const el=document.getElementById('kelasLoadingOverlay');\n if(el)el.classList.add('hidden');\n}\n\nfunction getKelasAktifTersimpan(){\n try{return localStorage.getItem('kelas_aktif')||'';}catch(e){return '';}\n}\nfunction simpanKelasAktifLokal(kelas){\n try{\n if(kelas)localStorage.setItem('kelas_aktif',kelas);\n else localStorage.removeItem('kelas_aktif');\n }catch(e){}\n}\n\n/** Muat/segarkan state kelas aktif dari server, lalu render ulang topbar. Panggil saat halaman dimuat. */\nasync function initKelasAktif(){\n const saved=getKelasAktifTersimpan();\n const r=await api('/api/kelas-aktif'+(saved?('?kelas='+encodeURIComponent(saved)):''));\n if(r&&r.success){\n KELAS_AKTIF=r.kelas_terpilih;\n KELAS_SENDIRI=r.kelas_sendiri;\n PERAN_AKTIF=r.peran_terpilih;\n KELAS_LIST=r.kelas_list||[];\n simpanKelasAktifLokal(KELAS_AKTIF);\n }\n renderKelasSwitcher();\n return r;\n}\n\n/**\n * Ganti kelas aktif dari topbar: simpan pilihan, muat ulang state kelas aktif,\n * lalu jalankan seluruh reload yang terdaftar lewat registerKelasReload()\n * supaya masing-masing halaman (siswa/absensi/nilai/poin/jurnal/scoreboard)\n * refresh datanya sendiri memakai KELAS_AKTIF yang baru. Overlay loading\n * ditampilkan selama proses ini supaya perpindahan kelas terasa responsif\n * (ada feedback visual) alih-alih terlihat diam saat data sedang dimuat.\n */\nasync function setKelasAktif(kelas){\n showKelasLoading();\n try{\n simpanKelasAktifLokal(kelas);\n await initKelasAktif();\n window.dispatchEvent(new CustomEvent('kelasAktifBerubah',{detail:{kelas:KELAS_AKTIF}}));\n await Promise.all(KELAS_RELOAD_HANDLERS.map((fn)=>{\n try{return Promise.resolve(fn());}catch(e){return Promise.resolve();}\n }));\n } finally {\n hideKelasLoading();\n }\n}\n\n/**\n * Render class-switch di topbar (elemen dengan id=\"kelasSwitcher\").\n * Dropdown kustom (bukan \\${renderAbsStatusOptions(r.status_absensi)}\\${x(r.status_absensi)}\\`;\n tb.appendChild(tr);\n\n const c=document.createElement('div');\n c.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-4 flex items-start justify-between gap-3';\n c.innerHTML=\\`

\\${nomor}. \\${wrapNamaAbs(r.nama)}

\\`;\n cards.appendChild(c);\n\n const tSel=tr.querySelector('.asel'),cSel=c.querySelector('.aselCard');\n tSel.addEventListener('change',()=>{cSel.value=tSel.value;});\n cSel.addEventListener('change',()=>{tSel.value=cSel.value;});\n });\n\n box.appendChild(card);\n if(window.lucide)lucide.createIcons();\n}\nfunction hadirSemuaAbs(){\n document.querySelectorAll('.asel, .aselCard').forEach(s=>{s.value='Hadir';});\n}\nasync function saveAbs(){\n syncAbsEditsToData();\n const tgl=document.getElementById('absTgl').value;\n const records=absState.data.map(r=>({siswa_id:r.id,status:r.status_absensi}));\n const r=await api('/api/absensi','POST',{tanggal:tgl,records});\n appAlert(r.message||(r.success?'Tersimpan':'Gagal'));\n}\n// CETAK: Rekap Absensi Bulanan (grid harian 1..akhir bulan + rekap Sakit/Ijin/Alpa, seperti buku absensi kelas)\n// Kelas yang dicetak selalu mengikuti Kelas Aktif global (toggle topbar),\n// supaya cetak selalu sinkron dengan daftar siswa yang sedang terlihat di\n// layar, dengan nomor absen mengikuti field No. Absen di Data Siswa.\nasync function cetakAbsensiPDF(){\n const kelasCetak=(typeof KELAS_AKTIF!=='undefined')?KELAS_AKTIF:null;\n if(!kelasCetak){appAlert('Pilih kelas aktif terlebih dahulu lewat toggle kelas di atas.');return;}\n const bulanInput=document.getElementById('absBulanCetak').value; // format YYYY-MM\n const bulan=bulanInput||today().slice(0,7);\n const d=await api('/api/absensi/rekap');\n const siswaList=(d.siswa||[]).filter(s=>s.kelas===kelasCetak);\n const idsKelasCetak=new Set(siswaList.map(s=>s.id));\n const absBulanIni=(d.absensi||[]).filter(a=>a.tanggal.slice(0,7)===bulan&&idsKelasCetak.has(a.siswa_id));\n if(absBulanIni.length===0){appAlert('Belum ada data absensi tersimpan untuk kelas '+kelasCetak+' pada bulan tersebut.');return;}\n\n const [thn,bln]=bulan.split('-').map(Number);\n const jumlahHari=new Date(thn,bln,0).getDate();\n const BLN=['Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember'];\n\n const perSiswaTgl={};\n absBulanIni.forEach(a=>{\n const tgl=Number(a.tanggal.slice(8,10));\n if(!perSiswaTgl[a.siswa_id])perSiswaTgl[a.siswa_id]={};\n perSiswaTgl[a.siswa_id][tgl]=a.status;\n });\n\n const kodeStatus={Hadir:'.',Sakit:'S',Izin:'I',Alpa:'A'};\n const theadTop='NoNamaL/PTanggalRekapCatatan Guru';\n const theadBot=Array.from({length:jumlahHari},(_,i)=>''+(i+1)+'').join('')+'SakitIjinAlpa';\n\n const groups=groupAbsPerKelas(siswaList);\n const sections=groups.map(g=>{\n const rows=g.rows.map((s,i)=>{\n const rec=perSiswaTgl[s.id]||{};\n let sakit=0,ijin=0,alpa=0;\n const cells=Array.from({length:jumlahHari},(_,d)=>{\n const st=rec[d+1];\n if(st==='Sakit')sakit++;else if(st==='Izin')ijin++;else if(st==='Alpa')alpa++;\n return ''+(st?kodeStatus[st]||'':'')+'';\n }).join('');\n const nomor=s.no_absen||(i+1);\n return ''+nomor+''+x(s.nama)+''+x(s.jk)+''+cells+''+sakit+''+ijin+''+alpa+'';\n }).join('');\n return '

Kelas '+x(g.kelas)+'

'+\n ''+theadTop+''+theadBot+''+rows+'

';\n }).join('');\n\n const body='

REKAP ABSENSI BULANAN

'+\n '

Kelas '+x(kelasCetak)+' — Bulan: '+BLN[bln-1]+' '+thn+'

'+\n sections+\n '

. = Hadir, S = Sakit, I = Izin, A = Alpa (kosong = belum ada data absensi pada tanggal tsb)

';\n printWindow('Rekap Absensi Bulanan - Kelas '+kelasCetak,body,'th,td{text-align:center}');\n}\n\n// Saat kelas aktif global (toggle topbar) berubah: backend /api/absensi\n// hanya mengembalikan data UNTUK SATU kelas (kelas_terpilih), jadi di sini\n// harus fetch ulang ke kelas yang baru (bukan sekadar render ulang dari\n// cache lama). Didaftarkan lewat registerKelasReload (bukan addEventListener\n// langsung) supaya setKelasAktif() di core.ts bisa menunggu proses ini\n// selesai sebelum menyembunyikan overlay loading perpindahan kelas.\nregisterKelasReload(loadAbs);\n`;\n}",[],[249,368,506,627],"48d33f6c-5e9d-4d52-b607-45c889aa6716",257,["D",1783934001601],[289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304],[249,368,506],"b06392fe-9750-4765-ba7a-69a9082494ab",209,["D",1783921963123],[288,305,318,319,320,321],[249,368],["D",1783837383685],[287,322,323],[249],"69319c09-528c-4588-abe4-3af9798de6e9","upload.ts","b78ffeda-7e7c-11f1-bba0-1607ee4eb77e",530,["D",1784097061530],3,"/**\n * routes/upload.ts\n * Upload foto (profil guru & siswa) ke Cloudinary.\n *\n * SETUP WAJIB (di Val Town > val ini > sidebar kiri > Environment Variables):\n * CLOUDINARY_CLOUD_NAME -> Cloudinary Dashboard > Cloud name\n * CLOUDINARY_API_KEY -> Cloudinary Dashboard > API Key\n * CLOUDINARY_API_SECRET -> Cloudinary Dashboard > API Secret\n *\n * ⚠️ PENTING: jangan hardcode ketiga nilai di atas di file ini — selalu ambil\n * dari Deno.env lewat Environment Variables Val Town, supaya API Secret tidak\n * ikut terbawa kalau kode ini dibagikan/di-zip/di-commit ke tempat lain.\n *\n * Upload memakai signed request (server yang tanda tangan pakai API Secret),\n * jadi tidak perlu bikin \"Upload Preset\" apa pun di Cloudinary.\n */\n\nimport { json } from \"../utils.ts\";\n\nconst CLOUD_NAME = Deno.env.get(\"CLOUDINARY_CLOUD_NAME\");\nconst API_KEY = Deno.env.get(\"CLOUDINARY_API_KEY\");\nconst API_SECRET = Deno.env.get(\"CLOUDINARY_API_SECRET\");\n\nconst MAX_SIZE = 5 * 1024 * 1024; // 5MB\nconst FOLDER = \"foto-profil\"; // folder di Cloudinary (biar rapi, terpisah dari asset lain)\n\n/** Bikin signature SHA-1 sesuai aturan signed upload Cloudinary. */\nasync function buildSignature(\n params: Record,\n apiSecret: string,\n) {\n const sorted = Object.keys(params)\n .sort()\n .map((k) => `${k}=${params[k]}`)\n .join(\"&\");\n const toSign = sorted + apiSecret;\n const digest = await crypto.subtle.digest(\n \"SHA-1\",\n new TextEncoder().encode(toSign),\n );\n return Array.from(new Uint8Array(digest))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n}\n\nexport async function handleUpload(req: Request): Promise {\n try {\n if (!CLOUD_NAME || !API_KEY || !API_SECRET) {\n return json(\n {\n success: false,\n message:\n \"Konfigurasi Cloudinary belum lengkap. Set CLOUDINARY_CLOUD_NAME, CLOUDINARY_API_KEY, dan CLOUDINARY_API_SECRET di Environment Variables Val Town.\",\n },\n 500,\n );\n }\n\n const formData = await req.formData().catch(() => null);\n if (!formData) {\n return json({ success: false, message: \"Body upload tidak valid.\" }, 400);\n }\n\n const file = formData.get(\"file\");\n if (!file || !(file instanceof File)) {\n return json({ success: false, message: \"File tidak ditemukan.\" }, 400);\n }\n\n if (!file.type.startsWith(\"image/\")) {\n return json({\n success: false,\n message: \"File harus berupa gambar (JPG/PNG/WEBP).\",\n }, 400);\n }\n\n if (file.size > MAX_SIZE) {\n return json(\n { success: false, message: \"Ukuran file maksimal 5MB.\" },\n 400,\n );\n }\n\n const timestamp = Math.floor(Date.now() / 1000);\n const publicId = crypto.randomUUID();\n\n // Hanya parameter yang dikirim ke Cloudinary yang ikut ditandatangani\n // (bukan file & api_key — sesuai aturan signed upload Cloudinary).\n // \"asset_folder\" wajib disertakan supaya file benar-benar muncul di\n // folder Media Library — akun Cloudinary baru (dibuat setelah Juni 2024)\n // pakai \"Dynamic Folder Mode\", di mana parameter \"folder\" saja tidak\n // menaruh file ke folder yang terlihat di Media Library.\n const paramsToSign = {\n asset_folder: FOLDER,\n folder: FOLDER,\n public_id: publicId,\n timestamp,\n };\n const signature = await buildSignature(paramsToSign, API_SECRET);\n\n const cloudForm = new FormData();\n cloudForm.append(\"file\", file);\n cloudForm.append(\"api_key\", API_KEY);\n cloudForm.append(\"timestamp\", String(timestamp));\n cloudForm.append(\"public_id\", publicId);\n cloudForm.append(\"folder\", FOLDER);\n cloudForm.append(\"asset_folder\", FOLDER);\n cloudForm.append(\"signature\", signature);\n\n const cloudRes = await fetch(\n `https://api.cloudinary.com/v1_1/${CLOUD_NAME}/image/upload`,\n { method: \"POST\", body: cloudForm },\n );\n const cloudData = await cloudRes.json();\n\n if (!cloudRes.ok) {\n return json(\n {\n success: false,\n message: \"Gagal upload ke Cloudinary: \" +\n (cloudData?.error?.message || cloudRes.statusText),\n },\n 500,\n );\n }\n\n return json({ success: true, url: cloudData.secure_url });\n } catch (e) {\n return json({ success: false, message: \"Error: \" + String(e) }, 500);\n }\n}",[],[257,648],"f2bbca81-f29f-4945-a274-97f1ec025b90","tujuanPembelajaran.ts","72b37074-836f-11f1-aae2-1607ee4eb77e",701,["D",1784677532085],"/**\n * routes/tujuanPembelajaran.ts\n * Tujuan Pembelajaran (TP) per mata pelajaran DAN PER KELAS, milik\n * masing-masing guru (mirip kkm_mapel, tapi kkm_mapel sengaja tetap per\n * mapel saja -- lihat catatan di kelas-saya.ts). Biasanya lebih dari satu\n * TP per mapel per kelas per semester.\n *\n * Kenapa perlu kelas: satu guru bisa mengajar mapel yang sama di lebih dari\n * satu kelas dengan TP yang berbeda (mis. IPAS kelas 5 dan IPAS kelas 6 --\n * dua kurikulum/tingkat yang berbeda meski nama mapelnya sama). Sebelum\n * kolom kelas ditambahkan, TP-nya bercampur karena hanya disaring per\n * (user_id, mapel). Sekarang disaring per (user_id, mapel, kelas).\n *\n * TP yang sudah ditambahkan di sini menjadi sumber pilihan Kode TP di menu\n * Penilaian TP (routes/nilai.ts) dan pilihan Tujuan Pembelajaran di menu\n * Jurnal Mengajar (routes/jurnal.ts) — supaya guru tidak mengetik ulang kode\n * TP secara manual dan datanya konsisten di seluruh aplikasi.\n *\n * Tabel tujuan_pembelajaran (buat lewat Supabase SQL Editor sebelum dipakai):\n * create table if not exists tujuan_pembelajaran (\n * id serial primary key,\n * user_id integer not null references users(id) on delete cascade,\n * mapel text not null,\n * kelas text not null,\n * kode text not null,\n * deskripsi text,\n * created_at timestamptz not null default now()\n * );\n * create index if not exists idx_tp_user_mapel_kelas on tujuan_pembelajaran(user_id, mapel, kelas);\n *\n * MIGRASI dari versi lama (tabel sudah ada & sudah berisi data tanpa kolom\n * kelas): jalankan di Supabase SQL Editor sebelum deploy versi ini --\n * alter table tujuan_pembelajaran add column if not exists kelas text;\n * -- lalu isi kolom kelas untuk baris-baris lama secara manual (mis. lewat\n * -- SQL update per guru+mapel) supaya TP lama tidak \"hilang\" dari menu\n * -- Kelas Saya -- baris dengan kelas NULL tidak akan muncul di kelas\n * -- manapun sampai diisi.\n * alter table tujuan_pembelajaran alter column kelas set not null;\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\n\n/** Daftar TP milik seorang guru untuk satu mapel+kelas, terurut alami berdasar kode (TP 1.1, TP 1.2, TP 2.1, ...). */\nexport async function getTpMapel(\n userId: number,\n mapel: string,\n kelas: string,\n): Promise<{ id: number; kode: string; deskripsi: string | null }[]> {\n const rows = must(\n await supabase.from(\"tujuan_pembelajaran\").select(\"id, kode, deskripsi\")\n .eq(\"user_id\", userId).eq(\"mapel\", mapel).eq(\"kelas\", kelas),\n );\n return (rows as any[]).sort((a, b) =>\n String(a.kode).localeCompare(String(b.kode), undefined, { numeric: true })\n );\n}\n\nexport async function handleTpGet(\n url: URL,\n userId: number,\n): Promise {\n const mapel = url.searchParams.get(\"mapel\");\n const kelas = url.searchParams.get(\"kelas\");\n if (!mapel || !kelas) {\n return json({\n success: false,\n message: \"Mapel dan kelas wajib diisi.\",\n data: [],\n }, 400);\n }\n const data = await getTpMapel(userId, mapel, kelas);\n return json({ success: true, data });\n}\n\nexport async function handleTpCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const mapel = String(b.mapel || \"\").trim();\n const kelas = String(b.kelas || \"\").trim();\n const kode = String(b.kode || \"\").trim();\n const deskripsi = String(b.deskripsi || \"\").trim();\n if (!mapel || !kelas || !kode) {\n return json({\n success: false,\n message: \"Mapel, kelas, dan Kode TP wajib diisi.\",\n }, 400);\n }\n\n const existing = must(\n await supabase.from(\"tujuan_pembelajaran\").select(\"id\").eq(\n \"user_id\",\n userId,\n ).eq(\"mapel\", mapel).eq(\"kelas\", kelas).eq(\"kode\", kode),\n );\n if ((existing as any[]).length > 0) {\n return json({\n success: false,\n message:\n `Kode TP \"${kode}\" sudah ada untuk mapel ${mapel} kelas ${kelas}.`,\n }, 400);\n }\n\n const { error } = await supabase.from(\"tujuan_pembelajaran\").insert({\n user_id: userId,\n mapel,\n kelas,\n kode,\n deskripsi: deskripsi || null,\n });\n if (error) {\n return json({\n success: false,\n message: \"Gagal menambah Tujuan Pembelajaran: \" + error.message,\n }, 500);\n }\n return json({\n success: true,\n message: \"Tujuan Pembelajaran berhasil ditambahkan.\",\n });\n}\n\n/** Hapus satu TP milik guru tsb (tidak menghapus nilai/jurnal yang sudah memakai kode TP itu). */\nexport async function handleTpDelete(\n id: number,\n userId: number,\n): Promise {\n const { error } = await supabase.from(\"tujuan_pembelajaran\").delete().eq(\n \"id\",\n id,\n ).eq(\"user_id\", userId);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({\n success: true,\n message: \"Tujuan Pembelajaran berhasil dihapus.\",\n });\n}",[],[257,657],"15633384-5406-4f06-ab14-e40209b8a3e4","c36fc244-7e7c-11f1-8337-1607ee4eb77e",687,["D",1784596568690],"/**\n * routes/struktur.ts\n * Struktur Organisasi Kelas, dibatasi hanya untuk kelas yang diampu.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAmpu } from \"./kelas.ts\";\n\nexport async function handleStrukturGet(\n url: URL,\n userId: number,\n): Promise {\n const kelas = url.searchParams.get(\"kelas\");\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelas && !kelasAmpu.includes(kelas)) return json({ success: true, data: [] });\n if (!kelas && kelasAmpu.length === 0) return json({ success: true, data: [] });\n let q = supabase.from(\"struktur_kelas\").select(\"*\").order(\"level\", {\n ascending: true,\n }).order(\"urutan\", { ascending: true });\n q = kelas ? q.eq(\"kelas\", kelas) : q.in(\"kelas\", kelasAmpu);\n const data = must(await q);\n return json({ success: true, data });\n}\n\nexport async function handleStrukturCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (\n !String(b.kelas || \"\").trim() || !String(b.jabatan || \"\").trim() ||\n !String(b.nama || \"\").trim()\n ) {\n return json({\n success: false,\n message: \"Kelas, jabatan, dan nama wajib diisi.\",\n }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas.trim())) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const { error } = await supabase.from(\"struktur_kelas\").insert({\n kelas: b.kelas.trim(),\n jabatan: b.jabatan.trim(),\n nama: b.nama.trim(),\n level: Number(b.level) || 1,\n urutan: Number(b.urutan) || 0,\n siswa_id: b.siswa_id || null,\n });\n if (error) return json({ success: false, message: error.message }, 500);\n return json({\n success: true,\n message: \"Struktur kelas berhasil ditambahkan.\",\n });\n}\n\nexport async function handleStrukturDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(await supabase.from(\"struktur_kelas\").select(\"kelas\").eq(\"id\", id));\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Data tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n await supabase.from(\"struktur_kelas\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Data dihapus.\" });\n}",[],[257,498],"f170f401-942f-47c8-b69b-912900f9fa9d","d28640dc-7db9-11f1-905c-1607ee4eb77e",662,["D",1784431324466],"/**\n * routes/siswa.ts\n * CRUD Data Siswa (dengan biodata lengkap) + Student Lookup + Profil Siswa.\n * Semua data dibatasi hanya untuk kelas yang diampu guru yang sedang login.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { DEFAULT_KKM, getPetaKkm } from \"./kkm.ts\";\nimport { getRingkasanPoin, hitungPengaruhPoin } from \"./poin.ts\";\nimport { getKelasAktif, getKelasAmpu } from \"./kelas.ts\";\nimport * as XLSX from \"npm:xlsx@0.18.5\";\n\nfunction siswaFields(b: any) {\n return {\n nis: b.nis || \"\",\n nisn: b.nisn || \"\",\n nama: (b.nama || \"\").trim(),\n jk: b.jk || \"L\",\n status: b.status || \"Aktif\",\n foto: b.foto || \"\",\n tempat_lahir: b.tempat_lahir || \"\",\n tanggal_lahir: b.tanggal_lahir || \"\",\n alamat: b.alamat || \"\",\n no_hp: b.no_hp || \"\",\n nama_ortu: b.nama_ortu || \"\",\n no_absen: b.no_absen ? Number(b.no_absen) : null,\n kelas: b.kelas || \"\",\n };\n}\n\n/**\n * Daftar siswa dibatasi ke SATU kelas aktif saja (`?kelas=` di query, sama\n * aturannya dengan resolveKelasAktif di dashboard: kalau parameter kosong\n * atau tidak valid, jatuh ke kelas Wali Kelas, lalu kelas Guru Mapel\n * pertama). Kalau guru belum terdaftar di kelas manapun, hasilnya kosong.\n */\nexport async function handleSiswaGet(\n url: URL,\n userId: number,\n): Promise {\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const data = must(\n await supabase.from(\"siswa\").select(\"*\").eq(\"kelas\", kelas_terpilih)\n .order(\"nama\", { ascending: true }),\n );\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data,\n });\n}\n\nexport async function handleSiswaCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!String(b.nama || \"\").trim()) {\n return json({ success: false, message: \"Nama wajib diisi.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas || \"\")) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const { error } = await supabase.from(\"siswa\").insert(siswaFields(b));\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Siswa berhasil ditambahkan.\" });\n}\n\nexport async function handleSiswaUpdate(\n req: Request,\n id: number,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!String(b.nama || \"\").trim()) {\n return json({ success: false, message: \"Nama wajib diisi.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"siswa\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n if (!kelasAmpu.includes(b.kelas || \"\")) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu.`,\n }, 403);\n }\n const { error } = await supabase.from(\"siswa\").update(siswaFields(b)).eq(\n \"id\",\n id,\n );\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Siswa berhasil diperbarui.\" });\n}\n\nexport async function handleSiswaDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"siswa\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n await supabase.from(\"siswa\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Siswa berhasil dihapus.\" });\n}\n\n/**\n * Lookup siswa dibatasi ke SATU kelas aktif saja (`?kelas=` di query), sama\n * aturannya dengan handleSiswaGet/resolveKelasAktif — supaya nama siswa dari\n * kelas lain yang diampu guru tidak ikut tercampur di hasil pencarian.\n */\nexport async function handleSiswaLookup(\n url: URL,\n userId: number,\n): Promise {\n const q = url.searchParams.get(\"query\") || \"\";\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih } = await getKelasAktif(userId, kelasParam);\n if (!kelas_terpilih) return json({ success: true, data: [] });\n const list = must(\n await supabase\n .from(\"siswa\")\n .select(\"*\")\n .eq(\"kelas\", kelas_terpilih)\n .or(`nama.ilike.%${q}%,nis.ilike.%${q}%,nisn.ilike.%${q}%`),\n );\n const result = [];\n for (const s of list as any[]) {\n const nilai = must(\n await supabase.from(\"nilai_tp\").select(\"*\").eq(\"siswa_id\", s.id),\n );\n const absensi = must(\n await supabase.from(\"absensi\").select(\"*\").eq(\"siswa_id\", s.id)\n .order(\"tanggal\", { ascending: false }).limit(30),\n );\n result.push({ ...s, nilai, absensi });\n }\n return json({ success: true, data: result });\n}\n\n/** Profil lengkap satu siswa: biodata + nilai (dengan status tuntas per-KKM mapel) + poin + absensi */\nexport async function handleSiswaProfil(\n id: number,\n userId: number,\n): Promise {\n const siswaRows = must(await supabase.from(\"siswa\").select(\"*\").eq(\"id\", id));\n if (!siswaRows || siswaRows.length === 0) {\n return json({ success: false, message: \"Siswa tidak ditemukan.\" }, 404);\n }\n const siswa = siswaRows[0] as any;\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(siswa.kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n\n const nilaiRaw = must(\n await supabase.from(\"nilai_tp\").select(\"*\").eq(\"siswa_id\", id),\n );\n const petaKkm = await getPetaKkm(userId);\n const nilai = (nilaiRaw as any[]).map((n) => ({\n ...n,\n kkm: petaKkm[n.mapel] ?? DEFAULT_KKM,\n tuntas: n.nilai_akhir >= (petaKkm[n.mapel] ?? DEFAULT_KKM),\n }));\n\n const absensi = must(\n await supabase.from(\"absensi\").select(\"*\").eq(\"siswa_id\", id)\n .order(\"tanggal\", { ascending: false }).limit(30),\n );\n\n const poin = await getRingkasanPoin(id);\n const pengaruhNilai = hitungPengaruhPoin(\n poin.total_reward,\n poin.total_hukuman,\n );\n\n return json({\n success: true,\n siswa,\n nilai,\n absensi,\n poin: {\n total_reward: poin.total_reward,\n total_hukuman: poin.total_hukuman,\n pengaruh_nilai: pengaruhNilai,\n riwayat: poin.riwayat,\n },\n });\n}\n\n/**\n * ============================================================================\n * IMPORT DATA SISWA DARI EXCEL\n * ============================================================================\n * Format kolom (mengikuti template \"Kelas_Saya.xlsx\" bawaan sekolah):\n * Baris 1 = judul kolom, Baris 2 = sub-judul (Ayah/Ibu), Baris 3+ = data.\n * A: No Absen | B: NIK (tidak disimpan) | C: NIS | D: NISN | E: NAMA |\n * F: Tempat Lahir | G: Tanggal Lahir (dd/mm/yyyy) | H: JK | I: Alamat |\n * J: Nama Ayah | K: Nama Ibu | L: No HP Orangtua\n * Kelas tujuan TIDAK diambil dari file, tapi dipilih guru di form upload,\n * lalu divalidasi terhadap kelas yang benar-benar diampu guru tsb.\n */\n\nconst IDX = {\n noAbsen: 0,\n nik: 1,\n nis: 2,\n nisn: 3,\n nama: 4,\n tempatLahir: 5,\n tanggalLahir: 6,\n jk: 7,\n alamat: 8,\n ayah: 9,\n ibu: 10,\n noHp: 11,\n};\n\n/** \"15/11/2015\" atau \"2015-11-15\" -> \"2015-11-15\" (format ). Selain itu -> \"\". */\nfunction convertTanggal(v: any): string {\n const s = String(v ?? \"\").trim();\n if (!s) return \"\";\n const dmy = s.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n if (dmy) {\n const [, d, m, y] = dmy;\n return `${y}-${m.padStart(2, \"0\")}-${d.padStart(2, \"0\")}`;\n }\n if (/^\\d{4}-\\d{2}-\\d{2}/.test(s)) return s.slice(0, 10);\n return \"\";\n}\n\nexport async function handleSiswaImport(\n req: Request,\n userId: number,\n): Promise {\n const formData = await req.formData().catch(() => null);\n if (!formData) {\n return json({ success: false, message: \"Body upload tidak valid.\" }, 400);\n }\n\n const file = formData.get(\"file\");\n const kelas = String(formData.get(\"kelas\") || \"\").trim();\n\n if (!file || !(file instanceof File)) {\n return json(\n { success: false, message: \"File Excel tidak ditemukan.\" },\n 400,\n );\n }\n if (!kelas) {\n return json({\n success: false,\n message: \"Pilih kelas tujuan import terlebih dahulu.\",\n }, 400);\n }\n if (!/\\.(xlsx|xls)$/i.test(file.name || \"\")) {\n return json({\n success: false,\n message: \"File harus berformat .xlsx atau .xls.\",\n }, 400);\n }\n\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(kelas)) {\n return json({\n success: false,\n message:\n `Kelas \"${kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n\n let aoa: any[][];\n try {\n const buf = await file.arrayBuffer();\n const wb = XLSX.read(buf, { type: \"array\" });\n const sheet = wb.Sheets[wb.SheetNames[0]];\n aoa = XLSX.utils.sheet_to_json(sheet, {\n header: 1,\n raw: false,\n defval: \"\",\n }) as any[][];\n } catch (e) {\n return json({\n success: false,\n message: \"Gagal membaca file Excel: \" + String(e),\n }, 400);\n }\n\n // Baris 1 & 2 = header, data mulai baris ke-3.\n const dataRows = aoa.slice(2);\n\n const existing = must(\n await supabase.from(\"siswa\").select(\"nis\").eq(\"kelas\", kelas),\n );\n const existingNis = new Set(\n (existing as any[]).map((r) => String(r.nis || \"\").trim()).filter(Boolean),\n );\n\n const toInsert: any[] = [];\n const dilewati: { baris: number; alasan: string }[] = [];\n const nisDiFileIni = new Set();\n\n dataRows.forEach((row, i) => {\n const baris = i + 3; // nomor baris asli di file Excel\n const rowAdaIsi = row.some((c) => String(c ?? \"\").trim());\n const nama = String(row[IDX.nama] ?? \"\").trim();\n\n if (!nama) {\n if (rowAdaIsi) dilewati.push({ baris, alasan: \"Kolom NAMA kosong.\" });\n return;\n }\n\n const nis = String(row[IDX.nis] ?? \"\").trim();\n if (nis && (existingNis.has(nis) || nisDiFileIni.has(nis))) {\n dilewati.push({\n baris,\n alasan: `NIS \"${nis}\" sudah terdaftar di kelas ${kelas}.`,\n });\n return;\n }\n if (nis) nisDiFileIni.add(nis);\n\n const ayah = String(row[IDX.ayah] ?? \"\").trim();\n const ibu = String(row[IDX.ibu] ?? \"\").trim();\n const namaOrtu = [ayah && `${ayah} (Ayah)`, ibu && `${ibu} (Ibu)`]\n .filter(Boolean)\n .join(\" / \");\n\n toInsert.push({\n no_absen: row[IDX.noAbsen] ? Number(row[IDX.noAbsen]) || null : null,\n nis,\n nisn: String(row[IDX.nisn] ?? \"\").trim(),\n nama,\n jk: String(row[IDX.jk] ?? \"\").trim().toUpperCase() === \"P\" ? \"P\" : \"L\",\n status: \"Aktif\",\n foto: \"\",\n tempat_lahir: String(row[IDX.tempatLahir] ?? \"\").trim(),\n tanggal_lahir: convertTanggal(row[IDX.tanggalLahir]),\n alamat: String(row[IDX.alamat] ?? \"\").trim(),\n no_hp: String(row[IDX.noHp] ?? \"\").trim(),\n nama_ortu: namaOrtu,\n kelas,\n });\n });\n\n if (toInsert.length === 0) {\n return json({\n success: false,\n message: \"Tidak ada data siswa valid yang bisa diimpor dari file ini.\",\n dilewati,\n }, 400);\n }\n\n const { error } = await supabase.from(\"siswa\").insert(toInsert);\n if (error) {\n return json({\n success: false,\n message: \"Gagal menyimpan ke database: \" + error.message,\n }, 500);\n }\n\n return json({\n success: true,\n message: `${toInsert.length} siswa berhasil diimpor ke kelas ${kelas}.` +\n (dilewati.length ? ` ${dilewati.length} baris dilewati.` : \"\"),\n imported: toInsert.length,\n dilewati,\n });\n}\n\n/** Menghasilkan file .xlsx template kosong (format sama dengan yang dibaca handleSiswaImport). */\nexport async function handleSiswaTemplate(): Promise {\n const header1 = [\n \"No Absen\",\n \"NIK\",\n \"NIS\",\n \"NISN\",\n \"NAMA\",\n \"TEMPAT LAHIR\",\n \"TANGGAL LAHIR\",\n \"JK\",\n \"ALAMAT\",\n \"ORANGTUA\",\n \"\",\n \"NO HP ORANGTUA\",\n ];\n const header2 = [\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"AYAH\", \"IBU\", \"\"];\n const contoh = [\n 1,\n \"6109011511150001\",\n \"220686\",\n \"3159204081\",\n \"CONTOH NAMA SISWA\",\n \"SEKADAU\",\n \"15/11/2015\",\n \"L\",\n \"ALAMAT LENGKAP SISWA\",\n \"NAMA AYAH\",\n \"NAMA IBU\",\n \"08xxxxxxxxxx\",\n ];\n\n const ws = XLSX.utils.aoa_to_sheet([header1, header2, contoh]);\n ws[\"!merges\"] = [{ s: { r: 0, c: 9 }, e: { r: 0, c: 10 } }];\n ws[\"!cols\"] = [\n { wch: 9 },\n { wch: 20 },\n { wch: 10 },\n { wch: 12 },\n { wch: 28 },\n { wch: 16 },\n { wch: 14 },\n { wch: 5 },\n { wch: 30 },\n { wch: 18 },\n { wch: 18 },\n { wch: 16 },\n ];\n\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Template Siswa\");\n const buf = XLSX.write(wb, { type: \"array\", bookType: \"xlsx\" });\n\n return new Response(buf, {\n headers: {\n \"Content-Type\":\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"Content-Disposition\":\n 'attachment; filename=\"Template_Import_Siswa.xlsx\"',\n },\n });\n}",[],[257,508],"41b8c262-b6d5-45b7-b0eb-25cd24398b28","profil.ts","66a825a6-7e4f-11f1-8a54-1607ee4eb77e",248,["D",1783932601086],"/**\n * routes/profil.ts\n * Profil Guru: lihat & ubah biodata (foto, NIP, email, no HP, alamat),\n * dan ganti password (opsional, perlu password lama untuk verifikasi).\n * Catatan: daftar mata pelajaran TIDAK lagi disimpan di profil — sumber\n * datanya sekarang ada di menu KKM (lihat routes/kkm.ts).\n */\n\nimport bcrypt from \"npm:bcryptjs@2.4.3\";\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { reissueSessionCookie, type User } from \"../auth.ts\";\n\nexport async function handleProfilGuruGet(userId: number): Promise {\n const rows = must(\n await supabase\n .from(\"users\")\n .select(\"id, username, nama_guru, foto, nip, email, no_hp, alamat\")\n .eq(\"id\", userId),\n );\n if (!rows || rows.length === 0) {\n return json({ success: false, message: \"Profil tidak ditemukan.\" }, 404);\n }\n return json({ success: true, data: rows[0] });\n}\n\nexport async function handleProfilGuruUpdate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const namaGuru = String(b.nama_guru || \"\").trim();\n if (!namaGuru) {\n return json({ success: false, message: \"Nama wajib diisi.\" }, 400);\n }\n\n // --- Ganti password (opsional) ---\n if (b.password_baru) {\n const passwordBaru = String(b.password_baru);\n const passwordLama = String(b.password_lama || \"\");\n if (passwordBaru.length < 6) {\n return json({\n success: false,\n message: \"Password baru minimal 6 karakter.\",\n }, 400);\n }\n\n const rows = must(\n await supabase.from(\"users\").select(\"password\").eq(\"id\", userId),\n );\n if (!rows || rows.length === 0) {\n return json({ success: false, message: \"Akun tidak ditemukan.\" }, 404);\n }\n\n const valid = await bcrypt.compare(passwordLama, rows[0].password);\n if (!valid) {\n return json(\n { success: false, message: \"Password lama tidak sesuai.\" },\n 401,\n );\n }\n\n const hashed = await bcrypt.hash(passwordBaru, 10);\n const { error: pwError } = await supabase.from(\"users\").update({\n password: hashed,\n }).eq(\"id\", userId);\n if (pwError) return json({ success: false, message: pwError.message }, 500);\n }\n\n // --- Update biodata ---\n const { data: updated, error } = await supabase\n .from(\"users\")\n .update({\n nama_guru: namaGuru,\n foto: b.foto || \"\",\n nip: b.nip || \"\",\n email: b.email || \"\",\n no_hp: b.no_hp || \"\",\n alamat: b.alamat || \"\",\n })\n .eq(\"id\", userId)\n .select()\n .single();\n\n if (error) return json({ success: false, message: error.message }, 500);\n\n // Terbitkan ulang cookie sesi supaya nama/foto baru langsung terlihat\n const freshUser: User = {\n id: updated.id,\n username: updated.username,\n nama_guru: updated.nama_guru,\n };\n const cookieHeader = await reissueSessionCookie(freshUser);\n\n return json(\n { success: true, message: \"Profil berhasil diperbarui.\", data: updated },\n 200,\n { \"Set-Cookie\": cookieHeader },\n );\n}",[],[257,679],"72a68e1b-6e88-40e7-9ade-04d67872af74","815dc1fa-7e4d-11f1-bfc4-1607ee4eb77e",595,["D",1784346464376],"/**\n * routes/poin.ts\n * Poin Reward & Hukuman siswa, dibatasi ke siswa di kelas yang diampu.\n * Total poin mempengaruhi Nilai Akhir yang ditampilkan (bukan mengubah\n * nilai_tp asli): 1 poin reward = +0.1 nilai, 1 poin hukuman = -0.1 nilai.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAktif, getSiswaIdsAmpu } from \"./kelas.ts\";\n\nconst POIN_KE_NILAI = 0.1;\n\nexport function hitungPengaruhPoin(\n totalReward: number,\n totalHukuman: number,\n): number {\n return (totalReward - totalHukuman) * POIN_KE_NILAI;\n}\n\nexport async function getRingkasanPoin(siswaId: number) {\n const rows = must(\n await supabase.from(\"poin_siswa\").select(\"*\").eq(\"siswa_id\", siswaId),\n );\n const reward = (rows as any[]).filter((r) => r.jenis === \"reward\").reduce(\n (a, r) => a + r.poin,\n 0,\n );\n const hukuman = (rows as any[]).filter((r) => r.jenis === \"hukuman\").reduce(\n (a, r) => a + r.poin,\n 0,\n );\n return { total_reward: reward, total_hukuman: hukuman, riwayat: rows };\n}\n\nexport async function handlePoinGet(\n url: URL,\n userId: number,\n): Promise {\n const siswaId = url.searchParams.get(\"siswa_id\");\n if (siswaId) {\n const idsAmpu = await getSiswaIdsAmpu(userId);\n if (!idsAmpu.includes(Number(siswaId))) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const ringkasan = await getRingkasanPoin(Number(siswaId));\n return json({ success: true, ...ringkasan });\n }\n\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const siswaKelas = must(\n await supabase.from(\"siswa\").select(\"id\").eq(\"kelas\", kelas_terpilih),\n );\n const idsKelas = (siswaKelas as any[]).map((s) => s.id);\n if (idsKelas.length === 0) {\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data: [],\n });\n }\n const data = must(\n await supabase.from(\"poin_siswa\").select(\"*, siswa(nama)\").in(\n \"siswa_id\",\n idsKelas,\n ).order(\"tanggal\", { ascending: false }),\n );\n const flat = (data as any[]).map((r) => ({\n ...r,\n nama_siswa: r.siswa?.nama || \"-\",\n }));\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data: flat,\n });\n}\n\nexport async function handlePoinCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.siswa_id || !b.jenis || !b.poin) {\n return json({ success: false, message: \"Data poin tidak lengkap.\" }, 400);\n }\n if (b.jenis !== \"reward\" && b.jenis !== \"hukuman\") {\n return json({\n success: false,\n message: \"Jenis poin harus 'reward' atau 'hukuman'.\",\n }, 400);\n }\n const idsAmpu = await getSiswaIdsAmpu(userId);\n if (!idsAmpu.includes(Number(b.siswa_id))) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const { error } = await supabase.from(\"poin_siswa\").insert({\n siswa_id: b.siswa_id,\n jenis: b.jenis,\n poin: Math.abs(Number(b.poin)),\n keterangan: b.keterangan || \"\",\n tanggal: b.tanggal || new Date().toISOString().slice(0, 10),\n });\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Poin berhasil dicatat.\" });\n}\n\nexport async function handlePoinDelete(\n id: number,\n userId: number,\n): Promise {\n const idsAmpu = await getSiswaIdsAmpu(userId);\n const existing = must(\n await supabase.from(\"poin_siswa\").select(\"siswa_id\").eq(\"id\", id),\n );\n if (!existing.length || !idsAmpu.includes((existing[0] as any).siswa_id)) {\n return json({\n success: false,\n message: \"Data tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n await supabase.from(\"poin_siswa\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Catatan poin dihapus.\" });\n}",[],[257,542],"43c6a6ad-c6f0-482a-8236-814a7092fb43","dd40f378-7db9-11f1-8c45-1607ee4eb77e",711,["D",1784764870286],"/**\n * routes/nilai.ts\n * Penilaian TP: daftar nilai (dengan status tuntas memakai KKM per mapel) +\n * simpan/perbarui nilai (upsert). Dibatasi ke siswa di kelas yang diampu.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { DEFAULT_KKM, getPetaKkm } from \"./kkm.ts\";\nimport { getKelasAktif, getMapelKelasAktif, getSiswaIdsAmpu } from \"./kelas.ts\";\nimport { getTpMapel } from \"./tujuanPembelajaran.ts\";\n\nexport async function handleNilaiGet(\n url: URL,\n userId: number,\n): Promise {\n const m = url.searchParams.get(\"mapel\");\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n mapel_diampu: [],\n data: [],\n });\n }\n const mapelDiampu = await getMapelKelasAktif(\n userId,\n kelas_terpilih,\n peran_terpilih,\n );\n const siswaKelas = must(\n await supabase.from(\"siswa\").select(\"id, nama\").eq(\n \"kelas\",\n kelas_terpilih,\n ),\n );\n const idsKelas = (siswaKelas as any[]).map((s) => s.id);\n if (idsKelas.length === 0) {\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n data: [],\n });\n }\n let q = supabase.from(\"nilai_tp\").select(\"*, siswa(nama)\").in(\n \"siswa_id\",\n idsKelas,\n );\n if (m) q = q.eq(\"mapel\", m);\n const data = must(await q);\n const petaKkm = await getPetaKkm(userId);\n let flat = (data as any[]).map((r) => {\n const kkm = petaKkm[r.mapel] ?? DEFAULT_KKM;\n return {\n ...r,\n nama_siswa: r.siswa?.nama || \"-\",\n kkm,\n tuntas: r.nilai_akhir >= kkm,\n };\n });\n\n // Kalau difilter per mapel, lengkapi dengan baris siswa+Kode TP yang\n // BELUM diisi sama sekali (bukan cuma yang sudah ada di nilai_tp), supaya\n // ganti mapel di toggle tetap menampilkan seluruh siswa kelas aktif walau\n // nilainya masih kosong.\n if (m) {\n const kkm = petaKkm[m] ?? DEFAULT_KKM;\n const tpList = await getTpMapel(userId, m, kelas_terpilih);\n const roster = (siswaKelas as any[]).slice().sort((a, b) =>\n String(a.nama || \"\").localeCompare(String(b.nama || \"\"))\n );\n const petaAda = new Map();\n flat.forEach((r) => petaAda.set(r.siswa_id + \"|\" + r.kode_tp, r));\n const lengkap: any[] = [];\n roster.forEach((s) => {\n tpList.forEach((t) => {\n const key = s.id + \"|\" + t.kode;\n if (petaAda.has(key)) {\n lengkap.push(petaAda.get(key));\n } else {\n lengkap.push({\n id: null,\n siswa_id: s.id,\n nama_siswa: s.nama,\n mapel: m,\n kode_tp: t.kode,\n nilai_formatif: null,\n nilai_sumatif: null,\n nilai_akhir: null,\n kkm,\n tuntas: null,\n });\n }\n });\n });\n flat = lengkap;\n }\n\n flat = flat.sort((a, b) => a.nama_siswa.localeCompare(b.nama_siswa));\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n data: flat,\n });\n}\n\nexport async function handleNilaiSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.siswa_id || !b.mapel || !b.kode_tp) {\n return json({ success: false, message: \"Data nilai tidak lengkap.\" }, 400);\n }\n const idsAmpu = await getSiswaIdsAmpu(userId);\n if (!idsAmpu.includes(Number(b.siswa_id))) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const f = Number(b.nilai_formatif) || 0;\n const su = Number(b.nilai_sumatif) || 0;\n const akhir = Math.round(((f + su) / 2) * 100) / 100;\n\n const existing = must(\n await supabase.from(\"nilai_tp\").select(\"id\")\n .eq(\"siswa_id\", b.siswa_id).eq(\"mapel\", b.mapel).eq(\"kode_tp\", b.kode_tp),\n );\n if (existing.length > 0) {\n await supabase.from(\"nilai_tp\")\n .update({ nilai_formatif: f, nilai_sumatif: su, nilai_akhir: akhir })\n .eq(\"id\", (existing[0] as any).id);\n } else {\n await supabase.from(\"nilai_tp\").insert({\n siswa_id: b.siswa_id,\n mapel: b.mapel,\n kode_tp: b.kode_tp,\n nilai_formatif: f,\n nilai_sumatif: su,\n nilai_akhir: akhir,\n });\n }\n return json({ success: true, message: \"Nilai berhasil disimpan.\" });\n}\n\n/**\n * DAFTAR SISWA UNTUK INPUT NILAI (batch, list-based)\n * Dipakai fitur Penilaian TP versi baru: bukan lagi pilih 1 siswa per form,\n * melainkan menampilkan SELURUH siswa di kelas aktif (mengikuti toggle Kelas\n * Aktif global di topbar, sama seperti Absensi) sekaligus, supaya guru bisa\n * mengisi nilai Formatif ATAU Sumatif (tergantung toggle Jenis Nilai yang\n * dipilih) satu kelas penuh dalam satu tampilan. Siswa yang belum punya nilai\n * untuk mapel+kode TP ini tetap ditampilkan dengan nilai null (bukan hilang\n * dari daftar seperti versi lama yang hanya menampilkan baris yang sudah ada\n * di nilai_tp).\n */\nexport async function handleNilaiSiswaGet(\n url: URL,\n userId: number,\n): Promise {\n const mapel = url.searchParams.get(\"mapel\");\n const kodeTp = url.searchParams.get(\"kode_tp\");\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n mapel_diampu: [],\n siswa: [],\n });\n }\n const mapelDiampu = await getMapelKelasAktif(\n userId,\n kelas_terpilih,\n peran_terpilih,\n );\n const siswaKelas = must(\n await supabase.from(\"siswa\").select(\"id, nama\").eq(\n \"kelas\",\n kelas_terpilih,\n ),\n );\n const roster = (siswaKelas as any[]).slice().sort((a, b) =>\n String(a.nama || \"\").localeCompare(String(b.nama || \"\"))\n );\n\n if (!mapel || !kodeTp) {\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n siswa: roster.map((s) => ({\n siswa_id: s.id,\n nama: s.nama,\n nilai_formatif: null,\n nilai_sumatif: null,\n nilai_akhir: null,\n kkm: null,\n tuntas: null,\n })),\n });\n }\n\n const idsKelas = roster.map((s) => s.id);\n const nilaiRows = idsKelas.length\n ? must(\n await supabase.from(\"nilai_tp\").select(\"*\").in(\"siswa_id\", idsKelas)\n .eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp),\n )\n : [];\n const petaNilai: Record = {};\n (nilaiRows as any[]).forEach((r) => (petaNilai[r.siswa_id] = r));\n const petaKkm = await getPetaKkm(userId);\n const kkm = petaKkm[mapel] ?? DEFAULT_KKM;\n\n const siswaOut = roster.map((s) => {\n const r = petaNilai[s.id];\n const akhir = r ? r.nilai_akhir : null;\n return {\n siswa_id: s.id,\n nama: s.nama,\n nilai_formatif: r ? r.nilai_formatif : null,\n nilai_sumatif: r ? r.nilai_sumatif : null,\n nilai_akhir: akhir,\n kkm,\n tuntas: akhir != null ? akhir >= kkm : null,\n };\n });\n\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n siswa: siswaOut,\n });\n}\n\n/**\n * SIMPAN NILAI TP SATU KELAS SEKALIGUS (batch upsert).\n * field menentukan kolom mana yang ditimpa ('formatif' atau 'sumatif') --\n * kolom yang tidak sedang diisi (mis. sumatif saat toggle Jenis Nilai =\n * Formatif) dipertahankan dari data yang sudah ada, lalu nilai_akhir\n * dihitung ulang dari rata-rata keduanya, sama seperti perhitungan versi\n * lama. Baris siswa dengan nilai kosong (belum diisi guru) dilewati saja,\n * tidak memaksa jadi 0, supaya tidak menimpa data siswa lain yang memang\n * belum dinilai.\n */\nexport async function handleNilaiBatchSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const mapel = String(b.mapel || \"\").trim();\n const kodeTp = String(b.kode_tp || \"\").trim();\n const field = b.field === \"sumatif\"\n ? \"sumatif\"\n : b.field === \"formatif\"\n ? \"formatif\"\n : null;\n const list = Array.isArray(b.siswa) ? b.siswa : [];\n if (!mapel || !kodeTp || !field) {\n return json({\n success: false,\n message: \"Mapel, Kode TP, dan jenis nilai wajib diisi.\",\n }, 400);\n }\n\n const idsAmpu = new Set(await getSiswaIdsAmpu(userId));\n let disimpan = 0;\n for (const item of list) {\n const siswaId = Number(item?.siswa_id);\n if (!siswaId || !idsAmpu.has(siswaId)) continue;\n if (item.nilai === \"\" || item.nilai === null || item.nilai === undefined) {\n continue;\n }\n const nilai = Math.max(0, Math.min(100, Number(item.nilai) || 0));\n\n const existing = must(\n await supabase.from(\"nilai_tp\").select(\n \"id, nilai_formatif, nilai_sumatif\",\n )\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp),\n );\n const row = (existing as any[])[0];\n const f = field === \"formatif\" ? nilai : (row?.nilai_formatif ?? 0);\n const su = field === \"sumatif\" ? nilai : (row?.nilai_sumatif ?? 0);\n const akhir = Math.round(((f + su) / 2) * 100) / 100;\n\n if (row) {\n await supabase.from(\"nilai_tp\")\n .update({ nilai_formatif: f, nilai_sumatif: su, nilai_akhir: akhir })\n .eq(\"id\", row.id);\n } else {\n await supabase.from(\"nilai_tp\").insert({\n siswa_id: siswaId,\n mapel,\n kode_tp: kodeTp,\n nilai_formatif: f,\n nilai_sumatif: su,\n nilai_akhir: akhir,\n });\n }\n disimpan++;\n }\n\n return json({\n success: true,\n message: disimpan > 0\n ? `Nilai ${\n field === \"formatif\" ? \"Formatif\" : \"Sumatif\"\n } berhasil disimpan untuk ${disimpan} siswa.`\n : \"Tidak ada nilai yang diisi.\",\n });\n}\n\n/** Hapus satu baris nilai TP (dipakai saat guru salah input dan ingin menghapusnya). */\nexport async function handleNilaiDelete(\n id: number,\n userId: number,\n): Promise {\n const idsAmpu = await getSiswaIdsAmpu(userId);\n const row = must(\n await supabase.from(\"nilai_tp\").select(\"siswa_id\").eq(\"id\", id),\n );\n if (row.length === 0 || !idsAmpu.includes((row[0] as any).siswa_id)) {\n return json({ success: false, message: \"Data tidak ditemukan.\" }, 404);\n }\n await supabase.from(\"nilai_tp\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Nilai TP berhasil dihapus.\" });\n}\n\n/**\n * NILAI STS & SAS\n * Beda dari nilai_tp (yang per Tujuan Pembelajaran): STS & SAS masing-masing\n * hanya SATU nilai per (siswa, mapel) untuk satu semester. Dipakai untuk\n * mengisi kolom STS/SAS/RATA2 di cetak Daftar Nilai (format buku induk).\n */\nexport async function handleStsSasGet(\n url: URL,\n userId: number,\n): Promise {\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const siswaKelas = must(\n await supabase.from(\"siswa\").select(\"id\").eq(\"kelas\", kelas_terpilih),\n );\n const idsKelas = (siswaKelas as any[]).map((s) => s.id);\n if (idsKelas.length === 0) {\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data: [],\n });\n }\n const data = must(\n await supabase.from(\"nilai_sts_sas\").select(\"*, siswa(nama)\").in(\n \"siswa_id\",\n idsKelas,\n ),\n );\n const flat = (data as any[])\n .map((r) => ({ ...r, nama_siswa: r.siswa?.nama || \"-\" }))\n .sort((a, b) => a.nama_siswa.localeCompare(b.nama_siswa));\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data: flat,\n });\n}\n\n/**\n * DAFTAR SISWA UNTUK INPUT NILAI STS/SAS (batch, list-based) — pasangan\n * handleNilaiSiswaGet() di atas tapi untuk STS/SAS: satu nilai per siswa+\n * mapel, jadi tidak butuh parameter kode_tp. Seluruh siswa di kelas aktif\n * ditampilkan meski belum punya nilai (null), supaya guru bisa mengisi\n * satu kelas penuh sekaligus lewat toggle Jenis Nilai = STS atau SAS.\n */\nexport async function handleStsSasSiswaGet(\n url: URL,\n userId: number,\n): Promise {\n const mapel = url.searchParams.get(\"mapel\");\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n mapel_diampu: [],\n siswa: [],\n });\n }\n const mapelDiampu = await getMapelKelasAktif(\n userId,\n kelas_terpilih,\n peran_terpilih,\n );\n const siswaKelas = must(\n await supabase.from(\"siswa\").select(\"id, nama\").eq(\n \"kelas\",\n kelas_terpilih,\n ),\n );\n const roster = (siswaKelas as any[]).slice().sort((a, b) =>\n String(a.nama || \"\").localeCompare(String(b.nama || \"\"))\n );\n\n if (!mapel) {\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n siswa: roster.map((s) => ({\n siswa_id: s.id,\n nama: s.nama,\n sts: null,\n sas: null,\n })),\n });\n }\n\n const idsKelas = roster.map((s) => s.id);\n const rows = idsKelas.length\n ? must(\n await supabase.from(\"nilai_sts_sas\").select(\"*\").in(\"siswa_id\", idsKelas)\n .eq(\"mapel\", mapel),\n )\n : [];\n const peta: Record = {};\n (rows as any[]).forEach((r) => (peta[r.siswa_id] = r));\n const siswaOut = roster.map((s) => {\n const r = peta[s.id];\n return {\n siswa_id: s.id,\n nama: s.nama,\n sts: r ? r.sts : null,\n sas: r ? r.sas : null,\n };\n });\n\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n mapel_diampu: mapelDiampu,\n siswa: siswaOut,\n });\n}\n\n/**\n * SIMPAN NILAI STS/SAS SATU KELAS SEKALIGUS (batch upsert). field menentukan\n * kolom yang ditimpa ('sts' atau 'sas'); kolom lain dipertahankan dari data\n * yang sudah ada. Baris siswa dengan nilai kosong dilewati saja.\n */\nexport async function handleStsSasBatchSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const mapel = String(b.mapel || \"\").trim();\n const field = b.field === \"sas\" ? \"sas\" : b.field === \"sts\" ? \"sts\" : null;\n const list = Array.isArray(b.siswa) ? b.siswa : [];\n if (!mapel || !field) {\n return json({\n success: false,\n message: \"Mata pelajaran dan jenis nilai wajib diisi.\",\n }, 400);\n }\n\n const idsAmpu = new Set(await getSiswaIdsAmpu(userId));\n let disimpan = 0;\n for (const item of list) {\n const siswaId = Number(item?.siswa_id);\n if (!siswaId || !idsAmpu.has(siswaId)) continue;\n if (item.nilai === \"\" || item.nilai === null || item.nilai === undefined) {\n continue;\n }\n const nilai = Math.max(0, Math.min(100, Number(item.nilai) || 0));\n\n const existing = must(\n await supabase.from(\"nilai_sts_sas\").select(\"id, sts, sas\")\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel),\n );\n const row = (existing as any[])[0];\n const sts = field === \"sts\" ? nilai : (row?.sts ?? null);\n const sas = field === \"sas\" ? nilai : (row?.sas ?? null);\n\n if (row) {\n await supabase.from(\"nilai_sts_sas\").update({ sts, sas }).eq(\n \"id\",\n row.id,\n );\n } else {\n await supabase.from(\"nilai_sts_sas\").insert({\n siswa_id: siswaId,\n mapel,\n sts,\n sas,\n });\n }\n disimpan++;\n }\n\n return json({\n success: true,\n message: disimpan > 0\n ? `Nilai ${field.toUpperCase()} berhasil disimpan untuk ${disimpan} siswa.`\n : \"Tidak ada nilai yang diisi.\",\n });\n}\n\nexport async function handleStsSasSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.siswa_id || !b.mapel) {\n return json({\n success: false,\n message: \"Siswa dan mata pelajaran wajib diisi.\",\n }, 400);\n }\n const idsAmpu = await getSiswaIdsAmpu(userId);\n if (!idsAmpu.includes(Number(b.siswa_id))) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const clamp = (v: any) =>\n v == null || v === \"\" ? null : Math.max(0, Math.min(100, Number(v)));\n const sts = clamp(b.sts);\n const sas = clamp(b.sas);\n\n const existing = must(\n await supabase.from(\"nilai_sts_sas\").select(\"id\")\n .eq(\"siswa_id\", b.siswa_id).eq(\"mapel\", b.mapel),\n );\n if (existing.length > 0) {\n await supabase.from(\"nilai_sts_sas\").update({ sts, sas }).eq(\n \"id\",\n (existing[0] as any).id,\n );\n } else {\n await supabase.from(\"nilai_sts_sas\").insert({\n siswa_id: b.siswa_id,\n mapel: b.mapel,\n sts,\n sas,\n });\n }\n return json({ success: true, message: \"Nilai STS/SAS berhasil disimpan.\" });\n}\n\nexport async function handleStsSasDelete(\n id: number,\n userId: number,\n): Promise {\n const idsAmpu = await getSiswaIdsAmpu(userId);\n const row = must(\n await supabase.from(\"nilai_sts_sas\").select(\"siswa_id\").eq(\"id\", id),\n );\n if (row.length === 0 || !idsAmpu.includes((row[0] as any).siswa_id)) {\n return json({ success: false, message: \"Data tidak ditemukan.\" }, 404);\n }\n await supabase.from(\"nilai_sts_sas\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Data STS/SAS dihapus.\" });\n}",[],[257,551],"3ef94e0f-fe07-4276-ad48-5aebcf99ff72","kkm.ts","8b40fbc4-7e4d-11f1-b2c3-1607ee4eb77e",414,["D",1784018922021],"/**\n * routes/kkm.ts\n * Pengaturan KKM per mata pelajaran — sekarang milik masing-masing guru\n * (bukan global lagi). Kalau mapel belum diatur KKM-nya, dianggap 75.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getSiswaIdsAmpu } from \"./kelas.ts\";\n\nexport const DEFAULT_KKM = 75;\n\n/** Ambil peta { mapel: kkm } milik guru tsb, dipakai perhitungan ketuntasan di route lain. */\nexport async function getPetaKkm(\n userId: number,\n): Promise> {\n const rows = must(\n await supabase.from(\"kkm_mapel\").select(\"*\").eq(\"user_id\", userId),\n );\n const map: Record = {};\n (rows as any[]).forEach((r) => (map[r.mapel] = r.kkm));\n return map;\n}\n\nexport async function handleKkmGet(userId: number): Promise {\n const kkmRows = must(\n await supabase.from(\"kkm_mapel\").select(\"*\").eq(\"user_id\", userId).order(\n \"mapel\",\n { ascending: true },\n ),\n );\n\n // Gabungkan dengan mapel yang ada di nilai_tp siswa-siswa yang diampu,\n // supaya semua mapel muncul walau belum diatur KKM-nya (pakai default 75).\n const idsAmpu = await getSiswaIdsAmpu(userId);\n const nilaiMapel = idsAmpu.length\n ? must(\n await supabase.from(\"nilai_tp\").select(\"mapel\").in(\"siswa_id\", idsAmpu),\n )\n : [];\n const semuaMapel = new Set((nilaiMapel as any[]).map((n) => n.mapel));\n\n const map: Record = {};\n (kkmRows as any[]).forEach((r) => (map[r.mapel] = r.kkm));\n semuaMapel.forEach((m) => {\n if (!(m in map)) map[m] = DEFAULT_KKM;\n });\n\n const data = Object.entries(map).map(([mapel, kkm]) => ({ mapel, kkm }));\n return json({ success: true, data });\n}\n\nexport async function handleKkmSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.mapel || b.kkm == null) {\n return json(\n { success: false, message: \"Mapel dan nilai KKM wajib diisi.\" },\n 400,\n );\n }\n const mapelBersih = b.mapel.trim();\n const kkm = Math.max(0, Math.min(100, Number(b.kkm)));\n\n // Cek manual apakah mapel ini sudah ada milik guru tsb (tanpa bergantung\n // pada kolom \"id\" yang ternyata tidak ada di tabel kkm_mapel).\n const existing = must(\n await supabase.from(\"kkm_mapel\").select(\"mapel\").eq(\"user_id\", userId).eq(\n \"mapel\",\n mapelBersih,\n ),\n );\n\n if ((existing as any[]).length > 0) {\n const { error } = await supabase.from(\"kkm_mapel\").update({ kkm })\n .eq(\"user_id\", userId).eq(\"mapel\", mapelBersih);\n if (error) {\n return json({\n success: false,\n message: \"Gagal menyimpan KKM: \" + error.message,\n }, 500);\n }\n } else {\n const { error } = await supabase.from(\"kkm_mapel\").insert({\n user_id: userId,\n mapel: mapelBersih,\n kkm,\n });\n if (error) {\n return json({\n success: false,\n message: \"Gagal menambahkan mata pelajaran: \" + error.message,\n }, 500);\n }\n }\n\n return json({ success: true, message: \"KKM berhasil disimpan.\" });\n}",[],[257,701],"0d6efc4f-2f04-451e-b87d-5d8d24ac16fa","kelas.ts","230fbabe-7f3c-11f1-b3b0-1607ee4eb77e",617,["D",1784381501150],"/**\n * routes/kelas.ts\n * Penugasan kelas per guru (multi-tenant per kelas): satu guru bisa\n * mengampu lebih dari satu kelas, sebagai Wali Kelas maupun Guru Mapel.\n * Aturan: satu guru hanya boleh menjadi Wali Kelas untuk SATU kelas saja\n * (dicek di handleKelasSayaCreate). Kelas lain di luar itu wajib didaftarkan\n * sebagai Guru Mapel.\n * getKelasAmpu()/getSiswaIdsAmpu() dipakai route lain untuk membatasi data.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\n\n/** Daftar nama kelas yang diampu seorang guru. */\nexport async function getKelasAmpu(userId: number): Promise {\n const rows = must(\n await supabase.from(\"guru_kelas\").select(\"kelas\").eq(\"user_id\", userId),\n );\n return [...new Set((rows as any[]).map((r) => r.kelas))];\n}\n\n/**\n * Peta kelas -> peran ('wali_kelas' | 'guru_mapel') guru tsb di kelas itu.\n * Kalau ada baris wali_kelas untuk kelas tsb, itu yang dipakai (prioritas),\n * meskipun guru juga terdaftar sebagai guru_mapel di kelas yang sama.\n */\nexport async function getKelasPeranMap(\n userId: number,\n): Promise> {\n const rows = must(\n await supabase.from(\"guru_kelas\").select(\"kelas, peran\").eq(\n \"user_id\",\n userId,\n ),\n );\n const map: Record = {};\n (rows as any[]).forEach((r) => {\n if (!(r.kelas in map) || r.peran === \"wali_kelas\") {\n map[r.kelas] = r.peran;\n }\n });\n return map;\n}\n\n/** Daftar id siswa yang berada di kelas-kelas yang diampu guru tsb. */\nexport async function getSiswaIdsAmpu(userId: number): Promise {\n const kelasList = await getKelasAmpu(userId);\n if (kelasList.length === 0) return [];\n const rows = must(\n await supabase.from(\"siswa\").select(\"id\").in(\"kelas\", kelasList),\n );\n return (rows as any[]).map((r) => r.id);\n}\n\nexport type KelasPeranEntry = { kelas: string; peran: string };\n\nexport type KelasAktifResolved = {\n /** Kelas yang diampu guru sbg Wali Kelas (null kalau guru bukan wali kelas di manapun). */\n kelas_sendiri: string | null;\n /** Kelas yang sedang aktif/dipilih (dipakai untuk memfilter semua data). */\n kelas_terpilih: string | null;\n /** Peran guru tsb di kelas_terpilih ('wali_kelas' | 'guru_mapel' | null). */\n peran_terpilih: string | null;\n /** Seluruh kelas yang diampu guru tsb, terurut abjad, dgn peran masing-masing. */\n kelas_list: KelasPeranEntry[];\n};\n\n/**\n * Resolusi kelas AKTIF (satu kelas terpilih) dari peta peran seorang guru.\n * Ini adalah sumber tunggal aturan \"kelas mana yang sedang difilter\",\n * dipakai oleh Dashboard dan fitur lain (siswa, absensi, nilai, dst) yang\n * perlu dibatasi ke satu kelas aktif, bukan seluruh kelas yang diampu.\n *\n * Urutan resolusi kelas_terpilih:\n * 1. Kalau `kelasParam` diisi dan valid (guru terdaftar di kelas itu) -> pakai itu.\n * 2. Kalau tidak -> kelas yang diampu sebagai WALI KELAS (`kelas_sendiri`).\n * 3. Kalau guru bukan wali kelas di manapun -> kelas Guru Mapel pertama (urut abjad).\n * 4. Kalau guru belum terdaftar di kelas manapun -> null.\n */\nexport function resolveKelasAktif(\n kelasPeranMap: Record,\n kelasParam: string | null,\n): KelasAktifResolved {\n const kelasSendiri = Object.keys(kelasPeranMap).find(\n (k) => kelasPeranMap[k] === \"wali_kelas\",\n ) || null;\n const kelasList: KelasPeranEntry[] = Object.keys(kelasPeranMap)\n .sort()\n .map((k) => ({ kelas: k, peran: kelasPeranMap[k] }));\n\n const kelasTerpilih =\n (kelasParam && kelasParam in kelasPeranMap ? kelasParam : null) ||\n kelasSendiri ||\n kelasList[0]?.kelas ||\n null;\n const peranTerpilih = kelasTerpilih ? kelasPeranMap[kelasTerpilih] : null;\n\n return {\n kelas_sendiri: kelasSendiri,\n kelas_terpilih: kelasTerpilih,\n peran_terpilih: peranTerpilih,\n kelas_list: kelasList,\n };\n}\n\n/**\n * Versi siap-pakai dari resolveKelasAktif: ambil peta peran guru dari DB\n * lalu langsung resolusikan kelas aktifnya. Ini fungsi yang sebaiknya\n * dipanggil route lain (bukan resolveKelasAktif mentah) supaya query\n * guru_kelas tidak ditulis ulang di tiap route.\n */\nexport async function getKelasAktif(\n userId: number,\n kelasParam: string | null,\n): Promise {\n const kelasPeranMap = await getKelasPeranMap(userId);\n return resolveKelasAktif(kelasPeranMap, kelasParam);\n}\n\n/**\n * Daftar mapel yang diampu guru KHUSUS di satu kelas aktif (dipakai untuk\n * menyaring pilihan mapel di menu Nilai, supaya hanya menampilkan mapel yang\n * relevan dengan kelas yang sedang dipilih, bukan seluruh mapel dari semua\n * kelas yang diampu). Wali kelas mengajar semua mapel yang sudah diatur di\n * menu KKM (kkm_mapel); guru mapel hanya mengajar mapel yang didaftarkan\n * untuk kelas tsb di guru_kelas.\n */\nexport async function getMapelKelasAktif(\n userId: number,\n kelas: string,\n peran: string | null,\n): Promise {\n if (peran === \"wali_kelas\") {\n const rows = must(\n await supabase.from(\"kkm_mapel\").select(\"mapel\").eq(\"user_id\", userId),\n );\n return [...new Set((rows as any[]).map((r) => r.mapel))].sort();\n }\n const rows = must(\n await supabase.from(\"guru_kelas\").select(\"mapel\").eq(\"user_id\", userId)\n .eq(\"kelas\", kelas).eq(\"peran\", \"guru_mapel\"),\n );\n return [...new Set((rows as any[]).map((r) => r.mapel).filter(Boolean))]\n .sort();\n}\n\nexport async function handleKelasSayaGet(userId: number): Promise {\n const data = must(\n await supabase.from(\"guru_kelas\").select(\"*\").eq(\"user_id\", userId)\n .order(\"kelas\", { ascending: true }),\n );\n return json({ success: true, data });\n}\n\nexport async function handleKelasSayaCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const kelas = String(b.kelas || \"\").trim();\n const peran = b.peran === \"wali_kelas\" ? \"wali_kelas\" : \"guru_mapel\";\n const mapel = peran === \"guru_mapel\" ? String(b.mapel || \"\").trim() : null;\n if (!kelas) {\n return json({ success: false, message: \"Nama kelas wajib diisi.\" }, 400);\n }\n if (peran === \"guru_mapel\" && !mapel) {\n return json({\n success: false,\n message: \"Mapel wajib diisi untuk peran Guru Mapel.\",\n }, 400);\n }\n\n // Satu guru hanya boleh menjadi Wali Kelas untuk SATU kelas saja.\n if (peran === \"wali_kelas\") {\n const existingWali = must(\n await supabase.from(\"guru_kelas\").select(\"id, kelas\").eq(\n \"user_id\",\n userId,\n ).eq(\"peran\", \"wali_kelas\"),\n );\n if ((existingWali as any[]).length > 0) {\n const kelasLama = (existingWali as any[])[0].kelas;\n return json({\n success: false,\n message:\n `Anda sudah terdaftar sebagai Wali Kelas ${kelasLama}. Setiap guru hanya bisa menjadi Wali Kelas untuk satu kelas. Hapus penugasan lama terlebih dahulu jika ingin menggantinya.`,\n }, 400);\n }\n }\n\n const { error } = await supabase.from(\"guru_kelas\").insert({\n user_id: userId,\n kelas,\n peran,\n mapel,\n });\n if (error) {\n return json({\n success: false,\n message: \"Gagal menambah kelas: \" + error.message,\n }, 500);\n }\n return json({\n success: true,\n message: \"Kelas berhasil ditambahkan ke daftar Anda.\",\n });\n}\n\nexport async function handleKelasSayaDelete(\n id: number,\n userId: number,\n): Promise {\n // Hanya boleh hapus penugasan milik sendiri.\n const { error } = await supabase.from(\"guru_kelas\").delete().eq(\"id\", id)\n .eq(\"user_id\", userId);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({\n success: true,\n message: \"Kelas berhasil dihapus dari daftar Anda.\",\n });\n}",[],[257,709],"fa69aec5-ad51-4639-94ed-937bec670206","e8732eaa-7db9-11f1-9dd7-1607ee4eb77e",715,["D",1784766543092],"/**\n * routes/jurnal.ts\n * Jurnal mengajar guru, dibatasi hanya untuk kelas yang diampu.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAktif, getKelasAmpu } from \"./kelas.ts\";\n\n/**\n * Ambil daftar siswa yang tidak hadir (status absensi selain \"Hadir\") untuk\n * kombinasi kelas+tanggal tertentu, langsung dari tabel absensi -- supaya\n * kolom \"siswa_tidak_masuk\" di jurnal SELALU sinkron dengan data Absensi\n * Harian (tidak diisi manual oleh guru) dan tidak bisa berbeda dari catatan\n * absensi yang sebenarnya.\n */\nasync function getSiswaTidakMasuk(\n kelas: string,\n tanggal: string,\n): Promise {\n const siswaList = must(\n await supabase.from(\"siswa\").select(\"id,nama\").eq(\"status\", \"Aktif\").eq(\n \"kelas\",\n kelas,\n ).order(\"no_absen\", { ascending: true }).order(\"nama\", {\n ascending: true,\n }),\n );\n if (!siswaList.length) return \"\";\n const absList = must(\n await supabase.from(\"absensi\").select(\"siswa_id,status\").eq(\n \"tanggal\",\n tanggal,\n ),\n );\n const map: Record = {};\n (absList as any[]).forEach((a) => (map[a.siswa_id] = a.status));\n return (siswaList as any[])\n .filter((s) => map[s.id] && map[s.id] !== \"Hadir\")\n .map((s) => `${s.nama} (${map[s.id]})`)\n .join(\", \");\n}\n\nexport async function handleJurnalGet(\n url: URL,\n userId: number,\n): Promise {\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const data = must(\n await supabase.from(\"jurnal_guru\").select(\"*\").eq(\"kelas\", kelas_terpilih)\n .order(\"tanggal\", { ascending: false }).order(\"id\", {\n ascending: false,\n }),\n );\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data,\n });\n}\n\nexport async function handleJurnalCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.tanggal || !b.mapel || !b.kelas) {\n return json({\n success: false,\n message: \"Tanggal, mapel, dan kelas wajib diisi.\",\n }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas)) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const siswaTidakMasuk = await getSiswaTidakMasuk(b.kelas, b.tanggal);\n const { error } = await supabase.from(\"jurnal_guru\").insert({\n tanggal: b.tanggal,\n jam_ke: b.jam_ke || \"\",\n pertemuan_ke: b.pertemuan_ke || \"\",\n mapel: b.mapel,\n kelas: b.kelas,\n materi_tp: b.materi_tp || \"\",\n kegiatan: b.kegiatan || \"\",\n siswa_tidak_masuk: siswaTidakMasuk,\n catatan_kelas: b.catatan_kelas || \"\",\n hambatan_solusi: b.hambatan_solusi || \"\",\n });\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jurnal berhasil disimpan.\" });\n}\n\nexport async function handleJurnalUpdate(\n req: Request,\n id: number,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.tanggal || !b.mapel || !b.kelas) {\n return json({\n success: false,\n message: \"Tanggal, mapel, dan kelas wajib diisi.\",\n }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"jurnal_guru\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Jurnal tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n if (!kelasAmpu.includes(b.kelas)) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu.`,\n }, 403);\n }\n const siswaTidakMasuk = await getSiswaTidakMasuk(b.kelas, b.tanggal);\n const { error } = await supabase.from(\"jurnal_guru\").update({\n tanggal: b.tanggal,\n jam_ke: b.jam_ke || \"\",\n pertemuan_ke: b.pertemuan_ke || \"\",\n mapel: b.mapel,\n kelas: b.kelas,\n materi_tp: b.materi_tp || \"\",\n kegiatan: b.kegiatan || \"\",\n siswa_tidak_masuk: siswaTidakMasuk,\n catatan_kelas: b.catatan_kelas || \"\",\n hambatan_solusi: b.hambatan_solusi || \"\",\n }).eq(\"id\", id);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jurnal berhasil diperbarui.\" });\n}\n\nexport async function handleJurnalDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"jurnal_guru\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Jurnal tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const { error } = await supabase.from(\"jurnal_guru\").delete().eq(\"id\", id);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jurnal berhasil dihapus.\" });\n}",[],[257,585],"c7db1117-73e7-47dd-8741-f26ae188abd0","f71e9d68-7db9-11f1-8081-1607ee4eb77e",396,["D",1784003306660],"/**\n * routes/jadwal.ts\n * Jadwal mengajar, dibatasi hanya untuk kelas yang diampu guru yang login.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAmpu } from \"./kelas.ts\";\n\nexport async function handleJadwalGet(userId: number): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelasAmpu.length === 0) return json({ success: true, data: [] });\n const data = must(\n await supabase.from(\"jadwal_mengajar\").select(\"*\").in(\"kelas\", kelasAmpu)\n .order(\"id\", { ascending: true }),\n );\n return json({ success: true, data });\n}\n\nexport async function handleJadwalCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.hari || !b.jam || !b.mapel || !b.kelas) {\n return json({ success: false, message: \"Data jadwal tidak lengkap.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas)) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const { error } = await supabase.from(\"jadwal_mengajar\").insert({\n hari: b.hari,\n jam: b.jam,\n mapel: b.mapel,\n kelas: b.kelas,\n });\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jadwal berhasil ditambahkan.\" });\n}\n\nexport async function handleJadwalUpdate(\n req: Request,\n id: number,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.hari || !b.jam || !b.mapel || !b.kelas) {\n return json({ success: false, message: \"Data jadwal tidak lengkap.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(await supabase.from(\"jadwal_mengajar\").select(\"kelas\").eq(\"id\", id));\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Jadwal tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n if (!kelasAmpu.includes(b.kelas)) {\n return json({\n success: false,\n message: `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu.`,\n }, 403);\n }\n const { error } = await supabase.from(\"jadwal_mengajar\").update({\n hari: b.hari,\n jam: b.jam,\n mapel: b.mapel,\n kelas: b.kelas,\n }).eq(\"id\", id);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jadwal berhasil diperbarui.\" });\n}\n\nexport async function handleJadwalDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(await supabase.from(\"jadwal_mengajar\").select(\"kelas\").eq(\"id\", id));\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Jadwal tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const { error } = await supabase.from(\"jadwal_mengajar\").delete().eq(\"id\", id);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Jadwal berhasil dihapus.\" });\n}",[],[257,594],"6b6b19b7-e1fb-4c67-900c-10043e22ca8a","02626c5e-7dba-11f1-a0ea-1607ee4eb77e",590,["D",1784346094684],9,"/**\n * routes/dashboard.ts\n * Statistik untuk grafik di halaman Dashboard, dibatasi ke siswa di\n * kelas yang diampu guru yang sedang login.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { DEFAULT_KKM, getPetaKkm } from \"./kkm.ts\";\nimport { getKelasAktif } from \"./kelas.ts\";\n\ntype KelasSummary = {\n kelas: string | null;\n total_siswa: number;\n total_l: number;\n total_p: number;\n absensi_hari_ini: { status: string; jumlah: number }[];\n rata_nilai_mapel: { mapel: string; rata: number; kkm: number }[];\n ketuntasan: { tuntas: number; belum_tuntas: number };\n};\n\nconst KOSONG: Omit = {\n total_siswa: 0,\n total_l: 0,\n total_p: 0,\n absensi_hari_ini: [],\n rata_nilai_mapel: [],\n ketuntasan: { tuntas: 0, belum_tuntas: 0 },\n};\n\n/** Hitung ringkasan statistik (kartu, grafik ketuntasan/kehadiran, rata nilai mapel) untuk SATU nama kelas saja. */\nasync function hitungRingkasanKelas(\n kelas: string,\n petaKkm: Record,\n): Promise {\n const siswaRows = must(\n await supabase.from(\"siswa\").select(\"id, jk, status\").eq(\"kelas\", kelas),\n ) as any[];\n const ids = siswaRows.map((s) => s.id);\n if (ids.length === 0) return { kelas, ...KOSONG };\n\n const siswaAktif = siswaRows.filter((s) => s.status === \"Aktif\");\n const totL = siswaAktif.filter((s) => s.jk === \"L\").length;\n const totP = siswaAktif.filter((s) => s.jk === \"P\").length;\n\n const tgl = new Date().toISOString().slice(0, 10);\n const absHariRaw = must(\n await supabase.from(\"absensi\").select(\"status\").eq(\"tanggal\", tgl).in(\n \"siswa_id\",\n ids,\n ),\n );\n const absMap: Record = {};\n absHariRaw.forEach((\n a: any,\n ) => (absMap[a.status] = (absMap[a.status] || 0) + 1));\n const absHari = Object.entries(absMap).map(([status, jumlah]) => ({\n status,\n jumlah,\n }));\n\n const allNilai = must(\n await supabase.from(\"nilai_tp\").select(\"mapel, nilai_akhir\").in(\n \"siswa_id\",\n ids,\n ),\n );\n\n const mapelGroup: Record = {};\n allNilai.forEach((n: any) => {\n (mapelGroup[n.mapel] ||= []).push(n.nilai_akhir);\n });\n const nilaiMapel = Object.entries(mapelGroup).map(([mapel, arr]) => ({\n mapel,\n rata: Math.round((arr.reduce((a, b) => a + b, 0) / arr.length) * 100) / 100,\n kkm: petaKkm[mapel] ?? DEFAULT_KKM,\n }));\n\n let tuntas = 0, belum = 0;\n allNilai.forEach((n: any) => {\n const kkm = petaKkm[n.mapel] ?? DEFAULT_KKM;\n if (n.nilai_akhir >= kkm) tuntas++;\n else belum++;\n });\n\n return {\n kelas,\n total_siswa: siswaAktif.length,\n total_l: totL,\n total_p: totP,\n absensi_hari_ini: absHari,\n rata_nilai_mapel: nilaiMapel,\n ketuntasan: { tuntas, belum_tuntas: belum },\n };\n}\n\n/**\n * Statistik Dashboard: kartu/grafik utama menampilkan SATU kelas terpilih\n * (`kelas_terpilih`) saja per request. Guru bisa memilih kelas mana yang\n * ingin dilihat lewat parameter query `?kelas=`, dari daftar seluruh kelas\n * yang ia ampu (`kelas_list`, berisi peran wali_kelas/guru_mapel di tiap\n * kelas) — dipakai front-end untuk tombol ganti kelas. Kalau parameter\n * `kelas` kosong/tidak valid, default-nya adalah kelas yang diampu sebagai\n * WALI KELAS (`kelas_sendiri`); kalau guru belum jadi wali kelas di kelas\n * manapun, jatuh ke kelas Guru Mapel pertama. Kalau guru belum terdaftar\n * di kelas manapun, statistik kosong (bukan 0 karena tidak ada siswa,\n * tapi karena memang belum ada kelas yang diampu).\n */\nexport async function handleStats(\n userId: number,\n kelasParam: string | null,\n): Promise {\n const { kelas_sendiri, kelas_terpilih, peran_terpilih, kelas_list } =\n await getKelasAktif(userId, kelasParam);\n\n const petaKkm = await getPetaKkm(userId);\n\n const utama: KelasSummary = kelas_terpilih\n ? await hitungRingkasanKelas(kelas_terpilih, petaKkm)\n : { kelas: null, ...KOSONG };\n\n return json({\n success: true,\n kelas_sendiri,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n total_siswa: utama.total_siswa,\n total_l: utama.total_l,\n total_p: utama.total_p,\n absensi_hari_ini: utama.absensi_hari_ini,\n rata_nilai_mapel: utama.rata_nilai_mapel,\n ketuntasan: utama.ketuntasan,\n });\n}",[],[257,351],"1a3077d3-81ab-47aa-bbb2-ac39edffb461","0a72d780-7dba-11f1-bc02-1607ee4eb77e",593,["D",1784346428216],"/**\n * routes/absensi.ts\n * Absensi harian: daftar siswa + status kehadiran per tanggal, dibatasi\n * hanya untuk kelas yang diampu guru yang sedang login.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAktif, getKelasAmpu, getSiswaIdsAmpu } from \"./kelas.ts\";\n\nexport async function handleAbsensiGet(\n url: URL,\n userId: number,\n): Promise {\n const tgl = url.searchParams.get(\"tanggal\") ||\n new Date().toISOString().slice(0, 10);\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n tanggal: tgl,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const siswaList = must(\n await supabase.from(\"siswa\").select(\"*\").eq(\"status\", \"Aktif\").eq(\n \"kelas\",\n kelas_terpilih,\n ).order(\"no_absen\", { ascending: true }).order(\"nama\", {\n ascending: true,\n }),\n );\n const absList = must(\n await supabase.from(\"absensi\").select(\"*\").eq(\"tanggal\", tgl),\n );\n const map: Record = {};\n (absList as any[]).forEach((a) => (map[a.siswa_id] = a.status));\n return json({\n success: true,\n tanggal: tgl,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data: (siswaList as any[]).map((s) => ({\n ...s,\n status_absensi: map[s.id] || \"Hadir\",\n })),\n });\n}\n\nexport async function handleAbsensiSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!b.tanggal || !Array.isArray(b.records)) {\n return json({ success: false, message: \"Data tidak lengkap.\" }, 400);\n }\n const idsSet = new Set(await getSiswaIdsAmpu(userId));\n for (const r of b.records) {\n if (!idsSet.has(Number(r.siswa_id))) continue; // lewati siswa di luar kelas yang diampu\n const existing = must(\n await supabase.from(\"absensi\").select(\"id\").eq(\"tanggal\", b.tanggal).eq(\n \"siswa_id\",\n r.siswa_id,\n ),\n );\n if (existing.length > 0) {\n await supabase.from(\"absensi\").update({ status: r.status }).eq(\n \"id\",\n (existing[0] as any).id,\n );\n } else {\n await supabase.from(\"absensi\").insert({\n tanggal: b.tanggal,\n siswa_id: r.siswa_id,\n status: r.status,\n });\n }\n }\n return json({ success: true, message: \"Absensi berhasil disimpan.\" });\n}\n\n/** Rekap seluruh riwayat absensi (semua tanggal) untuk kebutuhan cetak rekap bulanan. */\nexport async function handleAbsensiRekap(userId: number): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelasAmpu.length === 0) {\n return json({ success: true, siswa: [], absensi: [] });\n }\n const siswaList = must(\n await supabase.from(\"siswa\").select(\"*\").eq(\"status\", \"Aktif\").in(\n \"kelas\",\n kelasAmpu,\n ).order(\"kelas\", { ascending: true }).order(\"no_absen\", {\n ascending: true,\n }).order(\"nama\", { ascending: true }),\n );\n const idsAmpu = (siswaList as any[]).map((s) => s.id);\n const absList = idsAmpu.length\n ? must(\n await supabase.from(\"absensi\").select(\"*\").in(\"siswa_id\", idsAmpu)\n .order(\"tanggal\", { ascending: true }),\n )\n : [];\n return json({ success: true, siswa: siswaList, absensi: absList });\n}",[],[257,627],["D",1783837245210],[273,274,275,276,277,278,279,280,281,282,283,284,285],[257],["D",1783752405409],["D",1789526460011],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":786,"_787":788,"_789":790,"_791":25,"_792":25,"_793":25,"_794":60,"_795":-5,"_796":-7,"_797":-7,"_798":64,"_799":25,"_800":25,"_801":-5,"_802":25,"_803":25,"_804":25,"_805":-5},"ENV",{"_757":758,"_759":760,"_761":91,"_762":763,"_764":765,"_766":767,"_768":769,"_770":771,"_772":773,"_774":775,"_776":777,"_778":779,"_780":781,"_782":783,"_784":785},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Jurnal Mengajar

Jurnal Mengajar

Administrasi Kelas & Guru

Menu Navigasi

Edit Profil

Struktur Organisasi Kelas

Tambah Anggota Struktur

Struktur Organisasi Kelas

Data Siswa

Tambah Siswa

Import Data Siswa dari Excel

Profil Saya

Selamat datang!

Edit Profil

Poin Reward & Hukuman

Papan Peringkat Poin

Penilaian

Student Lookup

Anda menjadi wali kelas apa?

Kelas Saya

Mapel di Kelas Sendiri

Mapel di Kelas Lain (Luar)

Jadwal Mengajar

Dashboard

Ketuntasan Nilai (per KKM mapel)

Kehadiran Hari Ini

Rata-rata Nilai per Mapel

-

Jadwal Hari Ini

Papan Peringkat Poin

Absensi Harian

STRUKTUR ORGANISASI

KELAS '+x(STRUKTUR_KELAS)+'

DATA SISWA DAN ORANG TUA / WALI MURID

\\${x(s.nama)}

DAFTAR NILAI SEMESTER

JURNAL GURU MENGAJAR

JADWAL PELAJARAN KELAS

'+title+'

Kelas '+x(g.kelas)+'

REKAP ABSENSI BULANAN

Diff · v716