[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_763":764,"_765":766},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",734,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","views/components/scripts/absensi.ts","latestPath","fileId","390105f4-7e9b-11f1-9a6a-1607ee4eb77e","name","absensi.ts","fileType","script","content","/**\n * views/components/scripts/absensi.ts\n * Logika menu Absensi Harian: memuat daftar siswa+status per tanggal,\n * dikelompokkan per kelas (guru bisa mengampu lebih dari satu kelas,\n * baik sebagai Wali Kelas maupun Guru Mapel), dengan nomor urut absen\n * mengikuti field No. Absen di Data Siswa (bukan nomor urut baris),\n * dan menyimpan absensi.\n *\n * Kelas aktif global: /api/absensi HANYA mengembalikan data untuk SATU\n * kelas (kelas_terpilih hasil resolusi backend), jadi setiap kali\n * KELAS_AKTIF berubah lewat toggle topbar, loadAbs() dipanggil ulang\n * dengan parameter ?kelas=KELAS_AKTIF supaya data yang diambil benar-benar\n * untuk kelas yang sedang dipilih (bukan cache/kelas default lain).\n */\nexport function renderAbsensiScript(): string {\n return `\n// ABSENSI\nfunction wrapNamaAbs(nama){\n const parts=(nama||'').trim().split(/\\\\s+/);\n if(parts.length<=2)return x(nama);\n return x(parts.slice(0,2).join(' '))+'
'+x(parts.slice(2).join(' '));\n}\n\n// Kelompokkan daftar siswa per kelas. Backend (/api/absensi) sudah\n// mengurutkan data per kelas lalu per no_absen, jadi baris dengan kelas\n// yang sama pasti berurutan -> aman dikelompokkan tanpa sorting ulang.\nfunction groupAbsPerKelas(data){\n const groups=[];\n const idxByKelas={};\n data.forEach(r=>{\n const k=r.kelas||'(Tanpa Kelas)';\n if(!(k in idxByKelas)){idxByKelas[k]=groups.length;groups.push({kelas:k,rows:[]});}\n groups[idxByKelas[k]].rows.push(r);\n });\n return groups;\n}\n\nfunction renderAbsStatusOptions(status){\n return \\`\\`;\n}\n\n// State absensi harian yang sedang dimuat, dipertahankan di memori supaya\n// pindah kelas mapel via toggle tidak perlu fetch ulang dan tidak\n// kehilangan status yang sudah diubah tapi belum disimpan.\nlet absState={data:[],kelasPeran:{}};\n\n// Baca ulang nilai select yang sedang tampil di DOM balik ke absState,\n// dipanggil sebelum pindah kelas mapel / sebelum simpan supaya perubahan\n// yang belum sempat ke-render ulang tidak hilang.\nfunction syncAbsEditsToData(){\n document.querySelectorAll('#absGroups .asel').forEach(s=>{\n const id=Number(s.dataset.sid);\n const rec=absState.data.find(r=>r.id===id);\n if(rec)rec.status_absensi=s.value;\n });\n}\n\nasync function loadAbs(){\n const tgl=document.getElementById('absTgl').value||today();\n const kelasQ=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?('&kelas='+encodeURIComponent(KELAS_AKTIF)):'';\n const d=await api('/api/absensi?tanggal='+tgl+kelasQ);\n absState={data:d.data||[],kelasPeran:d.kelasPeran||{}};\n renderAbsGroups();\n}\n\nfunction renderAbsGroups(){\n const box=document.getElementById('absGroups');box.innerHTML='';\n const kelasAktif=(typeof KELAS_AKTIF!=='undefined')?KELAS_AKTIF:null;\n if(!kelasAktif){\n box.innerHTML='

Belum ada siswa aktif di kelas yang Anda ampu.

';\n return;\n }\n // Nama kelas sudah diwakili toggle Kelas Aktif di topbar, jadi di sini\n // langsung difilter tanpa bar judul kelas lagi (tidak ada lagi grouping\n // per-kelas di layar, cukup satu daftar untuk kelas yang sedang aktif).\n const rows=absState.data.filter(r=>r.kelas===kelasAktif);\n\n if(rows.length===0){\n box.innerHTML='

Belum ada siswa aktif di kelas yang Anda ampu.

';\n return;\n }\n\n const card=document.createElement('div');\n card.className='bg-white rounded-2xl shadow overflow-hidden';\n card.innerHTML=\\`

\\${rows.length} siswa

No	Nama	Status Kehadiran

\\`;\n const tb=card.querySelector('tbody');\n const cards=card.lastElementChild;\n\n rows.forEach((r,i)=>{\n // Nomor absen ikut field no_absen di Data Siswa; kalau kosong, jatuh ke\n // urutan ke-berapa siswa itu di dalam kelasnya (bukan urutan lintas kelas).\n const nomor=r.no_absen||(i+1);\n const tr=document.createElement('tr');tr.className='border-t';\n tr.innerHTML=\\`\\${nomor}\\${x(r.nama)}\\${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)

Belum ada siswa aktif di kelas yang Anda ampu.

';\n return;\n }\n\n const card=document.createElement('div');\n card.className='bg-white rounded-2xl shadow overflow-hidden';\n card.innerHTML=\\`

\\${rows.length} siswa

No	Nama	Status Kehadiran

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

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}","createdAt",["D",1785388318855],"branchVersion","branchId","ba53336b-f675-475b-ad98-31fcbb1abadc","id","95e2c9e5-24ac-4d16-80f7-0cb024e0760e","administrasi_guru",["D",1783752405409],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","APLIKASI WEB ADMINISTRASI KELAS DAN GURU TERPADU","imageUrl","992961c3-d853-4f33-891e-6befa08ebdea","pinnedFileId","ada87e92-7db9-11f1-8869-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e816c-8138-77ee-90fb-c8d9a829576f","tursoName","95e2c9e524ac4d1680f70cb024e0760e","tursoHostname","95e2c9e524ac4d1680f70cb024e0760e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789526460011],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",792,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","thesleepyholic","handle","displayName","The Sleepy Holic","avatar","https://lh3.googleusercontent.com/a/ACg8ocKWNutdQNCKQpzm17_HQMSp-JDJOlBElSxJRU2c9jv12VMyENZs=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":758,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":759,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":760,"_85":761,"_87":762,"_89":25},"tree",[272,287,325,326,327,328],"files",[272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328],"counts",{"_262":64,"_263":253,"_264":64,"_265":266,"_267":268},"contents",[207,208,209,210,211,212],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":206,"_170":-5},{"_44":205,"_170":-5},{"_44":204,"_170":-5},{"_44":203,"_170":-5},{"_44":202,"_170":-5},{"_44":201,"_170":-5},{"_44":200,"_170":-5},{"_44":199,"_170":-5},{"_44":198,"_170":-5},{"_44":197,"_170":-5},{"_44":196,"_170":-5},{"_44":195,"_170":-5},{"_44":194,"_170":-5},{"_44":193,"_170":-5},{"_44":192,"_170":-5},{"_44":191,"_170":-5},{"_44":190,"_170":-5},{"_44":189,"_170":-5},{"_44":188,"_170":-5},{"_44":187,"_170":-5},{"_44":186,"_170":-5},{"_44":185,"_170":-5},{"_44":184,"_170":-5},{"_44":183,"_170":-5},{"_44":182,"_170":-5},{"_44":181,"_170":-5},{"_44":180,"_170":-5},{"_44":179,"_170":-5},{"_44":178,"_170":-5},{"_44":177,"_170":-5},{"_44":176,"_170":-5},{"_44":175,"_170":-5},{"_44":174,"_170":-5},{"_44":173,"_170":-5},{"_44":172,"_170":-5},{"_44":171,"_170":-5},{"_44":169,"_170":-5},"9825487c-06df-4046-8d64-5e1a97235880","reporterId","d4bee0c4-d855-440b-9831-f939d3d9e43c","1e79619b-e424-4f32-903e-0b5421926149","8bc9c66f-2c5e-415c-a8eb-7138b06dec22","2aaaa363-3cf3-4d16-966f-a2c9380d0046","e12afcc0-09be-429a-97b3-cdc47d8ddcea","608c197a-d2e0-401e-97f6-1142f635e1ef","64a29c20-4a83-4af2-a34d-34ce62e47319","83e291ee-ec4f-45c7-96d4-edbac2fdc68b","a6601a7c-3731-4c07-b3c9-aeb1fa59cc9d","7c190a53-ef36-4dc6-89aa-64e3d9fe62c5","7ba08cdd-b15c-4e06-9164-1f0352338396","54186284-5de5-4e97-84f5-608e327c17b0","8a798c46-c5d7-4f97-a7cd-e4a864652a90","2a24cc42-c29a-4105-abb1-84d9a2506a38","be60403f-48cc-44e1-b6b4-7def8f3c0968","45aed635-8e55-4982-95a5-b17403d5ef80","a17c469f-6c3d-41b4-bd8a-437782783fd1","5d0408dd-08c9-4ee7-b11c-0e0a3200588b","5fb790c5-e5d9-49c9-953f-65e6f0bb6902","758506cb-297d-4eec-8cdf-ef6884673e65","aa1bf326-ecda-43a6-866e-c4804cf11ab7","e0403f93-433f-4785-ada3-682495ff1d8c","b20778da-913f-4a09-ab15-9897f0846574","cf2763e5-d05c-4b59-9d6d-d3a4f385fdc1","2f39477f-7bba-4ee5-93f1-81373941ad51","1c204b1f-69a6-4138-8096-2f664ab3484a","d5463d8a-40c3-4e7c-a78a-a67e095c9672","56cf0af6-e035-494d-a524-d052d334a3d1","e808069b-291f-49b4-9f14-d931bd7bb161","5ed80705-64cc-448b-8a4e-f40ee2395ed9","209b026f-86e9-44df-af9d-63a7d1bf2ccb","665b90b3-df33-4fe1-9800-ebc3a3ec5683","d37f8d0e-5f61-45ff-b871-6d3d6775feb4","f647c19a-5782-4df5-b134-6f6995737ec5","5668aa35-3d07-4df4-aa88-6c3582f6373b","2d053305-a9e0-4b9c-9d37-1a56f1494760",{"_44":256,"_32":257,"_30":258,"_216":-5,"_42":43,"_41":259,"_218":60,"_39":260,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_27":261},{"_44":248,"_32":249,"_30":250,"_216":-5,"_42":43,"_41":251,"_218":60,"_39":252,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_27":255},{"_44":241,"_32":242,"_30":243,"_216":-5,"_42":43,"_41":244,"_218":60,"_39":245,"_13":238,"_34":35,"_36":246,"_24":25,"_222":-5,"_27":247},{"_44":233,"_32":234,"_30":235,"_216":-5,"_42":43,"_41":236,"_218":60,"_39":237,"_13":238,"_34":35,"_36":239,"_24":25,"_222":-5,"_27":240},{"_44":224,"_32":225,"_30":58,"_216":-5,"_42":43,"_41":226,"_218":25,"_39":227,"_13":228,"_34":229,"_36":230,"_24":25,"_222":231,"_27":232},{"_44":213,"_32":214,"_30":215,"_216":-5,"_42":43,"_41":217,"_218":60,"_39":219,"_13":220,"_34":35,"_36":221,"_24":25,"_222":-5,"_27":223},"a692f878-9657-43a4-b4d7-ea7d2ba43af8","utils.ts","b721a5d4-7db9-11f1-a94d-1607ee4eb77e","parentId",134,"latest",["D",1783837213505],2,"/**\n * utils.ts\n * Helper umum yang dipakai di seluruh project.\n */\n\nexport function json(data: any, status = 200, h: Record = {}) {\n return new Response(JSON.stringify(data), {\n status,\n headers: { \"Content-Type\": \"application/json; charset=utf-8\", ...h },\n });\n}\n\nexport function html(body: string, h: Record = {}) {\n return new Response(body, {\n status: 200,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", ...h },\n });\n}\n\nexport function cookies(req: Request): Record {\n const out: Record = {};\n (req.headers.get(\"Cookie\") || \"\").split(\";\").forEach((p) => {\n const i = p.indexOf(\"=\");\n if (i > -1) {\n const k = p.slice(0, i).trim();\n const v = p.slice(i + 1).trim();\n if (k) out[k] = decodeURIComponent(v);\n }\n });\n return out;\n}\n\nexport function esc(s: any): string {\n if (s == null) return \"\";\n return String(s)\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}\n\n/** Melempar error kalau query Supabase gagal, dan mengembalikan data-nya saja. */\nexport function must(res: { data: T; error: any }): T {\n if (res.error) {\n throw new Error(res.error.message || JSON.stringify(res.error));\n }\n return res.data;\n}","label",[214],"938330eb-352e-4ffb-8604-9be06f3ed47f","http.ts",727,["D",1785387181626],24,"http","/**\n * ============================================================================\n * http.ts — ENTRY POINT UTAMA\n * Administrasi Kelas & Guru — Versi Supabase (multi-guru, data per kelas)\n * ============================================================================\n * Set file ini sebagai HTTP Val entry point di pengaturan Project Val Town.\n *\n * SETUP WAJIB SEBELUM DEPLOY:\n * 1. Jalankan supabase-schema.sql + migrasi guru_kelas di Supabase SQL Editor.\n * 2. Di sidebar kiri val ini, buka Environment Variables, tambahkan:\n * SUPABASE_URL (Supabase > Settings > API > Project URL)\n * SUPABASE_SERVICE_ROLE_KEY (Supabase > Settings > API > service_role key)\n * Login uji coba: guru / password123\n * ============================================================================\n */\n\nimport { initDb } from \"./db.ts\";\nimport {\n getUser,\n handleLogin,\n handleLogout,\n handleRegister,\n type User,\n} from \"./auth.ts\";\nimport { html, json } from \"./utils.ts\";\n\nimport { LOGIN_HTML } from \"./views/login.ts\";\nimport { renderDashboard } from \"./views/dashboard.ts\";\n\nimport { handleStats } from \"./routes/dashboard.ts\";\nimport {\n handleSiswaCreate,\n handleSiswaDelete,\n handleSiswaGet,\n handleSiswaImport,\n handleSiswaLookup,\n handleSiswaProfil,\n handleSiswaTemplate,\n handleSiswaUpdate,\n} from \"./routes/siswa.ts\";\nimport {\n handleAbsensiGet,\n handleAbsensiRekap,\n handleAbsensiSave,\n} from \"./routes/absensi.ts\";\nimport {\n handleNilaiBatchSave,\n handleNilaiDelete,\n handleNilaiFormatifBatchSave,\n handleNilaiGet,\n handleNilaiSave,\n handleNilaiSiswaGet,\n handleStsSasBatchSave,\n handleStsSasDelete,\n handleStsSasGet,\n handleStsSasSave,\n handleStsSasSiswaGet,\n} from \"./routes/nilai.ts\";\nimport {\n handleJurnalCreate,\n handleJurnalDelete,\n handleJurnalGet,\n handleJurnalUpdate,\n} from \"./routes/jurnal.ts\";\nimport {\n handleJadwalCreate,\n handleJadwalDelete,\n handleJadwalGet,\n handleJadwalUpdate,\n} from \"./routes/jadwal.ts\";\nimport {\n handlePoinCreate,\n handlePoinDelete,\n handlePoinGet,\n} from \"./routes/poin.ts\";\nimport { handleKkmGet, handleKkmSave } from \"./routes/kkm.ts\";\nimport {\n handleProfilGuruGet,\n handleProfilGuruUpdate,\n} from \"./routes/profil.ts\";\nimport { handleUpload } from \"./routes/upload.ts\";\nimport {\n handleStrukturCreate,\n handleStrukturDelete,\n handleStrukturGet,\n} from \"./routes/struktur.ts\";\nimport {\n getKelasAktif,\n handleKelasSayaCreate,\n handleKelasSayaDelete,\n handleKelasSayaGet,\n} from \"./routes/kelas.ts\";\nimport {\n handleTpCreate,\n handleTpDelete,\n handleTpGet,\n} from \"./routes/tujuanPembelajaran.ts\";\n\nasync function handleApi(\n req: Request,\n path: string,\n method: string,\n user: User,\n): Promise {\n const url = new URL(req.url);\n\n if (path === \"/api/stats\" && method === \"GET\") {\n return handleStats(user.id, url.searchParams.get(\"kelas\"));\n }\n\n // Resolusi kelas aktif (dipakai topbar class-switch di frontend, terlepas\n // dari halaman mana yang sedang dibuka) — sumbernya sama dengan yang\n // dipakai /api/stats dan semua route lain yang difilter per kelas.\n if (path === \"/api/kelas-aktif\" && method === \"GET\") {\n const resolved = await getKelasAktif(\n user.id,\n url.searchParams.get(\"kelas\"),\n );\n return json({ success: true, ...resolved });\n }\n\n if (path === \"/api/siswa\" && method === \"GET\") {\n return handleSiswaGet(url, user.id);\n }\n if (path === \"/api/siswa\" && method === \"POST\") {\n return handleSiswaCreate(req, user.id);\n }\n\n const mSiswa = path.match(/^\\/api\\/siswa\\/(\\d+)$/);\n if (mSiswa && method === \"PUT\") {\n return handleSiswaUpdate(req, Number(mSiswa[1]), user.id);\n }\n if (mSiswa && method === \"DELETE\") {\n return handleSiswaDelete(Number(mSiswa[1]), user.id);\n }\n\n if (path === \"/api/siswa/lookup\" && method === \"GET\") {\n return handleSiswaLookup(url, user.id);\n }\n\n if (path === \"/api/siswa/import\" && method === \"POST\") {\n return handleSiswaImport(req, user.id);\n }\n if (path === \"/api/siswa/template\" && method === \"GET\") {\n return handleSiswaTemplate();\n }\n\n const mProfil = path.match(/^\\/api\\/siswa\\/(\\d+)\\/profil$/);\n if (mProfil && method === \"GET\") {\n return handleSiswaProfil(Number(mProfil[1]), user.id);\n }\n\n if (path === \"/api/absensi/rekap\" && method === \"GET\") {\n return handleAbsensiRekap(user.id);\n }\n if (path === \"/api/absensi\" && method === \"GET\") {\n return handleAbsensiGet(url, user.id);\n }\n if (path === \"/api/absensi\" && method === \"POST\") {\n return handleAbsensiSave(req, user.id);\n }\n\n if (path === \"/api/nilai\" && method === \"GET\") {\n return handleNilaiGet(url, user.id);\n }\n if (path === \"/api/nilai\" && method === \"POST\") {\n return handleNilaiSave(req, user.id);\n }\n if (path === \"/api/nilai/siswa\" && method === \"GET\") {\n return handleNilaiSiswaGet(url, user.id);\n }\n if (path === \"/api/nilai/batch\" && method === \"POST\") {\n return handleNilaiBatchSave(req, user.id);\n }\n if (path === \"/api/nilai/formatif/batch\" && method === \"POST\") {\n return handleNilaiFormatifBatchSave(req, user.id);\n }\n const mNilai = path.match(/^\\/api\\/nilai\\/(\\d+)$/);\n if (mNilai && method === \"DELETE\") {\n return handleNilaiDelete(Number(mNilai[1]), user.id);\n }\n\n if (path === \"/api/sts-sas\" && method === \"GET\") {\n return handleStsSasGet(url, user.id);\n }\n if (path === \"/api/sts-sas\" && method === \"POST\") {\n return handleStsSasSave(req, user.id);\n }\n if (path === \"/api/sts-sas/siswa\" && method === \"GET\") {\n return handleStsSasSiswaGet(url, user.id);\n }\n if (path === \"/api/sts-sas/batch\" && method === \"POST\") {\n return handleStsSasBatchSave(req, user.id);\n }\n const mStsSas = path.match(/^\\/api\\/sts-sas\\/(\\d+)$/);\n if (mStsSas && method === \"DELETE\") {\n return handleStsSasDelete(Number(mStsSas[1]), user.id);\n }\n\n if (path === \"/api/jurnal\" && method === \"GET\") {\n return handleJurnalGet(url, user.id);\n }\n if (path === \"/api/jurnal\" && method === \"POST\") {\n return handleJurnalCreate(req, user.id);\n }\n const mJurnal = path.match(/^\\/api\\/jurnal\\/(\\d+)$/);\n if (mJurnal && method === \"PUT\") {\n return handleJurnalUpdate(req, Number(mJurnal[1]), user.id);\n }\n if (mJurnal && method === \"DELETE\") {\n return handleJurnalDelete(Number(mJurnal[1]), user.id);\n }\n\n if (path === \"/api/jadwal\" && method === \"GET\") {\n return handleJadwalGet(user.id);\n }\n if (path === \"/api/jadwal\" && method === \"POST\") {\n return handleJadwalCreate(req, user.id);\n }\n const mJadwal = path.match(/^\\/api\\/jadwal\\/(\\d+)$/);\n if (mJadwal && method === \"PUT\") {\n return handleJadwalUpdate(req, Number(mJadwal[1]), user.id);\n }\n if (mJadwal && method === \"DELETE\") {\n return handleJadwalDelete(Number(mJadwal[1]), user.id);\n }\n\n if (path === \"/api/poin\" && method === \"GET\") {\n return handlePoinGet(url, user.id);\n }\n if (path === \"/api/poin\" && method === \"POST\") {\n return handlePoinCreate(req, user.id);\n }\n const mPoin = path.match(/^\\/api\\/poin\\/(\\d+)$/);\n if (mPoin && method === \"DELETE\") {\n return handlePoinDelete(Number(mPoin[1]), user.id);\n }\n\n if (path === \"/api/kkm\" && method === \"GET\") return handleKkmGet(user.id);\n if (path === \"/api/kkm\" && method === \"POST\") {\n return handleKkmSave(req, user.id);\n }\n\n if (path === \"/api/profil-guru\" && method === \"GET\") {\n return handleProfilGuruGet(user.id);\n }\n if (path === \"/api/profil-guru\" && method === \"PUT\") {\n return handleProfilGuruUpdate(req, user.id);\n }\n\n if (path === \"/api/upload\" && method === \"POST\") return handleUpload(req);\n\n if (path === \"/api/struktur\" && method === \"GET\") {\n return handleStrukturGet(url, user.id);\n }\n if (path === \"/api/struktur\" && method === \"POST\") {\n return handleStrukturCreate(req, user.id);\n }\n const mStruktur = path.match(/^\\/api\\/struktur\\/(\\d+)$/);\n if (mStruktur && method === \"DELETE\") {\n return handleStrukturDelete(Number(mStruktur[1]), user.id);\n }\n\n if (path === \"/api/kelas-saya\" && method === \"GET\") {\n return handleKelasSayaGet(user.id);\n }\n if (path === \"/api/kelas-saya\" && method === \"POST\") {\n return handleKelasSayaCreate(req, user.id);\n }\n const mKelasSaya = path.match(/^\\/api\\/kelas-saya\\/(\\d+)$/);\n if (mKelasSaya && method === \"DELETE\") {\n return handleKelasSayaDelete(Number(mKelasSaya[1]), user.id);\n }\n\n if (path === \"/api/tp\" && method === \"GET\") {\n return handleTpGet(url, user.id);\n }\n if (path === \"/api/tp\" && method === \"POST\") {\n return handleTpCreate(req, user.id);\n }\n const mTp = path.match(/^\\/api\\/tp\\/(\\d+)$/);\n if (mTp && method === \"DELETE\") {\n return handleTpDelete(Number(mTp[1]), user.id);\n }\n\n return json({ success: false, message: \"Endpoint tidak ditemukan.\" }, 404);\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n const method = req.method;\n\n try {\n if (path === \"/api/login\" && method === \"POST\") {\n await initDb();\n return handleLogin(req);\n }\n\n if (path === \"/api/register\" && method === \"POST\") {\n await initDb();\n return handleRegister(req);\n }\n\n if (path === \"/api/logout\" && method === \"POST\") {\n return handleLogout();\n }\n\n // Verifikasi sesi — stateless, tidak menyentuh database\n const user = await getUser(req);\n\n if (path === \"/\" || path === \"\") {\n if (!user) return html(LOGIN_HTML);\n await initDb();\n return html(renderDashboard(user));\n }\n\n if (path.startsWith(\"/api/\")) {\n if (!user) {\n return json({\n success: false,\n message: \"Sesi tidak valid. Silakan login kembali.\",\n }, 401);\n }\n await initDb();\n return handleApi(req, path, method, user);\n }\n\n return new Response(\"Not Found\", { status: 404 });\n } catch (e) {\n console.error(\"[ERROR]\", e);\n return json({\n success: false,\n message: \"Terjadi kesalahan server: \" + String(e),\n }, 500);\n }\n}","administrasikelas",[225],"4fb4a7d3-d827-4a16-a880-6f4514b26f0e","db.ts","a399073c-7db9-11f1-865b-1607ee4eb77e",402,["D",1784003409013],5,"/**\n * db.ts\n * Koneksi Supabase (PostgreSQL) dan seed data awal.\n *\n * SETUP WAJIB (di Val Town > val ini > sidebar kiri > Environment Variables):\n * SUPABASE_URL -> Supabase > Settings > API > Project URL\n * SUPABASE_SERVICE_ROLE_KEY -> Supabase > Settings > API > service_role key\n * (Harus \"service_role\", BUKAN \"anon public\" — perlu akses baca/tulis penuh.)\n *\n * ⚠️ PENTING: jangan hardcode SUPABASE_URL/KEY di file ini — selalu ambil dari\n * Deno.env lewat Environment Variables Val Town, supaya key rahasia tidak\n * ikut terbawa kalau kode ini dibagikan/di-zip/di-commit ke tempat lain.\n *\n * Jangan lupa jalankan supabase-schema.sql + migrasi guru_kelas di Supabase\n * SQL Editor sekali sebelum pertama kali deploy.\n */\n\nimport { createClient } from \"npm:@supabase/supabase-js@2\";\nimport bcrypt from \"npm:bcryptjs@2.4.3\";\nimport { must } from \"./utils.ts\";\n\nconst SUPABASE_URL = Deno.env.get(\"SUPABASE_URL\");\nconst SUPABASE_KEY = Deno.env.get(\"SUPABASE_SERVICE_ROLE_KEY\");\n\nif (!SUPABASE_URL || !SUPABASE_KEY) {\n console.error(\n \"[KONFIGURASI HILANG] SUPABASE_URL / SUPABASE_SERVICE_ROLE_KEY belum diset di Environment Variables Val Town.\",\n );\n}\n\nexport const supabase = createClient(SUPABASE_URL ?? \"\", SUPABASE_KEY ?? \"\");\n\nlet ready = false;\n\nexport async function initDb() {\n if (ready) return;\n if (!SUPABASE_URL || !SUPABASE_KEY) {\n throw new Error(\n \"SUPABASE_URL / SUPABASE_SERVICE_ROLE_KEY belum diset di Environment Variables Val Town.\",\n );\n }\n\n const { count, error } = await supabase\n .from(\"users\")\n .select(\"*\", { count: \"exact\", head: true });\n if (error) throw new Error(\"Gagal terhubung ke Supabase: \" + error.message);\n\n if (count === 0) {\n const hashed = await bcrypt.hash(\"password123\", 10);\n const insertedGuru = must(\n await supabase\n .from(\"users\")\n .insert({\n username: \"guru\",\n password: hashed,\n nama_guru: \"Bapak/Ibu Guru\",\n })\n .select()\n .single(),\n );\n\n const sampleSiswa = [\n { nis: \"1001\", nisn: \"0051234561\", nama: \"Ahmad Fauzan\", jk: \"L\", status: \"Aktif\", kelas: \"VII-A\" },\n { nis: \"1002\", nisn: \"0051234562\", nama: \"Siti Nurhaliza\", jk: \"P\", status: \"Aktif\", kelas: \"VII-A\" },\n { nis: \"1003\", nisn: \"0051234563\", nama: \"Budi Santoso\", jk: \"L\", status: \"Aktif\", kelas: \"VII-A\" },\n { nis: \"1004\", nisn: \"0051234564\", nama: \"Dewi Lestari\", jk: \"P\", status: \"Aktif\", kelas: \"VII-B\" },\n { nis: \"1005\", nisn: \"0051234565\", nama: \"Rizky Pratama\", jk: \"L\", status: \"Aktif\", kelas: \"VII-B\" },\n { nis: \"1006\", nisn: \"0051234566\", nama: \"Nabila Putri\", jk: \"P\", status: \"Aktif\", kelas: \"VII-B\" },\n ];\n const insertedSiswa = must(\n await supabase.from(\"siswa\").insert(sampleSiswa).select(),\n );\n\n await supabase.from(\"jadwal_mengajar\").insert([\n { hari: \"Senin\", jam: \"07:00-08:30\", mapel: \"Matematika\", kelas: \"VII-A\" },\n { hari: \"Selasa\", jam: \"09:00-10:30\", mapel: \"IPA\", kelas: \"VII-B\" },\n { hari: \"Rabu\", jam: \"07:00-08:30\", mapel: \"Matematika\", kelas: \"VII-B\" },\n { hari: \"Kamis\", jam: \"10:30-12:00\", mapel: \"IPA\", kelas: \"VII-A\" },\n ]);\n\n // Akun 'guru' seed jadi Wali Kelas untuk kedua kelas contoh.\n await supabase.from(\"guru_kelas\").insert([\n { user_id: insertedGuru.id, kelas: \"VII-A\", peran: \"wali_kelas\" },\n { user_id: insertedGuru.id, kelas: \"VII-B\", peran: \"wali_kelas\" },\n ]);\n\n const today = new Date().toISOString().slice(0, 10);\n for (const s of insertedSiswa as any[]) {\n const f = 70 + Math.round(Math.random() * 25);\n const su = 70 + Math.round(Math.random() * 25);\n await supabase.from(\"nilai_tp\").insert({\n siswa_id: s.id,\n mapel: \"Matematika\",\n kode_tp: \"TP 1.1\",\n nilai_formatif: f,\n nilai_sumatif: su,\n nilai_akhir: (f + su) / 2,\n });\n await supabase.from(\"absensi\").insert({\n tanggal: today,\n siswa_id: s.id,\n status: \"Hadir\",\n });\n }\n }\n ready = true;\n}",[234],"df9d972e-5d3f-448c-8db3-e0700531780e","auth.ts","91379414-7db9-11f1-88d6-1607ee4eb77e",507,["D",1784088738384],"// trigger resave — hapus baris ini setelah val berhasil disimpan ulang\n/**\n * auth.ts\n * Autentikasi HMAC-SHA256 signed cookie — STATELESS, tidak ada tabel\n * sessions dan tidak query database saat validasi sesi. Hanya login yang\n * menyentuh database (untuk cek username/password).\n */\n\nimport bcrypt from \"npm:bcryptjs@2.4.3\";\nimport { supabase } from \"./db.ts\";\nimport { cookies, json } from \"./utils.ts\";\n\nconst HMAC_SECRET = Deno.env.get(\"SESSION_SECRET\") ??\n \"rahasia-sesi-admin-kelas-2025-ganti-ini\";\nconst COOKIE_NAME = \"sesi_guru\";\nconst COOKIE_MAX_AGE = 60 * 60 * 24; // 24 jam\nconst SESSION_MS = COOKIE_MAX_AGE * 1000;\n\nexport interface User {\n id: number;\n username: string;\n nama_guru: string;\n}\n\nasync function hmacKey(usage: KeyUsage[]) {\n return crypto.subtle.importKey(\n \"raw\",\n new TextEncoder().encode(HMAC_SECRET),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n usage,\n );\n}\n\nfunction toB64(buf: ArrayBuffer) {\n return btoa(String.fromCharCode(...new Uint8Array(buf)))\n .replace(/\\+/g, \"-\")\n .replace(/\\//g, \"_\")\n .replace(/=+$/, \"\");\n}\n\nfunction fromB64(s: string) {\n return atob(s.replace(/-/g, \"+\").replace(/_/g, \"/\"));\n}\n\nasync function makeToken(user: User): Promise {\n const payload = toB64(\n new TextEncoder().encode(\n JSON.stringify({\n id: user.id,\n username: user.username,\n nama_guru: user.nama_guru,\n exp: Date.now() + SESSION_MS,\n }),\n ),\n );\n const key = await hmacKey([\"sign\"]);\n const sig = await crypto.subtle.sign(\n \"HMAC\",\n key,\n new TextEncoder().encode(payload),\n );\n return `${payload}.${toB64(sig)}`;\n}\n\nasync function verifyToken(token: string): Promise {\n if (!token?.includes(\".\")) return null;\n const dot = token.lastIndexOf(\".\");\n const payload = token.slice(0, dot);\n const sig = token.slice(dot + 1);\n try {\n const key = await hmacKey([\"verify\"]);\n const sigBytes = Uint8Array.from(fromB64(sig), (c) => c.charCodeAt(0));\n const ok = await crypto.subtle.verify(\n \"HMAC\",\n key,\n sigBytes,\n new TextEncoder().encode(payload),\n );\n if (!ok) return null;\n const data = JSON.parse(\n new TextDecoder().decode(\n Uint8Array.from(fromB64(payload), (c) => c.charCodeAt(0)),\n ),\n );\n if (data.exp < Date.now()) return null;\n return { id: data.id, username: data.username, nama_guru: data.nama_guru };\n } catch {\n return null;\n }\n}\n\nfunction setCookie(token: string) {\n return `${COOKIE_NAME}=${\n encodeURIComponent(token)\n }; HttpOnly; Secure; SameSite=Lax; Path=/; Max-Age=${COOKIE_MAX_AGE}`;\n}\n\nfunction clearCookie() {\n return `${COOKIE_NAME}=; HttpOnly; Secure; SameSite=Lax; Path=/; Max-Age=0`;\n}\n\nexport async function getUser(req: Request): Promise {\n const token = cookies(req)[COOKIE_NAME];\n if (!token) return null;\n return verifyToken(token); // tidak ada query database di sini\n}\n\n/** Menerbitkan ulang cookie sesi dengan data user terbaru (dipakai setelah profil guru diedit). */\nexport async function reissueSessionCookie(user: User): Promise {\n const token = await makeToken(user);\n return setCookie(token);\n}\n\nexport async function handleLogin(req: Request): Promise {\n try {\n const body = await req.json().catch(() => null);\n if (!body) {\n return json({ success: false, message: \"Body tidak valid.\" }, 400);\n }\n\n const username = String(body.username || \"\").trim();\n const password = String(body.password || \"\");\n if (!username || !password) {\n return json({\n success: false,\n message: \"Username dan password wajib diisi.\",\n }, 400);\n }\n\n const { data: userList, error } = await supabase\n .from(\"users\")\n .select(\"*\")\n .eq(\"username\", username)\n .limit(1);\n if (error) {\n return json({\n success: false,\n message: \"Error database: \" + error.message,\n }, 500);\n }\n if (!userList || userList.length === 0) {\n return json(\n { success: false, message: \"Username atau password salah.\" },\n 401,\n );\n }\n\n const u = userList[0];\n const valid = await bcrypt.compare(password, u.password);\n if (!valid) {\n return json(\n { success: false, message: \"Username atau password salah.\" },\n 401,\n );\n }\n\n const token = await makeToken({\n id: u.id,\n username: u.username,\n nama_guru: u.nama_guru,\n });\n return json(\n { success: true, message: \"Login berhasil.\", nama_guru: u.nama_guru },\n 200,\n { \"Set-Cookie\": setCookie(token) },\n );\n } catch (e) {\n return json({ success: false, message: \"Error: \" + String(e) }, 500);\n }\n}\n\nexport async function handleRegister(req: Request): Promise {\n try {\n const body = await req.json().catch(() => null);\n if (!body) {\n return json({ success: false, message: \"Body tidak valid.\" }, 400);\n }\n\n const username = String(body.username || \"\").trim();\n const password = String(body.password || \"\");\n const namaGuru = String(body.nama_guru || \"\").trim();\n\n if (!username || !password || !namaGuru) {\n return json({\n success: false,\n message: \"Username, password, dan nama wajib diisi.\",\n }, 400);\n }\n if (username.length < 3) {\n return json(\n { success: false, message: \"Username minimal 3 karakter.\" },\n 400,\n );\n }\n if (password.length < 6) {\n return json(\n { success: false, message: \"Password minimal 6 karakter.\" },\n 400,\n );\n }\n\n const { data: existing, error: checkError } = await supabase\n .from(\"users\")\n .select(\"id\")\n .eq(\"username\", username)\n .limit(1);\n if (checkError) {\n return json({\n success: false,\n message: \"Error database: \" + checkError.message,\n }, 500);\n }\n if (existing && existing.length > 0) {\n return json({\n success: false,\n message: \"Username sudah dipakai, silakan pilih yang lain.\",\n }, 409);\n }\n\n const hashed = await bcrypt.hash(password, 10);\n const { data: inserted, error: insertError } = await supabase\n .from(\"users\")\n .insert({ username, password: hashed, nama_guru: namaGuru })\n .select()\n .single();\n if (insertError) {\n return json({\n success: false,\n message: \"Gagal mendaftar: \" + insertError.message,\n }, 500);\n }\n\n // Langsung login-kan setelah daftar berhasil\n const token = await makeToken({\n id: inserted.id,\n username: inserted.username,\n nama_guru: inserted.nama_guru,\n });\n return json(\n {\n success: true,\n message: \"Pendaftaran berhasil.\",\n nama_guru: inserted.nama_guru,\n },\n 200,\n { \"Set-Cookie\": setCookie(token) },\n );\n } catch (e) {\n return json({ success: false, message: \"Error: \" + String(e) }, 500);\n }\n}\n\nexport function handleLogout(): Response {\n return json({ success: true, message: \"Logout berhasil.\" }, 200, {\n \"Set-Cookie\": clearCookie(),\n });\n}",[242],"9c7bfd8b-f006-4fba-9371-0112ca008232","views","15e5c5aa-7dba-11f1-b78f-1607ee4eb77e",156,["D",1783837383685],1,"directory",[249],"4a085b8c-b8c3-443b-811d-11d2acf074d9","routes","ce28566a-7db9-11f1-8151-1607ee4eb77e",136,["D",1783837245210],[257],"pulls","branches","forks","envVars",{"_269":238,"_271":64},"connections",{"_269":64,"_270":64},"count","unfilledCount","emptyCount",{"_44":256,"_32":257,"_30":258,"_216":-5,"_42":43,"_41":259,"_218":60,"_39":755,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_330":756,"_27":757},{"_44":748,"_32":33,"_30":749,"_216":258,"_42":43,"_41":750,"_218":60,"_39":751,"_13":744,"_34":35,"_36":752,"_24":25,"_222":-5,"_330":753,"_27":754},{"_44":740,"_32":352,"_30":741,"_216":258,"_42":43,"_41":742,"_218":60,"_39":743,"_13":744,"_34":35,"_36":745,"_24":25,"_222":-5,"_330":746,"_27":747},{"_44":733,"_32":600,"_30":734,"_216":258,"_42":43,"_41":735,"_218":60,"_39":736,"_13":420,"_34":35,"_36":737,"_24":25,"_222":-5,"_330":738,"_27":739},{"_44":726,"_32":591,"_30":727,"_216":258,"_42":43,"_41":728,"_218":25,"_39":729,"_13":402,"_34":35,"_36":730,"_24":25,"_222":-5,"_330":731,"_27":732},{"_44":718,"_32":719,"_30":720,"_216":258,"_42":43,"_41":721,"_218":60,"_39":722,"_13":402,"_34":35,"_36":723,"_24":25,"_222":-5,"_330":724,"_27":725},{"_44":710,"_32":711,"_30":712,"_216":258,"_42":43,"_41":713,"_218":60,"_39":714,"_13":569,"_34":35,"_36":715,"_24":25,"_222":-5,"_330":716,"_27":717},{"_44":702,"_32":703,"_30":704,"_216":258,"_42":43,"_41":705,"_218":60,"_39":706,"_13":220,"_34":35,"_36":707,"_24":25,"_222":-5,"_330":708,"_27":709},{"_44":695,"_32":556,"_30":696,"_216":258,"_42":43,"_41":697,"_218":25,"_39":698,"_13":508,"_34":35,"_36":699,"_24":25,"_222":-5,"_330":700,"_27":701},{"_44":688,"_32":547,"_30":689,"_216":258,"_42":43,"_41":690,"_218":25,"_39":691,"_13":238,"_34":35,"_36":692,"_24":25,"_222":-5,"_330":693,"_27":694},{"_44":680,"_32":681,"_30":682,"_216":258,"_42":43,"_41":683,"_218":25,"_39":684,"_13":654,"_34":35,"_36":685,"_24":25,"_222":-5,"_330":686,"_27":687},{"_44":673,"_32":514,"_30":674,"_216":258,"_42":43,"_41":675,"_218":25,"_39":676,"_13":402,"_34":35,"_36":677,"_24":25,"_222":-5,"_330":678,"_27":679},{"_44":666,"_32":503,"_30":667,"_216":258,"_42":43,"_41":668,"_218":60,"_39":669,"_13":420,"_34":35,"_36":670,"_24":25,"_222":-5,"_330":671,"_27":672},{"_44":658,"_32":659,"_30":660,"_216":258,"_42":43,"_41":661,"_218":60,"_39":662,"_13":654,"_34":35,"_36":663,"_24":25,"_222":-5,"_330":664,"_27":665},{"_44":649,"_32":650,"_30":651,"_216":258,"_42":43,"_41":652,"_218":60,"_39":653,"_13":654,"_34":35,"_36":655,"_24":25,"_222":-5,"_330":656,"_27":657},{"_44":248,"_32":249,"_30":250,"_216":-5,"_42":43,"_41":251,"_218":60,"_39":646,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_330":647,"_27":648},{"_44":641,"_32":369,"_30":363,"_216":250,"_42":43,"_41":642,"_218":60,"_39":643,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_330":644,"_27":645},{"_44":636,"_32":512,"_30":505,"_216":363,"_42":43,"_41":637,"_218":60,"_39":638,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_330":639,"_27":640},{"_44":632,"_32":33,"_30":31,"_216":505,"_42":43,"_41":14,"_218":25,"_39":633,"_13":518,"_34":35,"_36":38,"_24":25,"_222":-5,"_330":634,"_27":635},{"_44":623,"_32":624,"_30":625,"_216":505,"_42":43,"_41":626,"_218":25,"_39":627,"_13":628,"_34":35,"_36":629,"_24":25,"_222":-5,"_330":630,"_27":631},{"_44":615,"_32":352,"_30":616,"_216":505,"_42":43,"_41":617,"_218":25,"_39":618,"_13":619,"_34":35,"_36":620,"_24":25,"_222":-5,"_330":621,"_27":622},{"_44":607,"_32":608,"_30":609,"_216":505,"_42":43,"_41":610,"_218":60,"_39":611,"_13":238,"_34":35,"_36":612,"_24":25,"_222":-5,"_330":613,"_27":614},{"_44":599,"_32":600,"_30":601,"_216":505,"_42":43,"_41":602,"_218":60,"_39":603,"_13":347,"_34":35,"_36":604,"_24":25,"_222":-5,"_330":605,"_27":606},{"_44":590,"_32":591,"_30":592,"_216":505,"_42":43,"_41":593,"_218":25,"_39":594,"_13":595,"_34":35,"_36":596,"_24":25,"_222":-5,"_330":597,"_27":598},{"_44":582,"_32":583,"_30":584,"_216":505,"_42":43,"_41":585,"_218":60,"_39":586,"_13":347,"_34":35,"_36":587,"_24":25,"_222":-5,"_330":588,"_27":589},{"_44":573,"_32":574,"_30":575,"_216":505,"_42":43,"_41":576,"_218":60,"_39":577,"_13":578,"_34":35,"_36":579,"_24":25,"_222":-5,"_330":580,"_27":581},{"_44":564,"_32":565,"_30":566,"_216":505,"_42":43,"_41":567,"_218":60,"_39":568,"_13":569,"_34":35,"_36":570,"_24":25,"_222":-5,"_330":571,"_27":572},{"_44":555,"_32":556,"_30":557,"_216":505,"_42":43,"_41":558,"_218":60,"_39":559,"_13":560,"_34":35,"_36":561,"_24":25,"_222":-5,"_330":562,"_27":563},{"_44":546,"_32":547,"_30":548,"_216":505,"_42":43,"_41":549,"_218":25,"_39":550,"_13":551,"_34":35,"_36":552,"_24":25,"_222":-5,"_330":553,"_27":554},{"_44":538,"_32":539,"_30":540,"_216":505,"_42":43,"_41":541,"_218":60,"_39":542,"_13":493,"_34":35,"_36":543,"_24":25,"_222":-5,"_330":544,"_27":545},{"_44":530,"_32":531,"_30":532,"_216":505,"_42":43,"_41":533,"_218":25,"_39":534,"_13":508,"_34":35,"_36":535,"_24":25,"_222":-5,"_330":536,"_27":537},{"_44":522,"_32":523,"_30":524,"_216":505,"_42":43,"_41":525,"_218":25,"_39":526,"_13":493,"_34":35,"_36":527,"_24":25,"_222":-5,"_330":528,"_27":529},{"_44":513,"_32":514,"_30":515,"_216":505,"_42":43,"_41":516,"_218":60,"_39":517,"_13":518,"_34":35,"_36":519,"_24":25,"_222":-5,"_330":520,"_27":521},{"_44":502,"_32":503,"_30":504,"_216":505,"_42":43,"_41":506,"_218":60,"_39":507,"_13":508,"_34":35,"_36":509,"_24":25,"_222":-5,"_330":510,"_27":511},{"_44":497,"_32":406,"_30":399,"_216":363,"_42":43,"_41":498,"_218":60,"_39":499,"_13":253,"_34":254,"_36":-5,"_24":25,"_222":-5,"_330":500,"_27":501},{"_44":488,"_32":489,"_30":490,"_216":399,"_42":43,"_41":491,"_218":25,"_39":492,"_13":493,"_34":35,"_36":494,"_24":25,"_222":-5,"_330":495,"_27":496},{"_44":480,"_32":481,"_30":482,"_216":399,"_42":43,"_41":483,"_218":60,"_39":484,"_13":238,"_34":35,"_36":485,"_24":25,"_222":-5,"_330":486,"_27":487},{"_44":472,"_32":473,"_30":474,"_216":399,"_42":43,"_41":475,"_218":60,"_39":476,"_13":420,"_34":35,"_36":477,"_24":25,"_222":-5,"_330":478,"_27":479},{"_44":464,"_32":465,"_30":466,"_216":399,"_42":43,"_41":467,"_218":25,"_39":468,"_13":402,"_34":35,"_36":469,"_24":25,"_222":-5,"_330":470,"_27":471},{"_44":456,"_32":457,"_30":458,"_216":399,"_42":43,"_41":459,"_218":60,"_39":460,"_13":402,"_34":35,"_36":461,"_24":25,"_222":-5,"_330":462,"_27":463},{"_44":448,"_32":449,"_30":450,"_216":399,"_42":43,"_41":451,"_218":60,"_39":452,"_13":220,"_34":35,"_36":453,"_24":25,"_222":-5,"_330":454,"_27":455},{"_44":440,"_32":441,"_30":442,"_216":399,"_42":43,"_41":443,"_218":60,"_39":444,"_13":347,"_34":35,"_36":445,"_24":25,"_222":-5,"_330":446,"_27":447},{"_44":432,"_32":433,"_30":434,"_216":399,"_42":43,"_41":435,"_218":25,"_39":436,"_13":402,"_34":35,"_36":437,"_24":25,"_222":-5,"_330":438,"_27":439},{"_44":424,"_32":425,"_30":426,"_216":399,"_42":43,"_41":427,"_218":60,"_39":428,"_13":420,"_34":35,"_36":429,"_24":25,"_222":-5,"_330":430,"_27":431},{"_44":415,"_32":416,"_30":417,"_216":399,"_42":43,"_41":418,"_218":60,"_39":419,"_13":420,"_34":35,"_36":421,"_24":25,"_222":-5,"_330":422,"_27":423},{"_44":407,"_32":408,"_30":409,"_216":399,"_42":43,"_41":410,"_218":60,"_39":411,"_13":402,"_34":35,"_36":412,"_24":25,"_222":-5,"_330":413,"_27":414},{"_44":396,"_32":397,"_30":398,"_216":399,"_42":43,"_41":400,"_218":60,"_39":401,"_13":402,"_34":35,"_36":403,"_24":25,"_222":-5,"_330":404,"_27":405},{"_44":387,"_32":388,"_30":389,"_216":363,"_42":43,"_41":390,"_218":25,"_39":391,"_13":392,"_34":35,"_36":393,"_24":25,"_222":-5,"_330":394,"_27":395},{"_44":378,"_32":379,"_30":380,"_216":363,"_42":43,"_41":381,"_218":25,"_39":382,"_13":383,"_34":35,"_36":384,"_24":25,"_222":-5,"_330":385,"_27":386},{"_44":370,"_32":371,"_30":372,"_216":363,"_42":43,"_41":373,"_218":25,"_39":374,"_13":347,"_34":35,"_36":375,"_24":25,"_222":-5,"_330":376,"_27":377},{"_44":360,"_32":361,"_30":362,"_216":363,"_42":43,"_41":364,"_218":60,"_39":365,"_13":347,"_34":35,"_36":366,"_24":25,"_222":-5,"_330":367,"_27":368},{"_44":351,"_32":352,"_30":353,"_216":250,"_42":43,"_41":354,"_218":25,"_39":355,"_13":356,"_34":35,"_36":357,"_24":25,"_222":-5,"_330":358,"_27":359},{"_44":342,"_32":343,"_30":344,"_216":250,"_42":43,"_41":345,"_218":60,"_39":346,"_13":347,"_34":35,"_36":348,"_24":25,"_222":-5,"_330":349,"_27":350},{"_44":241,"_32":242,"_30":243,"_216":-5,"_42":43,"_41":244,"_218":60,"_39":339,"_13":238,"_34":35,"_36":246,"_24":25,"_222":-5,"_330":340,"_27":341},{"_44":233,"_32":234,"_30":235,"_216":-5,"_42":43,"_41":236,"_218":60,"_39":336,"_13":238,"_34":35,"_36":239,"_24":25,"_222":-5,"_330":337,"_27":338},{"_44":224,"_32":225,"_30":58,"_216":-5,"_42":43,"_41":226,"_218":25,"_39":333,"_13":228,"_34":229,"_36":230,"_24":25,"_222":231,"_330":334,"_27":335},{"_44":213,"_32":214,"_30":215,"_216":-5,"_42":43,"_41":217,"_218":60,"_39":329,"_13":220,"_34":35,"_36":221,"_24":25,"_222":-5,"_330":331,"_27":332},["D",1783837213505],"children",[],[214],["D",1785387181626],[],[225],["D",1784003409013],[],[234],["D",1784088738384],[],[242],"daa7f848-bba0-464e-81b1-79039a4de8a2","login.ts","24efa0ca-7dba-11f1-be2e-1607ee4eb77e",521,["D",1784093981988],10,"/**\n * views/login.ts\n * Halaman Login (ditampilkan jika belum ada sesi valid).\n * Sekarang punya dua tab: Sign In (masuk) dan Sign Up (daftar akun guru baru).\n */\n\nexport const LOGIN_HTML = `\n\n\n\n\nLogin - Administrasi Kelas & Guru\n\n\n\n\n\n\n\n\n\n

\n \n

Administrasi Kelas & Guru

Silakan masuk untuk melanjutkan

\n\n

\n \n \n

\n\n \n\n \n

\n\n\n`;",[],[249,343],"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,352],"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,369,361],"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,369,371],"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,369,379],"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,369,388],"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,369,406,397],"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,369,406,408],"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,369,406,416],"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,369,406,425],"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,369,406,433],"47556d8d-5550-4341-bd48-3f5dd9de46a9","sectionNilai.ts","fcbe9fe0-7ffb-11f1-a9a6-1607ee4eb77e",726,["D",1785387156145],"/**\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). Khusus Formatif, tiap siswa boleh diisi lebih dari satu nilai (tombol +) — semuanya otomatis dirata-rata jadi Nilai Formatif TP tsb. 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,369,406,441],"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,369,406,449],"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,369,406,457],"ea06feb2-605f-4acf-95e1-53c9ceeecb55","sectionJurnal.ts","29e189d8-7ffc-11f1-9309-1607ee4eb77e",716,["D",1784766565307],"/**\n * views/components/sections/sectionJurnal.ts\n * Bagian: Jurnal\n */\nexport const sectionJurnal = `\n \n \n`;",[],[249,369,406,465],"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,369,406,473],"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,369,406,481],"63213ccb-a626-4815-b197-f25f0e9ff1ed","sectionAbsensi.ts","f16e3d12-7ffb-11f1-8b10-1607ee4eb77e",719,["D",1785198587410],12,"/**\n * views/components/sections/sectionAbsensi.ts\n * Bagian: Absensi\n */\nexport const sectionAbsensi = `\n \n \n`;",[],[249,369,406,489],"84754fab-5643-44ae-ac68-fc4170800eb3",457,["D",1784085397881],[307,308,309,310,311,312,313,314,315,316,317,318],[249,369,406],"85e7228b-1ee7-4e98-aaad-206ebba702db","struktur.ts","4510d130-7e9b-11f1-83cd-1607ee4eb77e","102d73ce-7e9b-11f1-8a11-1607ee4eb77e",690,["D",1784597296661],11,"/**\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,369,512,503],"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,369,512,514],"a237afb5-40d3-4121-9ffc-a25ff7917f2f","scoreboard.ts","aef7a5e0-7fdd-11f1-b61c-1607ee4eb77e",627,["D",1784423598683],"/**\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,369,512,523],"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,369,512,531],"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,369,512,539],"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,369,512,547],"96241034-8df1-402b-b118-052e8249d681","nilai.ts","3deb047a-7e9b-11f1-937a-1607ee4eb77e",725,["D",1785387119295],19,"/**\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 * Untuk formatif, tiap siswa juga membawa formatif_list: [{id,nilai},...]\n * karena Formatif BISA LEBIH DARI SATU nilai per (siswa, kode TP) -- semua\n * entrinya nanti diakumulasi (dirata-rata) jadi nilai_formatif di nilai_tp.\n * - GET /api/sts-sas/siswa?mapel&kelas -> versi STS/SAS-nya.\n * - POST /api/nilai/formatif/batch {mapel,kode_tp,siswa:[{siswa_id,nilai:[...]}]}\n * khusus Formatif: nilai adalah ARRAY, menggantikan (replace penuh) seluruh\n * entri formatif siswa itu untuk kode TP ini, backend hitung rata-ratanya.\n * - POST /api/nilai/batch {mapel,kode_tp,field,siswa:[{siswa_id,nilai}]}\n * dipakai untuk Sumatif (field selalu 'sumatif' di sini).\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\n// Untuk jenis FORMATIF: nilai per siswa disimpan sebagai ARRAY (F1,F2,F3,...)\n// bukan 1 angka. FORMATIF_STATE = { siswa_id: ['80','90',...] } adalah\n// SATU-SATUNYA sumber data yang dipakai baik oleh tampilan tabel (desktop)\n// maupun kartu (HP) -- keduanya cuma \"menggambar ulang\" dari state ini,\n// jadi input yang diketik di salah satu tampilan (walau yang satunya sedang\n// disembunyikan CSS-nya) tetap ikut tersimpan saat Simpan Semua Nilai.\nlet FORMATIF_STATE={};\nlet FORMATIF_CONTAINERS={}; // siswa_id -> {table:, card:

}\n\nfunction renderRosterNilai(){\n const isFormatif=JENIS_AKTIF==='formatif';\n document.getElementById('nRosterColLabel').textContent=isFormatif?'Nilai Formatif (bisa lebih dari 1)':ROSTER_LABEL_BY_JENIS[JENIS_AKTIF];\n // Kolom \"Nilai\" di tabel desktop pakai lebar tetap (w-40) untuk jenis lain,\n // tapi formatif butuh ruang lebih karena bisa banyak input sekaligus.\n document.getElementById('nRosterColLabel').closest('th').classList.toggle('w-40',!isFormatif);\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 FORMATIF_STATE={};FORMATIF_CONTAINERS={};\n\n ROSTER_NILAI.forEach((r,i)=>{\n if(isFormatif){\n FORMATIF_STATE[r.siswa_id]=(r.formatif_list&&r.formatif_list.length)\n ?r.formatif_list.map(f=>String(f.nilai))\n :[''];\n\n const tr=document.createElement('tr');tr.className='border-t';\n tr.innerHTML=\\`\\${i+1}\\${x(r.nama)}\\`;\n tb.appendChild(tr);\n const tdFormatif=tr.children[2];\n\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm px-4 py-3';\n card.innerHTML=\\`

\\${x(r.nama)}

\\`;\n cards.appendChild(card);\n const cardHolder=card.querySelector('.nFormatifCardHolder');\n\n FORMATIF_CONTAINERS[r.siswa_id]={table:tdFormatif,card:cardHolder};\n buildFormatifCell(tdFormatif,r.siswa_id);\n buildFormatifCell(cardHolder,r.siswa_id);\n return;\n }\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// Gambar ulang isi 1 sel/kartu Formatif untuk 1 siswa dari FORMATIF_STATE:\n// beberapa input angka (F1,F2,F3,...) + tombol hapus per kolom + tombol\n// tambah kolom + label rata-rata otomatis. Mengetik cukup mengubah state\n// (tidak menggambar ulang, supaya fokus input tidak hilang); tombol\n// tambah/hapus kolom menggambar ulang KEDUA tampilan (tabel & kartu)\n// sekaligus supaya jumlah kolom tetap sinkron di keduanya.\nfunction buildFormatifCell(container,sid){\n container.innerHTML='';\n const wrap=document.createElement('div');\n wrap.className='flex flex-wrap items-center gap-1.5';\n container.appendChild(wrap);\n\n FORMATIF_STATE[sid].forEach((v,idx)=>{\n const box=document.createElement('div');\n box.className='relative inline-flex items-center';\n const inp=document.createElement('input');\n inp.type='number';inp.min='0';inp.max='100';\n inp.className='w-16 border border-slate-200 rounded-lg pl-2 pr-5 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 transition';\n inp.value=v;\n inp.placeholder='-';\n inp.title='Formatif '+(idx+1);\n inp.addEventListener('input',()=>{\n FORMATIF_STATE[sid][idx]=inp.value;\n updateRataFormatif(sid);\n });\n const rm=document.createElement('button');\n rm.type='button';\n rm.title='Hapus nilai ini';\n rm.className='absolute right-1 text-slate-300 hover:text-red-500 transition';\n rm.innerHTML='';\n rm.addEventListener('click',()=>{\n FORMATIF_STATE[sid].splice(idx,1);\n if(FORMATIF_STATE[sid].length===0)FORMATIF_STATE[sid]=[''];\n rebuildFormatifRow(sid);\n });\n box.appendChild(inp);box.appendChild(rm);\n wrap.appendChild(box);\n });\n\n const rata=document.createElement('span');\n rata.className='nRataFormatif text-xs text-slate-400 shrink-0 ml-1';\n rata.dataset.sid=sid;\n wrap.appendChild(rata);\n\n const add=document.createElement('button');\n add.type='button';\n add.title='Tambah nilai formatif';\n add.className='w-7 h-7 shrink-0 rounded-lg bg-blue-50 text-blue-600 hover:bg-blue-100 flex items-center justify-center transition';\n add.innerHTML='';\n add.addEventListener('click',()=>{\n FORMATIF_STATE[sid].push('');\n rebuildFormatifRow(sid);\n });\n wrap.appendChild(add);\n\n updateRataFormatif(sid);\n if(window.lucide)lucide.createIcons();\n}\nfunction rebuildFormatifRow(sid){\n const c=FORMATIF_CONTAINERS[sid];\n if(!c)return;\n buildFormatifCell(c.table,sid);\n buildFormatifCell(c.card,sid);\n}\nfunction updateRataFormatif(sid){\n const vals=FORMATIF_STATE[sid].filter(v=>v!=='').map(Number);\n const avg=vals.length?Math.round((vals.reduce((a,c)=>a+c,0)/vals.length)*100)/100:null;\n document.querySelectorAll('.nRataFormatif[data-sid=\"'+sid+'\"]').forEach(el=>{\n el.textContent=avg==null?'belum ada nilai':('rata-rata: '+avg);\n });\n}\n\n// Kumpulkan nilai formatif tiap siswa dari FORMATIF_STATE (bukan dari DOM),\n// supaya data tetap terbawa walau terakhir diketik lewat tampilan kartu HP\n// yang sedang disembunyikan CSS-nya (atau sebaliknya).\nfunction kumpulkanFormatifRoster(){\n return ROSTER_NILAI.map(r=>({\n siswa_id:r.siswa_id,\n nilai:(FORMATIF_STATE[r.siswa_id]||[]).filter(v=>v!=='')\n }));\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 let r;\n if(JENIS_AKTIF==='formatif'){\n const kodeTp=document.getElementById('nKode').value;\n if(!kodeTp){appAlert('Pilih Kode TP terlebih dahulu.');return;}\n const siswa=kumpulkanFormatifRoster();\n r=await api('/api/nilai/formatif/batch','POST',{mapel:MAPEL_AKTIF_NILAI,kode_tp:kodeTp,siswa});\n } else if(butuhKodeTp()){\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 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 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 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,369,512,556],"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,369,512,565],"b689ea0e-1c13-48ca-9c01-ae905670728c","layout.ts","26adad76-7e9b-11f1-8111-1607ee4eb77e",658,["D",1784430124894],23,"/**\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,369,512,574],"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,369,512,583],"ee5ce2ab-7709-437e-9989-f05a233723d0","jurnal.ts","4cde9bea-7e9b-11f1-80b6-1607ee4eb77e",723,["D",1785200552908],17,"/**\n * views/components/scripts/jurnal.ts\n * Logika menu Jurnal Guru: pilihan jadwal mengajar, form catatan jurnal, dan render daftar jurnal.\n *\n * Lintas kelas: /api/jurnal mengembalikan SELURUH entri jurnal milik guru\n * dari semua kelas yang diampu (wali kelas maupun guru mapel), dan\n * JURNAL_CACHE menyimpan semuanya apa adanya -- TIDAK disaring ke kelas\n * aktif (KELAS_AKTIF, toggle topbar), supaya daftar & cetak jurnal selalu\n * menampilkan isian dari semua kelas, bukan cuma kelas yang sedang dipilih.\n * loadJurnal() tetap dipanggil ulang saat event kelasAktifBerubah terjadi\n * (dari toggle kelas lain di topbar) sekadar untuk refresh data terbaru.\n *\n * Siswa Tidak Masuk: field ini TIDAK diisi manual -- nilainya dihitung ulang\n * oleh backend (routes/jurnal.ts) langsung dari tabel Absensi setiap kali\n * jurnal disimpan, berdasarkan tanggal+kelas jurnal tsb. Di form, #jAbsenPreview\n * hanya pratinjau (preview) dari data Absensi Harian yang sama supaya guru\n * tahu siapa yang akan tercatat tidak masuk sebelum menekan Simpan.\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'];\nconst KEGIATAN_OPSI_JURNAL=['Pembahasan Materi','Pengerjaan LKPD','Asesmen Sumatif','Asesmen Formatif','Asesmen Diagnostik'];\nlet JADWAL_OPSI_JURNAL=[];\nlet TP_OPSI_JURNAL=[];\nlet TP_TERPILIH_JURNAL=[];\n\n// ============================================================\n// KEGIATAN: checklist kegiatan pembelajaran hari itu (Pembahasan Materi,\n// Pengerjaan LKPD, Asesmen Sumatif/Formatif/Diagnostik, dsb) + opsi\n// \"Lainnya\" dengan isian bebas. Dipakai baik di form tambah (prefix 'jKeg',\n// container #jKegiatanBox) maupun di form edit inline per baris (prefix unik\n// per id baris) supaya beberapa form yang terbuka bersamaan tidak bentrok.\n// ============================================================\nfunction renderKegiatanBox(containerId,prefix,nilaiAwal){\n const box=document.getElementById(containerId);\n box.innerHTML=KEGIATAN_OPSI_JURNAL.map((k,i)=>\n ''+x(k)+''\n ).join('')+\n 'Lainnya'+\n '';\n document.getElementById(prefix+'_klain').addEventListener('change',(e)=>{\n document.getElementById(prefix+'_klainTxt').classList.toggle('hidden',!e.target.checked);\n });\n setKegiatanChecked(prefix,nilaiAwal);\n}\nfunction setKegiatanChecked(prefix,kegiatanStr){\n const parts=String(kegiatanStr||'').split(',').map(s=>s.trim()).filter(Boolean);\n KEGIATAN_OPSI_JURNAL.forEach((k,i)=>{\n const cb=document.getElementById(prefix+'_k'+i);\n if(cb)cb.checked=parts.includes(k);\n });\n const lainPart=parts.find(p=>p.toLowerCase().indexOf('lainnya:')===0);\n const lainCb=document.getElementById(prefix+'_klain');\n const lainTxt=document.getElementById(prefix+'_klainTxt');\n if(lainCb){\n lainCb.checked=!!lainPart;\n if(lainTxt){\n lainTxt.value=lainPart?lainPart.slice(lainPart.indexOf(':')+1).trim():'';\n lainTxt.classList.toggle('hidden',!lainPart);\n }\n }\n}\nfunction collectKegiatan(prefix){\n const dipilih=[...document.querySelectorAll('.'+prefix+'CB:checked')].map(cb=>cb.value).filter(v=>v!=='Lainnya');\n const lainCb=document.getElementById(prefix+'_klain');\n const lainTxt=document.getElementById(prefix+'_klainTxt');\n if(lainCb&&lainCb.checked&&lainTxt&&lainTxt.value.trim())dipilih.push('Lainnya: '+lainTxt.value.trim());\n return dipilih.join(', ');\n}\nrenderKegiatanBox('jKegiatanBox','jKeg','');\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 updateJAbsenPreview();\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 updateJAbsenPreview();\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// SISWA TIDAK MASUK (pratinjau): dibaca langsung dari Absensi Harian\n// (GET /api/absensi?tanggal=...&kelas=...) untuk tanggal+kelas yang sedang\n// dipilih di form -- hanya pratinjau di layar, nilai yang benar-benar\n// tersimpan tetap dihitung ulang oleh backend saat jurnal disimpan supaya\n// selalu sinkron dengan data absensi terbaru.\n// ============================================================\nasync function updateJAbsenPreview(){\n const preview=document.getElementById('jAbsenPreview');\n const tgl=document.getElementById('jTgl').value;\n const jadwal=JADWAL_CACHE.find(j=>String(j.id)===String(document.getElementById('jJadwal').value));\n if(!tgl||!jadwal){\n preview.textContent='-- pilih tanggal & jadwal dulu --';\n preview.className='text-slate-500';\n return;\n }\n const d=await api('/api/absensi?tanggal='+tgl+'&kelas='+encodeURIComponent(jadwal.kelas));\n const tidakMasuk=(d.data||[]).filter(s=>s.status_absensi&&s.status_absensi!=='Hadir');\n if(tidakMasuk.length){\n preview.textContent=tidakMasuk.map(s=>s.nama+' ('+s.status_absensi+')').join(', ');\n preview.className='text-slate-700';\n }else{\n preview.textContent='Tidak ada / semua hadir (pastikan Absensi Harian tanggal ini sudah diisi)';\n preview.className='text-slate-500';\n }\n}\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,pertemuan_ke:document.getElementById('jPertemuan').value,mapel:jadwal.mapel,kelas:jadwal.kelas,materi_tp:materiTp,kegiatan:collectKegiatan('jKeg'),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 renderKegiatanBox('jKegiatanBox','jKeg','');\n updateJAbsenPreview();\n loadJurnal();\n }else appAlert(r.message);\n});\nlet JURNAL_CACHE=[];\n// Muat SELURUH jurnal milik guru dari semua kelas yang diampu (baik sebagai\n// wali kelas maupun guru mapel) dan tampilkan semuanya di list & cetak --\n// TIDAK disaring ke kelas aktif topbar (KELAS_AKTIF), supaya jurnal dari\n// kelas selain kelas wali kelas juga selalu terlihat.\nasync function loadJurnal(){\n await loadKelasAmpuCache();\n const d=await api('/api/jurnal');\n // Urutkan tanggal terbaru di atas (utk tampilan list), tapi DI DALAM\n // tanggal yang sama urutkan berdasarkan jam mulai yang sebenarnya\n // (parseJamStart pada jam_ke, format sama dgn field \"jam\" di Jadwal\n // Mengajar) -- bukan urutan input/insert. Ini penting sekarang jurnal\n // sudah lintas kelas: kalau di hari yang sama guru mengisi jurnal kelas\n // lain setelah kelas lain lagi, urutan input bisa acak, tapi urutan jam\n // pelajaran tetap harus kronologis.\n JURNAL_CACHE=(d.data||[]).slice().sort((a,b)=>{\n if(a.tanggal!==b.tanggal)return a.tanggal{\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.pertemuan_ke?' • Pertemuan ke-'+x(r.pertemuan_ke):''}

\\${r.kegiatan?'

Kegiatan: '+x(r.kegiatan)+'

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

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

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

Siswa Tidak Masuk: '+x(r.siswa_tidak_masuk)+'

':''}\\${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, pertemuan, mapel, kelas, kegiatan, materi/catatan/hambatan\n// bisa diperbaiki). Siswa Tidak Masuk ditampilkan sebagai info baca-saja\n// (bukan input) karena selalu dihitung ulang otomatis oleh backend dari\n// Absensi Harian saat disimpan.\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 const kegPrefix='jke'+r.id;\n div.className='bg-blue-50/40 rounded-xl shadow p-4 mb-3';\n div.innerHTML=\\`

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

\n Kegiatan Pembelajaran\n

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

\n Siswa Tidak Masuk (otomatis dari Absensi Harian, terhitung ulang saat disimpan): \\${r.siswa_tidak_masuk?x(r.siswa_tidak_masuk):'-- belum ada data --'}\n

\n \n \n

\\`;\n renderKegiatanBox(kegPrefix+'Box',kegPrefix,r.kegiatan||'');\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 pertemuan_ke:div.querySelector('[data-f=\"pertemuan_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 kegiatan:collectKegiatan(kegPrefix),\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);const d2=await api('/api/jurnal');const found=(d2.data||[]).find(j=>j.id===r.id);if(found)r.siswa_tidak_masuk=found.siswa_tidak_masuk;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 // Kalau dalam 1 hari guru mengajar kelas yang sama untuk beberapa mapel\n // (beberapa baris jurnal dgn tanggal+kelas sama), daftar \"Peserta Didik\n // Tidak Hadir\" akan selalu identik di tiap baris tsb (dihitung dari\n // Absensi Harian yang sama). Supaya tidak berulang-ulang di cetakan,\n // cukup tulis sekali saja pada baris pertama utk kombinasi tanggal+kelas\n // itu; baris berikutnya di hari & kelas yang sama dikosongkan.\n const sudahDitulisTidakMasuk=new Set();\n // Urutkan eksplisit kronologis (tanggal lama->baru, lalu jam mulai\n // kecil->besar) utk cetak -- JANGAN pakai .reverse() mentah dari\n // JURNAL_CACHE, karena JURNAL_CACHE sendiri urutannya tanggal\n // terbaru->lama dgn jam kecil->besar DI DALAM tanggal yang sama;\n // reverse mentah akan membalik urutan jam itu juga.\n const rows=JURNAL_CACHE.slice().sort((a,b)=>{\n if(a.tanggal!==b.tanggal)return a.tanggal{\n const hari=HARI_ID[new Date(r.tanggal+'T00:00:00').getDay()];\n const kunciTidakMasuk=r.tanggal+'|'+r.kelas;\n const tulisTidakMasuk=!sudahDitulisTidakMasuk.has(kunciTidakMasuk);\n sudahDitulisTidakMasuk.add(kunciTidakMasuk);\n return ''+(i+1)+''+hari+'
'+x(r.tanggal)+''+x(r.jam_ke)+''+x(r.pertemuan_ke)+''+\n ''+x(r.mapel)+' - '+x(r.kelas)+(r.materi_tp?'
'+x(r.materi_tp):'')+''+\n ''+x(r.kegiatan)+''+\n ''+(tulisTidakMasuk?x(r.siswa_tidak_masuk):'')+''+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	Kegiatan	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,369,512,591],"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,369,512,600],"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,369,512,608],"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,369,512,352],"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 ). 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,514],"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,681],"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,547],"a651d933-316b-4799-b5f8-9ec1e2a370a4","dd40f378-7db9-11f1-8c45-1607ee4eb77e",724,["D",1785387087779],"/**\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\n/**\n * NILAI FORMATIF — sekarang bisa lebih dari satu per (siswa, mapel, kode_tp),\n * disimpan sebagai baris-baris terpisah di tabel `nilai_formatif_detail`.\n * `nilai_tp.nilai_formatif` tetap kolom tunggal (dipakai untuk nilai_akhir &\n * rekap/cetak seperti sebelumnya), tapi isinya adalah RATA-RATA dari seluruh\n * entri formatif tsb, dihitung ulang oleh helper ini setiap kali disimpan.\n */\nfunction rataFormatif(list: number[]): number | null {\n if (list.length === 0) return null;\n const total = list.reduce((a, c) => a + c, 0);\n return Math.round((total / list.length) * 100) / 100;\n}\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\n // Daftar SETIAP entri nilai formatif (bisa lebih dari satu per siswa)\n // untuk mapel+kode_tp ini, dikelompokkan per siswa_id dan diurutkan sesuai\n // urutan diisi (id menaik), supaya guru bisa tambah beberapa formatif dan\n // hasilnya diakumulasi (rata-rata) jadi nilai_formatif di nilai_tp.\n const formatifRows = idsKelas.length\n ? must(\n await supabase.from(\"nilai_formatif_detail\").select(\"id, siswa_id, nilai\")\n .in(\"siswa_id\", idsKelas).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp)\n .order(\"id\", { ascending: true }),\n )\n : [];\n const petaFormatif: Record = {};\n (formatifRows as any[]).forEach((r) => {\n (petaFormatif[r.siswa_id] ??= []).push({ id: r.id, nilai: r.nilai });\n });\n\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 formatif_list: petaFormatif[s.id] || [],\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/**\n * SIMPAN NILAI FORMATIF SATU KELAS SEKALIGUS (batch upsert) — versi khusus\n * formatif yang mendukung LEBIH DARI SATU nilai per siswa untuk kode TP yang\n * sama (mis. Formatif 1, Formatif 2, Formatif 3, dst). Untuk tiap siswa,\n * seluruh entri formatif LAMA di nilai_formatif_detail untuk mapel+kode_tp\n * ini diganti dengan daftar baru yang dikirim (replace penuh, bukan\n * tambah/append), lalu nilai_formatif di nilai_tp diperbarui jadi RATA-RATA\n * daftar tsb dan nilai_akhir dihitung ulang (rata-rata formatif & sumatif,\n * sama seperti sebelumnya). Siswa dengan daftar kosong (semua kolom\n * dikosongkan guru) akan menghapus seluruh entri formatifnya.\n */\nexport async function handleNilaiFormatifBatchSave(\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 list = Array.isArray(b.siswa) ? b.siswa : [];\n if (!mapel || !kodeTp) {\n return json({\n success: false,\n message: \"Mapel dan Kode TP 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 const nilaiList = (Array.isArray(item.nilai) ? item.nilai : [])\n .filter((v: any) => v !== \"\" && v !== null && v !== undefined)\n .map((v: any) => Math.max(0, Math.min(100, Number(v) || 0)));\n\n // Ganti seluruh entri formatif lama siswa ini untuk mapel+kode_tp ini.\n await supabase.from(\"nilai_formatif_detail\").delete()\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp);\n if (nilaiList.length > 0) {\n await supabase.from(\"nilai_formatif_detail\").insert(\n nilaiList.map((n: number) => ({\n siswa_id: siswaId,\n mapel,\n kode_tp: kodeTp,\n nilai: n,\n })),\n );\n }\n\n const f = rataFormatif(nilaiList) ?? 0;\n const existing = must(\n await supabase.from(\"nilai_tp\").select(\"id, nilai_sumatif\")\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp),\n );\n const row = (existing as any[])[0];\n const su = 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_akhir: akhir })\n .eq(\"id\", row.id);\n } else if (nilaiList.length > 0) {\n await supabase.from(\"nilai_tp\").insert({\n siswa_id: siswaId,\n mapel,\n kode_tp: kodeTp,\n nilai_formatif: f,\n nilai_sumatif: 0,\n nilai_akhir: akhir,\n });\n }\n disimpan++;\n }\n\n return json({\n success: true,\n message: disimpan > 0\n ? `Nilai Formatif 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,556],"c9545be3-1265-4e4d-8dfb-30d78b09d31c","libur.ts","0494728c-8bd5-11f1-9065-1607ee4eb77e",732,["D",1785388266200],"/**\n * routes/libur.ts\n * Penanda \"hari libur di hari sekolah biasa\" (misalnya karena ada kegiatan),\n * ditandai dari menu Absensi Harian lengkap dengan keterangan.\n *\n * Cakupan kelas mengikuti jadwal mengajar guru pada hari (nama hari) dari\n * tanggal yang dipilih: SEMUA kelas yang guru ajar di hari itu ikut ditandai\n * libur sekaligus (guru tidak perlu memilih kelas satu per satu). Kalau guru\n * tidak punya jadwal mengajar sama sekali di hari itu, tidak ada yang\n * ditandai (mengembalikan pesan error).\n *\n * Data yang sama juga dipakai kalender mini di Dashboard supaya tanggal\n * libur otomatis tersorot di sana tanpa input ulang (sinkron otomatis).\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAmpu } from \"./kelas.ts\";\n\nconst HARI_NAMA = [\n \"Minggu\",\n \"Senin\",\n \"Selasa\",\n \"Rabu\",\n \"Kamis\",\n \"Jumat\",\n \"Sabtu\",\n];\n\n/** Nama hari (Indonesia) dari string tanggal \"YYYY-MM-DD\", tanpa risiko\n * pergeseran zona waktu (parse manual y/m/d, bukan lewat Date.parse). */\nfunction namaHari(tanggal: string): string {\n const [y, m, d] = tanggal.split(\"-\").map(Number);\n return HARI_NAMA[new Date(y, m - 1, d).getDay()];\n}\n\n/**\n * Libur pada satu bulan (default: bulan berjalan, atau via ?bulan=YYYY-MM)\n * untuk seluruh kelas yang diampu guru -> dipakai kalender mini Dashboard.\n * Satu tanggal bisa berlaku untuk beberapa kelas sekaligus (semua kelas yang\n * ada jadwalnya di hari yang sama), jadi digabung per tanggal di sini.\n */\nexport async function handleLiburGet(\n url: URL,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelasAmpu.length === 0) return json({ success: true, data: [] });\n\n const bulan = url.searchParams.get(\"bulan\") ||\n new Date().toISOString().slice(0, 7);\n const [thn, bln] = bulan.split(\"-\").map(Number);\n const akhirBulan = new Date(thn, bln, 0).getDate();\n\n const rows = must(\n await supabase.from(\"hari_libur\").select(\"*\").in(\"kelas\", kelasAmpu)\n .gte(\"tanggal\", `${bulan}-01`)\n .lte(\"tanggal\", `${bulan}-${String(akhirBulan).padStart(2, \"0\")}`)\n .order(\"tanggal\", { ascending: true }),\n );\n\n const map: Record<\n string,\n { tanggal: string; kelas: string[]; keterangan: string }\n > = {};\n (rows as any[]).forEach((r) => {\n if (!map[r.tanggal]) {\n map[r.tanggal] = { tanggal: r.tanggal, kelas: [], keterangan: r.keterangan };\n }\n map[r.tanggal].kelas.push(r.kelas);\n });\n\n return json({ success: true, data: Object.values(map) });\n}\n\n/**\n * Tandai satu tanggal sebagai libur. Kelas yang ditandai mengikuti jadwal\n * mengajar guru pada hari (nama hari) tanggal tsb (lihat komentar file).\n */\nexport async function handleLiburSave(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const tanggal = String(b.tanggal || \"\").trim();\n const keterangan = String(b.keterangan || \"\").trim();\n if (!tanggal || !keterangan) {\n return json({\n success: false,\n message: \"Tanggal dan keterangan libur wajib diisi.\",\n }, 400);\n }\n\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelasAmpu.length === 0) {\n return json({\n success: false,\n message: \"Anda belum terdaftar mengampu kelas manapun.\",\n }, 400);\n }\n\n const hari = namaHari(tanggal);\n const jadwalHariItu = must(\n await supabase.from(\"jadwal_mengajar\").select(\"kelas\").in(\n \"kelas\",\n kelasAmpu,\n ).eq(\"hari\", hari),\n );\n const kelasTerdampak = [\n ...new Set((jadwalHariItu as any[]).map((j) => j.kelas)),\n ];\n\n if (kelasTerdampak.length === 0) {\n return json({\n success: false,\n message:\n `Tidak ditemukan jadwal mengajar Anda pada hari ${hari}, sehingga tidak ada kelas yang ditandai libur. Tambahkan jadwalnya dulu di menu Jadwal Mengajar kalau memang seharusnya ada.`,\n }, 400);\n }\n\n for (const kelas of kelasTerdampak) {\n const existing = must(\n await supabase.from(\"hari_libur\").select(\"id\").eq(\"tanggal\", tanggal)\n .eq(\"kelas\", kelas),\n );\n if (existing.length > 0) {\n await supabase.from(\"hari_libur\").update({ keterangan }).eq(\n \"id\",\n (existing[0] as any).id,\n );\n } else {\n await supabase.from(\"hari_libur\").insert({ tanggal, kelas, keterangan });\n }\n }\n\n return json({\n success: true,\n message:\n `Tanggal ${tanggal} ditandai libur untuk kelas ${kelasTerdampak.join(\", \")}.`,\n kelas: kelasTerdampak,\n });\n}\n\n/** Batalkan penanda libur suatu tanggal, untuk seluruh kelas yang diampu guru. */\nexport async function handleLiburDelete(\n url: URL,\n userId: number,\n): Promise {\n const tanggal = url.searchParams.get(\"tanggal\");\n if (!tanggal) {\n return json({ success: false, message: \"Tanggal wajib diisi.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelasAmpu.length > 0) {\n const { error } = await supabase.from(\"hari_libur\").delete().eq(\n \"tanggal\",\n tanggal,\n ).in(\"kelas\", kelasAmpu);\n if (error) return json({ success: false, message: error.message }, 500);\n }\n return json({ success: true, message: \"Penanda libur berhasil dibatalkan.\" });\n}",[],[257,703],"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,711],"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,719],"5c406338-fe24-434d-8228-4d6df2dbc493","e8732eaa-7db9-11f1-9dd7-1607ee4eb77e",722,["D",1785200112436],"/**\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 // Jurnal Guru Mengajar dimaksudkan sebagai catatan lintas kelas: guru bisa\n // menjadi wali kelas di satu kelas SEKALIGUS guru mapel di kelas lain, dan\n // seluruh isian dari semua kelas yang diampu harus tetap tampil di\n // list & cetak -- bukan cuma isian di kelas_terpilih (kelas aktif) saja.\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.length) {\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(\"jurnal_guru\").select(\"*\").in(\"kelas\", kelasAmpu)\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,591],"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,600],"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,352],"3c78f26d-d701-4197-89f1-693655d78fc6","0a72d780-7dba-11f1-bc02-1607ee4eb77e",733,["D",1785388289415],"/**\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 libur: null,\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 // Cek apakah tanggal ini sudah ditandai libur untuk kelas yang sedang\n // dibuka (lihat routes/libur.ts) supaya frontend bisa menampilkan banner.\n const liburRow = must(\n await supabase.from(\"hari_libur\").select(\"keterangan\").eq(\n \"tanggal\",\n tgl,\n ).eq(\"kelas\", kelas_terpilih),\n );\n const libur = (liburRow as any[]).length > 0\n ? { keterangan: (liburRow[0] as any).keterangan }\n : null;\n return json({\n success: true,\n tanggal: tgl,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n libur,\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,33],["D",1783837245210],[273,274,275,276,277,278,279,280,281,282,283,284,285,286],[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":796,"_797":798,"_799":800,"_801":25,"_802":25,"_803":25,"_804":60,"_805":-5,"_806":-7,"_807":-7,"_808":64,"_809":25,"_810":25,"_811":-5,"_812":25,"_813":25,"_814":25,"_815":-5},"ENV",{"_767":768,"_769":770,"_771":91,"_772":773,"_774":775,"_776":777,"_778":779,"_780":781,"_782":783,"_784":785,"_786":787,"_788":789,"_790":791,"_792":793,"_794":795},"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"]

Kelas '+x(g.kelas)+'

REKAP ABSENSI BULANAN

Kelas '+x(g.kelas)+'

REKAP ABSENSI BULANAN

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)

Jurnal Mengajar

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+'

Diff · v734