[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_797":798,"_799":800},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":37,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"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",786,"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/belajar.ts","latestPath","fileId","873b26cc-a5d9-11f1-9780-1607ee4eb77e","name","belajar.ts","fileType","script","content","","/**\n * views/components/scripts/belajar.ts\n * Logika menu \"Belajar Online\": daftar materi, editor (judul, tujuan,\n * pengertian, kartu ringkasan, rincian, kuis), simpan/hapus, dan link\n * berbagi publik. Termasuk tombol \"Isi dengan contoh: Ragam Hias\n * Nusantara\" yang memuat materi + 8 soal kuis siap pakai.\n */\nexport function renderBelajarScript(): string {\n return `\nconst BEL_ICON_KEYS=['flora','figuratif','mendung','pinto','pucuak','barong','kawung','asmat','default'];\n\n// Materi contoh siap pakai, diambil dari situs pembelajaran \"Ragam Hias Nusantara\"\n// (IPAS/SBdP Kelas 5) supaya guru bisa langsung membagikannya lewat fitur ini.\nfunction contohRagamHiasNusantara(){\n return {\n hero:{\n judul:'Ragam Hias Nusantara',\n subjudul:'Menjelajahi motif hias flora, figuratif, dan kekayaan ragam hias dari berbagai daerah di Indonesia.'\n },\n tujuan:'Siswa mampu menemukan definisi ragam hias nusantara dengan tepat.',\n pengertian:'Ragam hias nusantara merupakan karya seni rupa yang diambil dari berbagai macam motif, di antaranya motif hias geometris, motif hias flora, motif hias fauna, dan motif hias figuratif.',\n macam:[\n {judul:'Ragam Hias Flora',deskripsi:'Motif flora adalah motif yang menampilkan ornamen-ornamen yang menyerupai tumbuh-tumbuhan dan dedaunan, rerumputan, akar, dan bunga.',ikon:'flora'},\n {judul:'Ragam Hias Figuratif',deskripsi:'Motif figuratif adalah hiasan yang dibuat menyerupai sosok manusia dengan penggayaan tertentu, seperti disederhanakan atau sedikit diabstrakan.',ikon:'figuratif'}\n ],\n daerah:[\n {daerah:'Cirebon',motif:'Mega Mendung',deskripsi:'Salah satu motif yang jadi ikon Cirebon adalah mega mendung. Motif ini memiliki bentuk dasar dari awan.',ikon:'mendung'},\n {daerah:'Aceh',motif:'Pinto Aceh',deskripsi:'Motif pinto aceh merupakan motif yang sangat terkenal di Aceh. Motif ini merupakan hasil karya seni dari Mahmud Ibrahim.',ikon:'pinto'},\n {daerah:'Minangkabau, Sumatra Barat',motif:'Pucuak Rebuang',deskripsi:'Ciri utama dari motif pucuak rebuang adalah bentuk segitiga yang diambil dari tunas bambu.',ikon:'pucuak'},\n {daerah:'Bali',motif:'Barong',deskripsi:'Motif barong digambarkan memiliki bentuk badan, kaki, dan mata dari macan atau singa, elang, gajah, dan naga.',ikon:'barong'},\n {daerah:'Bali',motif:'Kawung',deskripsi:'Pada awalnya, motif kawung merupakan motif istimewa karena hanya boleh digunakan oleh keluarga kerajaan dan yang memiliki hubungan dengan keluarga kerajaan.',ikon:'kawung'},\n {daerah:'Papua',motif:'Asmat',deskripsi:'Motif asmat dibuat berdasarkan kehidupan sehari-hari suku Asmat yang berhubungan dengan alam dan manusia.',ikon:'asmat'}\n ],\n kuis:[\n {pertanyaan:'Apa yang dimaksud dengan ragam hias nusantara?',opsi:['Karya seni rupa dari berbagai motif seperti geometris, flora, fauna, dan figuratif','Jenis pakaian adat dari setiap daerah di Indonesia','Kumpulan tarian tradisional Indonesia','Alat musik khas daerah'],jawaban:0,penjelasan:'Ragam hias nusantara adalah karya seni rupa yang diambil dari berbagai macam motif: geometris, flora, fauna, dan figuratif.'},\n {pertanyaan:'Motif yang menampilkan ornamen menyerupai tumbuhan dan dedaunan disebut motif...',opsi:['Figuratif','Flora','Fauna','Geometris'],jawaban:1,penjelasan:'Motif flora menampilkan ornamen yang menyerupai tumbuh-tumbuhan, dedaunan, rerumputan, akar, dan bunga.'},\n {pertanyaan:'Motif figuratif dibuat menyerupai...',opsi:['Bentuk awan','Sosok manusia yang digayakan','Bentuk segitiga','Susunan garis lurus'],jawaban:1,penjelasan:'Motif figuratif adalah hiasan yang dibuat menyerupai sosok manusia dengan penggayaan tertentu, seperti disederhanakan atau sedikit diabstrakan.'},\n {pertanyaan:'Motif Mega Mendung yang berbentuk dasar awan berasal dari daerah...',opsi:['Aceh','Bali','Cirebon','Papua'],jawaban:2,penjelasan:'Mega mendung adalah motif yang menjadi ikon Cirebon.'},\n {pertanyaan:'Motif Pinto Aceh merupakan hasil karya seni dari...',opsi:['Mahmud Ibrahim','Ki Hajar Dewantara','Raden Saleh','Affandi'],jawaban:0,penjelasan:'Motif pinto aceh merupakan hasil karya seni dari Mahmud Ibrahim.'},\n {pertanyaan:'Ciri utama motif Pucuak Rebuang dari Minangkabau adalah bentuk...',opsi:['Lingkaran dari bunga teratai','Segitiga dari tunas bambu','Persegi dari anyaman','Garis lurus dari akar pohon'],jawaban:1,penjelasan:'Ciri utama motif pucuak rebuang adalah bentuk segitiga yang diambil dari tunas bambu.'},\n {pertanyaan:'Pada awalnya, motif Kawung hanya boleh digunakan oleh...',opsi:['Seluruh rakyat','Pedagang keliling','Keluarga kerajaan','Nelayan'],jawaban:2,penjelasan:'Motif kawung pada awalnya merupakan motif istimewa karena hanya boleh digunakan oleh keluarga kerajaan.'},\n {pertanyaan:'Motif Asmat dari Papua dibuat berdasarkan...',opsi:['Cerita rakyat kerajaan','Kehidupan sehari-hari suku Asmat yang berhubungan dengan alam dan manusia','Bentuk hewan laut','Pola hujan dan awan'],jawaban:1,penjelasan:'Motif asmat dibuat berdasarkan kehidupan sehari-hari suku Asmat yang berhubungan dengan alam dan manusia.'}\n ]\n };\n}\n\nfunction belajarKontenKosong(){\n return {hero:{judul:'',subjudul:''},tujuan:'',pengertian:'',macam:[],daerah:[],kuis:[]};\n}\n\nlet BEL_LIST=[];\nlet BEL_CURRENT=null; // {id?, judul, published, konten:{...}}\n\nasync function loadBelajarList(){\n const r=await api('/api/belajar');\n BEL_LIST=r.data||[];\n showBelajarList();\n renderBelajarList();\n}\n\nfunction renderBelajarList(){\n const box=document.getElementById('belList');\n box.innerHTML='';\n document.getElementById('belEmpty').classList.toggle('hidden',BEL_LIST.length>0);\n BEL_LIST.forEach(m=>{\n const card=document.createElement('div');\n card.className='bg-white rounded-xl border border-[#EAEAEA] shadow-sm p-5 flex flex-col gap-3';\n const badge=m.published\n ?'Terpublikasi'\n :'Draft';\n const tgl=m.dibuat_pada?new Date(m.dibuat_pada).toLocaleDateString('id-ID',{day:'numeric',month:'long',year:'numeric'}):'';\n card.innerHTML=\\`\n

\\${x(m.judul)}

\n \\${badge}\n

\\${x(tgl)}

\n \n \n \n

\\`;\n card.querySelector('[data-edit]').addEventListener('click',()=>openBelajarEdit(m.id));\n card.querySelector('[data-salin]').addEventListener('click',()=>salinLinkBelajar(m.slug));\n card.querySelector('[data-hapus]').addEventListener('click',async()=>{\n if(!await appConfirm('Hapus materi \"'+m.judul+'\"? Link yang sudah dibagikan tidak akan bisa dibuka lagi.'))return;\n const res=await api('/api/belajar/'+m.id,'DELETE');\n if(res.success)loadBelajarList();else appAlert(res.message);\n });\n box.appendChild(card);\n });\n if(window.lucide)lucide.createIcons();\n}\n\nfunction showBelajarList(){\n document.getElementById('belListBox').classList.remove('hidden');\n document.getElementById('belEditorBox').classList.add('hidden');\n}\nfunction showBelajarEditor(){\n document.getElementById('belListBox').classList.add('hidden');\n document.getElementById('belEditorBox').classList.remove('hidden');\n}\n\nfunction openBelajarBaru(){\n BEL_CURRENT={judul:'',published:true,konten:belajarKontenKosong()};\n document.getElementById('belEditorTitle').textContent='Materi Baru';\n document.getElementById('belBtnHapus').classList.add('hidden');\n document.getElementById('belLinkBox').classList.add('hidden');\n fillBelajarEditor();\n showBelajarEditor();\n}\n\nasync function openBelajarEdit(id){\n const r=await api('/api/belajar/'+id);\n if(!r.success){appAlert(r.message);return;}\n const d=r.data;\n BEL_CURRENT={id:d.id,judul:d.judul,slug:d.slug,published:d.published,konten:d.konten||belajarKontenKosong()};\n document.getElementById('belEditorTitle').textContent='Edit Materi';\n document.getElementById('belBtnHapus').classList.remove('hidden');\n fillBelajarEditor();\n showBelajarLink();\n showBelajarEditor();\n}\n\nfunction showBelajarLink(){\n const box=document.getElementById('belLinkBox');\n if(!BEL_CURRENT||!BEL_CURRENT.slug){box.classList.add('hidden');return;}\n const url=location.origin+'/belajar/'+BEL_CURRENT.slug;\n document.getElementById('belLinkText').textContent=url;\n document.getElementById('belBtnBukaLink').href=url;\n box.classList.remove('hidden');\n}\n\nfunction salinLinkBelajar(slug){\n const url=location.origin+'/belajar/'+slug;\n if(navigator.clipboard&&navigator.clipboard.writeText){\n navigator.clipboard.writeText(url).then(()=>appAlert('Link disalin: '+url)).catch(()=>appAlert(url));\n }else{\n appAlert(url);\n }\n}\n\nfunction fillBelajarEditor(){\n const k=BEL_CURRENT.konten;\n document.getElementById('belJudul').value=BEL_CURRENT.judul||'';\n document.getElementById('belSubjudul').value=k.hero&&k.hero.subjudul||'';\n document.getElementById('belPublished').checked=BEL_CURRENT.published!==false;\n document.getElementById('belTujuan').value=k.tujuan||'';\n document.getElementById('belPengertian').value=k.pengertian||'';\n document.getElementById('belStatus').textContent='';\n renderBelMacam();\n renderBelDaerah();\n renderBelKuis();\n}\n\nfunction belIconSelect(current,onChange){\n const sel=document.createElement('select');\n sel.className='border border-[#EAEAEA] rounded-lg px-2 py-1.5 text-xs';\n BEL_ICON_KEYS.forEach(k=>{\n const opt=document.createElement('option');\n opt.value=k;opt.textContent=k;\n if(k===current)opt.selected=true;\n sel.appendChild(opt);\n });\n sel.addEventListener('change',()=>onChange(sel.value));\n return sel;\n}\n\n// ---------- Kartu ringkasan (macam) ----------\nfunction renderBelMacam(){\n const box=document.getElementById('belMacamList');\n box.innerHTML='';\n BEL_CURRENT.konten.macam.forEach((item,idx)=>{\n const card=document.createElement('div');\n card.className='border border-[#EAEAEA] rounded-xl p-4 space-y-2 relative bg-slate-50';\n card.innerHTML=\\`\n \n Judul\n \n Deskripsi\n \n Ikon\n

\\`;\n card.querySelector('[data-f=\"judul\"]').addEventListener('input',e=>{item.judul=e.target.value;});\n card.querySelector('[data-f=\"deskripsi\"]').addEventListener('input',e=>{item.deskripsi=e.target.value;});\n card.querySelector('[data-f=\"ikon\"]').appendChild(belIconSelect(item.ikon,v=>{item.ikon=v;}));\n card.querySelector('[data-hapus]').addEventListener('click',()=>{BEL_CURRENT.konten.macam.splice(idx,1);renderBelMacam();});\n box.appendChild(card);\n });\n}\ndocument.getElementById('belBtnTambahMacam').addEventListener('click',()=>{\n BEL_CURRENT.konten.macam.push({judul:'Judul baru',deskripsi:'',ikon:'default'});\n renderBelMacam();\n});\n\n// ---------- Rincian materi (daerah) ----------\nfunction renderBelDaerah(){\n const box=document.getElementById('belDaerahList');\n box.innerHTML='';\n BEL_CURRENT.konten.daerah.forEach((item,idx)=>{\n const card=document.createElement('div');\n card.className='border border-[#EAEAEA] rounded-xl p-4 space-y-2 relative bg-slate-50';\n card.innerHTML=\\`\n \n Label / kategori\n \n Nama\n \n Deskripsi\n \n Ikon\n

\\`;\n card.querySelector('[data-f=\"daerah\"]').addEventListener('input',e=>{item.daerah=e.target.value;});\n card.querySelector('[data-f=\"motif\"]').addEventListener('input',e=>{item.motif=e.target.value;});\n card.querySelector('[data-f=\"deskripsi\"]').addEventListener('input',e=>{item.deskripsi=e.target.value;});\n card.querySelector('[data-f=\"ikon\"]').appendChild(belIconSelect(item.ikon,v=>{item.ikon=v;}));\n card.querySelector('[data-hapus]').addEventListener('click',()=>{BEL_CURRENT.konten.daerah.splice(idx,1);renderBelDaerah();});\n box.appendChild(card);\n });\n}\ndocument.getElementById('belBtnTambahDaerah').addEventListener('click',()=>{\n BEL_CURRENT.konten.daerah.push({daerah:'Label baru',motif:'Nama baru',deskripsi:'',ikon:'default'});\n renderBelDaerah();\n});\n\n// ---------- Kuis ----------\nfunction renderBelKuis(){\n const box=document.getElementById('belKuisList');\n box.innerHTML='';\n BEL_CURRENT.konten.kuis.forEach((item,qIdx)=>{\n const card=document.createElement('div');\n card.className='border border-[#EAEAEA] rounded-xl p-4 space-y-2 relative bg-slate-50';\n const opsiHtml=item.opsi.map((teks,oIdx)=>\\`\n

\n \n \n

\\`).join('');\n card.innerHTML=\\`\n \n Pertanyaan \\${qIdx+1}\n \n Pilihan jawaban (klik bulatan untuk menandai jawaban benar)\n

\\${opsiHtml}

\n Penjelasan (tampil setelah dijawab)\n \\`;\n card.querySelector('[data-f=\"pertanyaan\"]').addEventListener('input',e=>{item.pertanyaan=e.target.value;});\n card.querySelector('[data-f=\"penjelasan\"]').addEventListener('input',e=>{item.penjelasan=e.target.value;});\n card.querySelectorAll('[data-opsi]').forEach(inp=>{\n inp.addEventListener('input',e=>{item.opsi[Number(e.target.dataset.opsi)]=e.target.value;});\n });\n card.querySelectorAll('[data-jawaban]').forEach(radio=>{\n radio.addEventListener('change',e=>{item.jawaban=Number(e.target.dataset.jawaban);});\n });\n card.querySelector('[data-hapus]').addEventListener('click',()=>{BEL_CURRENT.konten.kuis.splice(qIdx,1);renderBelKuis();});\n box.appendChild(card);\n });\n}\ndocument.getElementById('belBtnTambahKuis').addEventListener('click',()=>{\n BEL_CURRENT.konten.kuis.push({pertanyaan:'Pertanyaan baru',opsi:['Opsi 1','Opsi 2','Opsi 3','Opsi 4'],jawaban:0,penjelasan:''});\n renderBelKuis();\n});\n\n// ---------- Contoh siap pakai ----------\ndocument.getElementById('belBtnContoh').addEventListener('click',async()=>{\n if(!await appConfirm('Isi materi ini dengan contoh \"Ragam Hias Nusantara\"? Isian yang belum disimpan akan diganti.'))return;\n const contoh=contohRagamHiasNusantara();\n if(!document.getElementById('belJudul').value.trim())BEL_CURRENT.judul='Ragam Hias Nusantara';\n BEL_CURRENT.konten=contoh;\n fillBelajarEditor();\n document.getElementById('belJudul').value=BEL_CURRENT.judul||'Ragam Hias Nusantara';\n});\n\n// ---------- Simpan / hapus ----------\nfunction ambilBelajarDariForm(){\n BEL_CURRENT.judul=document.getElementById('belJudul').value.trim();\n BEL_CURRENT.published=document.getElementById('belPublished').checked;\n BEL_CURRENT.konten.hero={judul:BEL_CURRENT.judul,subjudul:document.getElementById('belSubjudul').value};\n BEL_CURRENT.konten.tujuan=document.getElementById('belTujuan').value;\n BEL_CURRENT.konten.pengertian=document.getElementById('belPengertian').value;\n}\n\nasync function simpanBelajar(){\n ambilBelajarDariForm();\n if(!BEL_CURRENT.judul){appAlert('Judul materi wajib diisi.');return;}\n const statusEl=document.getElementById('belStatus');\n statusEl.textContent='Menyimpan…';\n const payload={judul:BEL_CURRENT.judul,konten:BEL_CURRENT.konten,published:BEL_CURRENT.published};\n const r=BEL_CURRENT.id\n ?await api('/api/belajar/'+BEL_CURRENT.id,'PUT',payload)\n :await api('/api/belajar','POST',payload);\n if(!r.success){statusEl.textContent='';appAlert(r.message);return;}\n if(!BEL_CURRENT.id&&r.data){\n BEL_CURRENT.id=r.data.id;\n BEL_CURRENT.slug=r.data.slug;\n document.getElementById('belEditorTitle').textContent='Edit Materi';\n document.getElementById('belBtnHapus').classList.remove('hidden');\n }\n showBelajarLink();\n statusEl.textContent='Tersimpan ✓';\n setTimeout(()=>{statusEl.textContent='';},2500);\n}\ndocument.getElementById('belBtnSimpan').addEventListener('click',simpanBelajar);\ndocument.getElementById('belBtnSimpanBawah').addEventListener('click',simpanBelajar);\n\ndocument.getElementById('belBtnHapus').addEventListener('click',async()=>{\n if(!BEL_CURRENT||!BEL_CURRENT.id)return;\n if(!await appConfirm('Hapus materi \"'+BEL_CURRENT.judul+'\"? Link yang sudah dibagikan tidak akan bisa dibuka lagi.'))return;\n const r=await api('/api/belajar/'+BEL_CURRENT.id,'DELETE');\n if(!r.success){appAlert(r.message);return;}\n loadBelajarList();\n});\n\ndocument.getElementById('belBtnSalinLink').addEventListener('click',()=>{\n if(BEL_CURRENT&&BEL_CURRENT.slug)salinLinkBelajar(BEL_CURRENT.slug);\n});\n\ndocument.getElementById('belBtnBaru').addEventListener('click',openBelajarBaru);\ndocument.getElementById('belBtnKembali').addEventListener('click',()=>{loadBelajarList();});\n`;\n}","createdAt",["D",1788248927078],"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":792,"_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":793,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":794,"_85":795,"_87":796,"_89":25},"tree",[271,287,328,329,330,331],"files",[271,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,329,330,331],"counts",{"_261":64,"_262":252,"_263":64,"_264":265,"_266":267},"contents",[206,207,208,209,210,211],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[131,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],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":205,"_169":-5},{"_44":204,"_169":-5},{"_44":203,"_169":-5},{"_44":202,"_169":-5},{"_44":201,"_169":-5},{"_44":200,"_169":-5},{"_44":199,"_169":-5},{"_44":198,"_169":-5},{"_44":197,"_169":-5},{"_44":196,"_169":-5},{"_44":195,"_169":-5},{"_44":194,"_169":-5},{"_44":193,"_169":-5},{"_44":192,"_169":-5},{"_44":191,"_169":-5},{"_44":190,"_169":-5},{"_44":189,"_169":-5},{"_44":188,"_169":-5},{"_44":187,"_169":-5},{"_44":186,"_169":-5},{"_44":185,"_169":-5},{"_44":184,"_169":-5},{"_44":183,"_169":-5},{"_44":182,"_169":-5},{"_44":181,"_169":-5},{"_44":180,"_169":-5},{"_44":179,"_169":-5},{"_44":178,"_169":-5},{"_44":177,"_169":-5},{"_44":176,"_169":-5},{"_44":175,"_169":-5},{"_44":174,"_169":-5},{"_44":173,"_169":-5},{"_44":172,"_169":-5},{"_44":171,"_169":-5},{"_44":170,"_169":-5},{"_44":168,"_169":-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":255,"_32":256,"_30":257,"_215":-5,"_42":43,"_41":258,"_217":60,"_39":259,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_27":260},{"_44":247,"_32":248,"_30":249,"_215":-5,"_42":43,"_41":250,"_217":60,"_39":251,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_27":254},{"_44":240,"_32":241,"_30":242,"_215":-5,"_42":43,"_41":243,"_217":60,"_39":244,"_13":237,"_34":35,"_36":245,"_24":25,"_221":-5,"_27":246},{"_44":232,"_32":233,"_30":234,"_215":-5,"_42":43,"_41":235,"_217":60,"_39":236,"_13":237,"_34":35,"_36":238,"_24":25,"_221":-5,"_27":239},{"_44":223,"_32":224,"_30":58,"_215":-5,"_42":43,"_41":225,"_217":25,"_39":226,"_13":227,"_34":228,"_36":229,"_24":25,"_221":230,"_27":231},{"_44":212,"_32":213,"_30":214,"_215":-5,"_42":43,"_41":216,"_217":60,"_39":218,"_13":219,"_34":35,"_36":220,"_24":25,"_221":-5,"_27":222},"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",[213],"c65db063-93f2-4d05-a053-87a1c9d4b348","http.ts",762,["D",1785978817122],28,"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 handleLiburDelete,\n handleLiburGet,\n handleLiburSave,\n} from \"./routes/libur.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 handlePoinCreateMassal,\n handlePoinDelete,\n handlePoinGet,\n handlePoinTambahNilaiHarian,\n handlePoinTambahNilaiHarianMassal,\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/libur\" && method === \"GET\") {\n return handleLiburGet(url, user.id);\n }\n if (path === \"/api/libur\" && method === \"POST\") {\n return handleLiburSave(req, user.id);\n }\n if (path === \"/api/libur\" && method === \"DELETE\") {\n return handleLiburDelete(url, 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 if (path === \"/api/poin/massal\" && method === \"POST\") {\n return handlePoinCreateMassal(req, user.id);\n }\n if (path === \"/api/poin/nilai-harian\" && method === \"POST\") {\n return handlePoinTambahNilaiHarian(req, user.id);\n }\n if (path === \"/api/poin/nilai-harian-massal\" && method === \"POST\") {\n return handlePoinTambahNilaiHarianMassal(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",[224],"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}",[233],"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}",[241],"9c7bfd8b-f006-4fba-9371-0112ca008232","views","15e5c5aa-7dba-11f1-b78f-1607ee4eb77e",156,["D",1783837383685],1,"directory",[248],"4a085b8c-b8c3-443b-811d-11d2acf074d9","routes","ce28566a-7db9-11f1-8151-1607ee4eb77e",136,["D",1783837245210],[256],"pulls","branches","forks","envVars",{"_268":237,"_270":64},"connections",{"_268":64,"_269":64},"count","unfilledCount","emptyCount",{"_44":255,"_32":256,"_30":257,"_215":-5,"_42":43,"_41":258,"_217":60,"_39":789,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_333":790,"_27":791},{"_44":782,"_32":655,"_30":783,"_215":257,"_42":43,"_41":784,"_217":60,"_39":785,"_13":703,"_34":35,"_36":786,"_24":25,"_221":-5,"_333":787,"_27":788},{"_44":774,"_32":775,"_30":776,"_215":257,"_42":43,"_41":777,"_217":60,"_39":778,"_13":219,"_34":35,"_36":779,"_24":25,"_221":-5,"_333":780,"_27":781},{"_44":767,"_32":355,"_30":768,"_215":257,"_42":43,"_41":769,"_217":60,"_39":770,"_13":703,"_34":35,"_36":771,"_24":25,"_221":-5,"_333":772,"_27":773},{"_44":760,"_32":619,"_30":761,"_215":257,"_42":43,"_41":762,"_217":60,"_39":763,"_13":431,"_34":35,"_36":764,"_24":25,"_221":-5,"_333":765,"_27":766},{"_44":753,"_32":611,"_30":754,"_215":257,"_42":43,"_41":755,"_217":60,"_39":756,"_13":350,"_34":35,"_36":757,"_24":25,"_221":-5,"_333":758,"_27":759},{"_44":745,"_32":746,"_30":747,"_215":257,"_42":43,"_41":748,"_217":60,"_39":749,"_13":413,"_34":35,"_36":750,"_24":25,"_221":-5,"_333":751,"_27":752},{"_44":737,"_32":738,"_30":739,"_215":257,"_42":43,"_41":740,"_217":60,"_39":741,"_13":589,"_34":35,"_36":742,"_24":25,"_221":-5,"_333":743,"_27":744},{"_44":729,"_32":730,"_30":731,"_215":257,"_42":43,"_41":732,"_217":60,"_39":733,"_13":219,"_34":35,"_36":734,"_24":25,"_221":-5,"_333":735,"_27":736},{"_44":722,"_32":576,"_30":723,"_215":257,"_42":43,"_41":724,"_217":60,"_39":725,"_13":448,"_34":35,"_36":726,"_24":25,"_221":-5,"_333":727,"_27":728},{"_44":715,"_32":567,"_30":716,"_215":257,"_42":43,"_41":717,"_217":60,"_39":718,"_13":481,"_34":35,"_36":719,"_24":25,"_221":-5,"_333":720,"_27":721},{"_44":707,"_32":708,"_30":709,"_215":257,"_42":43,"_41":710,"_217":60,"_39":711,"_13":237,"_34":35,"_36":712,"_24":25,"_221":-5,"_333":713,"_27":714},{"_44":699,"_32":534,"_30":700,"_215":257,"_42":43,"_41":701,"_217":60,"_39":702,"_13":703,"_34":35,"_36":704,"_24":25,"_221":-5,"_333":705,"_27":706},{"_44":692,"_32":524,"_30":693,"_215":257,"_42":43,"_41":694,"_217":60,"_39":695,"_13":431,"_34":35,"_36":696,"_24":25,"_221":-5,"_333":697,"_27":698},{"_44":684,"_32":685,"_30":686,"_215":257,"_42":43,"_41":687,"_217":60,"_39":688,"_13":680,"_34":35,"_36":689,"_24":25,"_221":-5,"_333":690,"_27":691},{"_44":675,"_32":676,"_30":677,"_215":257,"_42":43,"_41":678,"_217":60,"_39":679,"_13":680,"_34":35,"_36":681,"_24":25,"_221":-5,"_333":682,"_27":683},{"_44":247,"_32":248,"_30":249,"_215":-5,"_42":43,"_41":250,"_217":60,"_39":672,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_333":673,"_27":674},{"_44":667,"_32":380,"_30":374,"_215":249,"_42":43,"_41":668,"_217":60,"_39":669,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_333":670,"_27":671},{"_44":662,"_32":532,"_30":526,"_215":374,"_42":43,"_41":663,"_217":60,"_39":664,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_333":665,"_27":666},{"_44":654,"_32":655,"_30":656,"_215":526,"_42":43,"_41":657,"_217":60,"_39":658,"_13":580,"_34":35,"_36":659,"_24":25,"_221":-5,"_333":660,"_27":661},{"_44":650,"_32":33,"_30":31,"_215":526,"_42":43,"_41":14,"_217":60,"_39":651,"_13":219,"_34":35,"_36":38,"_24":25,"_221":-5,"_333":652,"_27":653},{"_44":641,"_32":642,"_30":643,"_215":526,"_42":43,"_41":644,"_217":25,"_39":645,"_13":646,"_34":35,"_36":647,"_24":25,"_221":-5,"_333":648,"_27":649},{"_44":634,"_32":355,"_30":635,"_215":526,"_42":43,"_41":636,"_217":60,"_39":637,"_13":413,"_34":35,"_36":638,"_24":25,"_221":-5,"_333":639,"_27":640},{"_44":626,"_32":627,"_30":628,"_215":526,"_42":43,"_41":629,"_217":60,"_39":630,"_13":237,"_34":35,"_36":631,"_24":25,"_221":-5,"_333":632,"_27":633},{"_44":618,"_32":619,"_30":620,"_215":526,"_42":43,"_41":621,"_217":60,"_39":622,"_13":350,"_34":35,"_36":623,"_24":25,"_221":-5,"_333":624,"_27":625},{"_44":610,"_32":611,"_30":612,"_215":526,"_42":43,"_41":613,"_217":60,"_39":614,"_13":571,"_34":35,"_36":615,"_24":25,"_221":-5,"_333":616,"_27":617},{"_44":602,"_32":603,"_30":604,"_215":526,"_42":43,"_41":605,"_217":60,"_39":606,"_13":350,"_34":35,"_36":607,"_24":25,"_221":-5,"_333":608,"_27":609},{"_44":593,"_32":594,"_30":595,"_215":526,"_42":43,"_41":596,"_217":60,"_39":597,"_13":598,"_34":35,"_36":599,"_24":25,"_221":-5,"_333":600,"_27":601},{"_44":584,"_32":585,"_30":586,"_215":526,"_42":43,"_41":587,"_217":60,"_39":588,"_13":589,"_34":35,"_36":590,"_24":25,"_221":-5,"_333":591,"_27":592},{"_44":575,"_32":576,"_30":577,"_215":526,"_42":43,"_41":578,"_217":60,"_39":579,"_13":580,"_34":35,"_36":581,"_24":25,"_221":-5,"_333":582,"_27":583},{"_44":566,"_32":567,"_30":568,"_215":526,"_42":43,"_41":569,"_217":60,"_39":570,"_13":571,"_34":35,"_36":572,"_24":25,"_221":-5,"_333":573,"_27":574},{"_44":558,"_32":559,"_30":560,"_215":526,"_42":43,"_41":561,"_217":60,"_39":562,"_13":448,"_34":35,"_36":563,"_24":25,"_221":-5,"_333":564,"_27":565},{"_44":550,"_32":551,"_30":552,"_215":526,"_42":43,"_41":553,"_217":60,"_39":554,"_13":448,"_34":35,"_36":555,"_24":25,"_221":-5,"_333":556,"_27":557},{"_44":542,"_32":543,"_30":544,"_215":526,"_42":43,"_41":545,"_217":60,"_39":546,"_13":514,"_34":35,"_36":547,"_24":25,"_221":-5,"_333":548,"_27":549},{"_44":533,"_32":534,"_30":535,"_215":526,"_42":43,"_41":536,"_217":60,"_39":537,"_13":538,"_34":35,"_36":539,"_24":25,"_221":-5,"_333":540,"_27":541},{"_44":523,"_32":524,"_30":525,"_215":526,"_42":43,"_41":527,"_217":60,"_39":528,"_13":481,"_34":35,"_36":529,"_24":25,"_221":-5,"_333":530,"_27":531},{"_44":518,"_32":417,"_30":410,"_215":374,"_42":43,"_41":519,"_217":60,"_39":520,"_13":252,"_34":253,"_36":-5,"_24":25,"_221":-5,"_333":521,"_27":522},{"_44":509,"_32":510,"_30":511,"_215":410,"_42":43,"_41":512,"_217":60,"_39":513,"_13":514,"_34":35,"_36":515,"_24":25,"_221":-5,"_333":516,"_27":517},{"_44":501,"_32":502,"_30":503,"_215":410,"_42":43,"_41":504,"_217":60,"_39":505,"_13":219,"_34":35,"_36":506,"_24":25,"_221":-5,"_333":507,"_27":508},{"_44":493,"_32":494,"_30":495,"_215":410,"_42":43,"_41":496,"_217":60,"_39":497,"_13":237,"_34":35,"_36":498,"_24":25,"_221":-5,"_333":499,"_27":500},{"_44":485,"_32":486,"_30":487,"_215":410,"_42":43,"_41":488,"_217":60,"_39":489,"_13":431,"_34":35,"_36":490,"_24":25,"_221":-5,"_333":491,"_27":492},{"_44":476,"_32":477,"_30":478,"_215":410,"_42":43,"_41":479,"_217":60,"_39":480,"_13":481,"_34":35,"_36":482,"_24":25,"_221":-5,"_333":483,"_27":484},{"_44":468,"_32":469,"_30":470,"_215":410,"_42":43,"_41":471,"_217":60,"_39":472,"_13":413,"_34":35,"_36":473,"_24":25,"_221":-5,"_333":474,"_27":475},{"_44":460,"_32":461,"_30":462,"_215":410,"_42":43,"_41":463,"_217":60,"_39":464,"_13":219,"_34":35,"_36":465,"_24":25,"_221":-5,"_333":466,"_27":467},{"_44":452,"_32":453,"_30":454,"_215":410,"_42":43,"_41":455,"_217":60,"_39":456,"_13":350,"_34":35,"_36":457,"_24":25,"_221":-5,"_333":458,"_27":459},{"_44":443,"_32":444,"_30":445,"_215":410,"_42":43,"_41":446,"_217":60,"_39":447,"_13":448,"_34":35,"_36":449,"_24":25,"_221":-5,"_333":450,"_27":451},{"_44":435,"_32":436,"_30":437,"_215":410,"_42":43,"_41":438,"_217":60,"_39":439,"_13":431,"_34":35,"_36":440,"_24":25,"_221":-5,"_333":441,"_27":442},{"_44":426,"_32":427,"_30":428,"_215":410,"_42":43,"_41":429,"_217":60,"_39":430,"_13":431,"_34":35,"_36":432,"_24":25,"_221":-5,"_333":433,"_27":434},{"_44":418,"_32":419,"_30":420,"_215":410,"_42":43,"_41":421,"_217":60,"_39":422,"_13":413,"_34":35,"_36":423,"_24":25,"_221":-5,"_333":424,"_27":425},{"_44":407,"_32":408,"_30":409,"_215":410,"_42":43,"_41":411,"_217":60,"_39":412,"_13":413,"_34":35,"_36":414,"_24":25,"_221":-5,"_333":415,"_27":416},{"_44":398,"_32":399,"_30":400,"_215":374,"_42":43,"_41":401,"_217":25,"_39":402,"_13":403,"_34":35,"_36":404,"_24":25,"_221":-5,"_333":405,"_27":406},{"_44":389,"_32":390,"_30":391,"_215":374,"_42":43,"_41":392,"_217":25,"_39":393,"_13":394,"_34":35,"_36":395,"_24":25,"_221":-5,"_333":396,"_27":397},{"_44":381,"_32":382,"_30":383,"_215":374,"_42":43,"_41":384,"_217":25,"_39":385,"_13":350,"_34":35,"_36":386,"_24":25,"_221":-5,"_333":387,"_27":388},{"_44":371,"_32":372,"_30":373,"_215":374,"_42":43,"_41":375,"_217":60,"_39":376,"_13":350,"_34":35,"_36":377,"_24":25,"_221":-5,"_333":378,"_27":379},{"_44":363,"_32":364,"_30":365,"_215":249,"_42":43,"_41":366,"_217":60,"_39":367,"_13":219,"_34":35,"_36":368,"_24":25,"_221":-5,"_333":369,"_27":370},{"_44":354,"_32":355,"_30":356,"_215":249,"_42":43,"_41":357,"_217":25,"_39":358,"_13":359,"_34":35,"_36":360,"_24":25,"_221":-5,"_333":361,"_27":362},{"_44":345,"_32":346,"_30":347,"_215":249,"_42":43,"_41":348,"_217":60,"_39":349,"_13":350,"_34":35,"_36":351,"_24":25,"_221":-5,"_333":352,"_27":353},{"_44":240,"_32":241,"_30":242,"_215":-5,"_42":43,"_41":243,"_217":60,"_39":342,"_13":237,"_34":35,"_36":245,"_24":25,"_221":-5,"_333":343,"_27":344},{"_44":232,"_32":233,"_30":234,"_215":-5,"_42":43,"_41":235,"_217":60,"_39":339,"_13":237,"_34":35,"_36":238,"_24":25,"_221":-5,"_333":340,"_27":341},{"_44":223,"_32":224,"_30":58,"_215":-5,"_42":43,"_41":225,"_217":25,"_39":336,"_13":227,"_34":228,"_36":229,"_24":25,"_221":230,"_333":337,"_27":338},{"_44":212,"_32":213,"_30":214,"_215":-5,"_42":43,"_41":216,"_217":60,"_39":332,"_13":219,"_34":35,"_36":220,"_24":25,"_221":-5,"_333":334,"_27":335},["D",1783837213505],"children",[],[213],["D",1785978817122],[],[224],["D",1784003409013],[],[233],["D",1784088738384],[],[241],"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`;",[],[248,346],"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}",[],[248,355],"a543b734-fbcb-41d3-8242-57b88eff7678","belajarPublic.ts","534b616a-a5d9-11f1-8758-1607ee4eb77e",780,["D",1788248844214],"/**\n * views/belajarPublic.ts\n * Halaman PUBLIK (tanpa login) untuk 1 materi Belajar Online: menampilkan\n * materi + kuis interaktif. Ini yang tampil saat link \"/belajar/:slug\"\n * dibagikan ke siswa. Gaya visual & mesin kuis diadaptasi dari situs\n * \"Ragam Hias Nusantara\" (val terpisah) supaya materi tsb bisa langsung\n * dipindahkan ke sini lewat tombol \"Isi contoh: Ragam Hias Nusantara\" di\n * editor Belajar Online.\n */\nimport { esc } from \"../utils.ts\";\n\nexport interface BelajarKonten {\n hero: { judul: string; subjudul: string };\n tujuan: string;\n pengertian: string;\n macam: { judul: string; deskripsi: string; ikon: string }[];\n daerah: { daerah: string; motif: string; deskripsi: string; ikon: string }[];\n kuis: {\n pertanyaan: string;\n opsi: string[];\n jawaban: number;\n penjelasan: string;\n }[];\n}\n\nexport interface BelajarMateri {\n judul: string;\n konten: BelajarKonten;\n}\n\nfunction safeJsonForScript(data: unknown): string {\n return JSON.stringify(data).replace(/\n \n \n`;\n\nexport const BELAJAR_ICON_KEYS = [\n \"flora\",\n \"figuratif\",\n \"mendung\",\n \"pinto\",\n \"pucuak\",\n \"barong\",\n \"kawung\",\n \"asmat\",\n \"default\",\n];\n\nconst ICONS: Record = {\n flora:\n '',\n figuratif:\n '',\n mendung:\n '',\n pinto:\n '',\n pucuak:\n '',\n barong:\n '',\n kawung:\n '',\n asmat:\n '',\n default:\n '',\n};\nfunction iconFor(key: string): string {\n return ICONS[key] || ICONS.default;\n}\n\nconst DIVIDER = `\n`;\n\nexport function renderBelajarPublic(materi: BelajarMateri): string {\n const data = materi.konten;\n const macamCards = (data.macam || [])\n .map(\n (m) => `\n

${iconFor(m.ikon)}

${esc(m.judul)}

${esc(m.deskripsi)}

`,\n )\n .join(\"\");\n\n const daerahCards = (data.daerah || [])\n .map(\n (d) => `\n

${iconFor(d.ikon)}

\n ${esc(d.daerah)}\n

${esc(d.motif)}

${esc(d.deskripsi)}

`,\n )\n .join(\"\");\n\n const sMacam = (data.macam || []).length\n ? `\n

Macam-macam

HAL-HAL YANG AKAN KITA PELAJARI

${macamCards}

`\n : \"\";\n\n const sDaerah = (data.daerah || []).length\n ? `\n

Rincian Materi

CONTOH DAN PENJELASAN LEBIH LANJUT

${daerahCards}

`\n : \"\";\n\n const sKuis = (data.kuis || []).length\n ? `\n

Uji Pemahamanmu

JAWAB SEMUA PERTANYAAN BERIKUT

`\n : \"\";\n\n return `\n\n\n\n\n${esc(data.hero.judul || materi.judul)}\n${FONT_LINKS}\n\n\n\n

\n\n\n\n

Belajar Online

${esc(data.hero.judul || materi.judul)}

${esc(data.hero.subjudul)}

↓ Gulir untuk mulai belajar

\n\n

\n ${DIVIDER}\n

TUJUAN PEMBELAJARAN

${esc(data.tujuan)}

\n\n

PENGERTIAN

Penjelasan Singkat

${esc(data.pengertian)}

\n${sMacam}\n${sDaerah}\n${sKuis}\n\n\n\n\n\n`;\n}\n\nexport function renderBelajarTidakDitemukan(): string {\n return `\n\n\n\n\nMateri tidak ditemukan\n${FONT_LINKS}\n\n\n\n

Materi tidak ditemukan

Link ini tidak berlaku lagi, atau materi belum dipublikasikan oleh gurunya.

\n\n`;\n}",[],[248,364],"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}",[],[248,380,372],"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}",[],[248,380,382],"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}",[],[248,380,390],"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}",[],[248,380,399],"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`;",[],[248,380,417,408],"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`;",[],[248,380,417,419],"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`;",[],[248,380,417,427],"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`;",[],[248,380,417,436],"82b773ba-468c-4824-bd10-bde4a0b4a507","sectionPoin.ts","0f584e26-7ffc-11f1-a515-1607ee4eb77e",761,["D",1785978798713],12,"/**\n * views/components/sections/sectionPoin.ts\n * Bagian: Poin Reward & Hukuman\n */\nexport const sectionPoin = `\n \n

Poin Reward & Hukuman

\n \n

Poin di sini murni catatan reward & hukuman siswa, tidak otomatis memengaruhi Nilai. Kalau ingin, gunakan tombol \"Tambah ke Nilai Harian\" di Papan Peringkat untuk mengonversi total poin bersih siswa jadi tambahan nilai (1 poin = 0.1) pada Mapel & Kode TP pilihan Anda.

\n \n

\n \n \n

\n \n

\n \n \n \n

Papan Peringkat Poin

\n \n

Peringkat siswa berdasarkan akumulasi poin reward & hukuman.

\n \n

\n\n \n

Belum ada data poin untuk ditampilkan.

\n\n \n \n

Tambah ke Nilai Harian (Banyak Siswa)

\n \n

Siswa yang poin tersedianya kurang dari jumlah yang diisi akan dilewati otomatis.

\n \n

\n\n \n \n

Tambah ke Nilai Harian

\n \n

\n\n \n

\n \n \n \n

Tanggal	Nama	Jenis	Poin	Keterangan	Aksi

\n`;",[],[248,380,417,444],"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`;",[],[248,380,417,453],"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`;",[],[248,380,417,461],"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`;",[],[248,380,417,469],"5bf67563-096f-40dc-bb53-a2cf29da5dc3","sectionJurnal.ts","29e189d8-7ffc-11f1-9309-1607ee4eb77e",771,["D",1787201064202],11,"/**\n * views/components/sections/sectionJurnal.ts\n * Bagian: Jurnal\n */\nexport const sectionJurnal = `\n \n \n`;",[],[248,380,417,477],"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`;",[],[248,380,417,486],"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`;",[],[248,380,417,494],"b2b2daf8-e33e-4122-ad78-ca35076d14b1","sectionBelajar.ts","68f67dec-a5d9-11f1-8758-1607ee4eb77e",783,["D",1788248898478],"/**\n * views/components/sections/sectionBelajar.ts\n * Bagian: Belajar Online — guru mengelola materi (judul, tujuan, pengertian,\n * kartu ringkasan, rincian, kuis) lalu membagikan link publiknya ke siswa.\n */\nexport const sectionBelajar = `\n \n \n`;",[],[248,380,417,502],"5c0226b1-43f6-4da3-9b9c-d83b346e710b","sectionAbsensi.ts","f16e3d12-7ffb-11f1-8b10-1607ee4eb77e",736,["D",1785388361675],13,"/**\n * views/components/sections/sectionAbsensi.ts\n * Bagian: Absensi\n */\nexport const sectionAbsensi = `\n \n \n`;",[],[248,380,417,510],"84754fab-5643-44ae-ac68-fc4170800eb3",457,["D",1784085397881],[308,309,310,311,312,313,314,315,316,317,318,319,320],[248,380,417],"85e7228b-1ee7-4e98-aaad-206ebba702db","struktur.ts","4510d130-7e9b-11f1-83cd-1607ee4eb77e","102d73ce-7e9b-11f1-8a11-1607ee4eb77e",690,["D",1784597296661],"/**\n * views/components/scripts/struktur.ts\n * Logika menu Struktur Kelas: form tambah anggota struktur dan render bagan organisasi per kelas.\n */\nexport function renderStrukturScript(): string {\n return `\n// STRUKTUR KELAS\nlet WALI_KELAS_STRUKTUR=null; // {id, kelas, ...} entri Wali Kelas dari /api/kelas-saya\n\n// POPOVER INFORMASI (tombol ikon \"i\" di sebelah judul Struktur Organisasi Kelas):\n// pola sama seperti ksInfoBtn/ksInfoPop di kelas-saya.ts.\ndocument.getElementById('skInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('skInfoPop').classList.toggle('hidden');\n});\n// Popover informasi kedua, di sebelah judul \"Tambah Anggota Struktur\":\n// pola sama persis dengan skInfoBtn di atas.\ndocument.getElementById('skFormInfoBtn').addEventListener('click',(e)=>{\n e.stopPropagation();\n document.getElementById('skFormInfoPop').classList.toggle('hidden');\n});\ndocument.addEventListener('click',(e)=>{\n const pop=document.getElementById('skInfoPop');\n const btn=document.getElementById('skInfoBtn');\n if(pop&&!pop.classList.contains('hidden')&&!pop.contains(e.target)&&e.target!==btn&&!btn.contains(e.target)){\n pop.classList.add('hidden');\n }\n const popForm=document.getElementById('skFormInfoPop');\n const btnForm=document.getElementById('skFormInfoBtn');\n if(popForm&&!popForm.classList.contains('hidden')&&!popForm.contains(e.target)&&e.target!==btnForm&&!btnForm.contains(e.target)){\n popForm.classList.add('hidden');\n }\n});\n\n// Dipanggil tiap kali menu Struktur dibuka: cari kelas homeroom (Wali Kelas)\n// guru yang login, lalu tampilkan strukturnya langsung tanpa perlu isi nama kelas.\nasync function initStrukturKelas(){\n const d=await api('/api/kelas-saya');\n const rows=d.data||[];\n WALI_KELAS_STRUKTUR=rows.find(r=>r.peran==='wali_kelas')||null;\n const gate=document.getElementById('skBelumWali');\n const main=document.getElementById('skMainBox');\n const badge=document.getElementById('skKelasBadge');\n if(!WALI_KELAS_STRUKTUR){\n gate.classList.remove('hidden');\n main.classList.add('hidden');\n badge.textContent='Kelas -';\n STRUKTUR_CACHE=[];STRUKTUR_SISWA=[];STRUKTUR_KELAS='';\n return;\n }\n gate.classList.add('hidden');\n main.classList.remove('hidden');\n badge.textContent='Kelas '+WALI_KELAS_STRUKTUR.kelas;\n await loadStruktur();\n}\n\ndocument.getElementById('skForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n if(!WALI_KELAS_STRUKTUR){appAlert('Daftar dulu sebagai Wali Kelas di menu Kelas Saya.');return;}\n const level=Number(document.getElementById('skLevel').value);\n // Urutan diisi otomatis mengikuti jumlah anggota yang sudah ada di level yang sama,\n // supaya anggota baru selalu ditambahkan di urutan paling akhir level tsb.\n const urutan=STRUKTUR_CACHE.filter(r=>Number(r.level)===level).length;\n const r=await api('/api/struktur','POST',{\n kelas:WALI_KELAS_STRUKTUR.kelas,\n jabatan:document.getElementById('skJabatan').value.trim(),\n nama:document.getElementById('skNama').value.trim(),\n level,\n urutan,\n });\n if(r.success){\n document.getElementById('skForm').reset();\n document.getElementById('skLevel').value='1';\n loadStruktur();\n }else appAlert(r.message);\n});\nasync function loadStruktur(){\n if(!WALI_KELAS_STRUKTUR)return;\n const kelas=WALI_KELAS_STRUKTUR.kelas;\n document.getElementById('skTitle').textContent='Struktur Organisasi Kelas '+kelas;\n // Wali Kelas tidak lagi jadi level 1 dan tidak disimpan ke tabel struktur_kelas --\n // cukup ditampilkan terpisah di atas bagan, otomatis dari nama guru yang login.\n const namaGuru=((document.getElementById('topAvatarName')||{}).textContent||'').trim()||'-';\n document.getElementById('skWaliNama').textContent=namaGuru;\n const [d,ds]=await Promise.all([\n api('/api/struktur?kelas='+encodeURIComponent(kelas)),\n api('/api/siswa?kelas='+encodeURIComponent(kelas)),\n ]);\n STRUKTUR_CACHE=d.data||[];\n STRUKTUR_SISWA=ds.data||[];\n STRUKTUR_KELAS=kelas;\n renderStrukturChart(STRUKTUR_CACHE,STRUKTUR_SISWA,kelas);\n}\nfunction renderStrukturChart(rows,siswaRows,kelas){\n const chart=document.getElementById('skChart');\n chart.innerHTML='';\n if(rows.length===0&&(!siswaRows||siswaRows.length===0)){chart.innerHTML='

Belum ada data struktur untuk kelas ini.

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

'+x(g.jabatan)+'

'+namesHtml+'

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

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

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

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

'+x(g.jabatan)+'

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

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

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

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

';\n const waliHtml='

Wali Kelas

'+x(namaGuru)+'

';\n const body='

STRUKTUR ORGANISASI

'+\n '

KELAS '+x(STRUKTUR_KELAS)+'

'+\n waliHtml+rowsHtml+siswaHtml;\n const css='.skRow{display:flex;justify-content:center;gap:24px;margin-bottom:18px;flex-wrap:wrap}'+\n '.skCard{text-align:center;min-width:160px}'+\n '.skPill{background:#fbbf24;border:2px solid #111;border-radius:999px;padding:6px 18px;font-weight:800;font-size:12px;text-transform:uppercase;display:inline-block;margin-bottom:6px;letter-spacing:.03em}'+\n '.skName{background:#fff;border:2px solid #111;border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px}';\n printWindow('Struktur Organisasi Kelas',body,css);\n}\n`;\n}",[],[248,380,532,524],"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}",[],[248,380,532,534],"b1c49341-d787-49ad-8083-b0469c63a34b","scoreboard.ts","aef7a5e0-7fdd-11f1-b61c-1607ee4eb77e",743,["D",1785459696682],"/**\n * views/components/scripts/scoreboard.ts\n * Logika Papan Peringkat Poin: agregasi POIN BERSIH (reward - hukuman) murni\n * per siswa -- tidak lagi digabung dengan Nilai TP jadi \"Nilai Akhir\" -- dan\n * divisualisasikan 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'). Tiap siswa punya tombol \"Tambah ke\n * Nilai Harian\" (lihat openPoinNhModal() di poin.ts) untuk\n * secara eksplisit mengonversi poin bersihnya jadi nilai.\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// 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 MURNI per siswa (dipakai bersama oleh dashboard & halaman poin).\n// Tidak lagi mengambil/menggabung Nilai TP -- papan peringkat ini murni soal poin.\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]=await Promise.all([api('/api/poin'),api('/api/siswa')]);\n return sbBuildRanking(poinRes.data||[],siswaRes.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,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 infoMap={};\n siswaList.forEach(s=>{infoMap[s.id]={foto:s.foto||'',kelas:s.kelas||''};});\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:(infoMap[r.siswa_id]||{}).foto||'',kelas:(infoMap[r.siswa_id]||{}).kelas||'',net:0};\n agg[r.siswa_id].net += r.jenis==='reward' ? r.poin : -r.poin;\n });\n return Object.values(agg).sort((a,b)=> 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.net>0?'+':''}\\${it.net}\n 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.net>0?'+':''}\\${it.net}\n poin bersih\n

\n \n \\`;\n podium.appendChild(col);\n });\n podium.querySelectorAll('[data-nh]').forEach(b=>b.addEventListener('click',()=>openPoinNhModal(Number(b.dataset.nh),b.dataset.nhNama,Number(b.dataset.nhNet),b.dataset.nhKelas)));\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.net>0?'+':''}\\${it.net} poin\n \n \n \\`;\n list.appendChild(row);\n });\n list.querySelectorAll('[data-nh]').forEach(b=>b.addEventListener('click',()=>openPoinNhModal(Number(b.dataset.nh),b.dataset.nhNama,Number(b.dataset.nhNet),b.dataset.nhKelas)));\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}",[],[248,380,532,543],"4f547ab0-6a7d-459b-9d18-503545faee98","profil-siswa.ts","5601a76c-7e9b-11f1-afa0-1607ee4eb77e",744,["D",1785459722037],"/**\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}

\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}",[],[248,380,532,551],"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}",[],[248,380,532,559],"512a7d10-7622-4f48-aedf-948cc7f6dca0","poin.ts","41bcd47a-7e9b-11f1-9b74-1607ee4eb77e",763,["D",1786061054556],21,"/**\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\" DAN checklist mode massal: selalu mengikuti\n// Kelas Aktif global (toggle topbar), sama seperti loadSiswaOpts() di\n// nilai.ts. Tidak ada lagi filter kelas terpisah di form Poin -- satu\n// sumber kebenaran cukup lewat topbar. Satu fetch dipakai untuk mengisi\n// keduanya sekaligus supaya dropdown & checklist selalu sinkron.\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\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 // Checklist massal: pertahankan siswa yang sudah dicentang sebelumnya\n // (kalau masih ada di daftar baru) supaya tidak hilang saat reload biasa.\n const checklist=document.getElementById('pSiswaChecklist');\n const checkedBefore=new Set([...checklist.querySelectorAll('input[type=checkbox]:checked')].map(c=>c.value));\n checklist.innerHTML='';\n document.getElementById('pSiswaChecklistEmpty').classList.toggle('hidden',list.length>0);\n list.forEach(s=>{\n const lbl=document.createElement('label');\n lbl.className='flex items-center gap-1.5 text-sm text-slate-700 py-0.5 cursor-pointer';\n lbl.innerHTML=''+x(s.nama)+'';\n if(checkedBefore.has(String(s.id)))lbl.querySelector('input').checked=true;\n checklist.appendChild(lbl);\n });\n updatePSiswaCount();\n}\n\n// Hitung & tampilkan jumlah siswa yang tercentang di mode massal, dan\n// sinkronkan status checkbox \"Pilih Semua\".\nfunction updatePSiswaCount(){\n const chks=[...document.querySelectorAll('.pSiswaChk')];\n const checked=chks.filter(c=>c.checked);\n document.getElementById('pSiswaCount').textContent=checked.length+' siswa dipilih';\n const allChk=document.getElementById('pSiswaAllChk');\n allChk.checked=chks.length>0&&checked.length===chks.length;\n allChk.indeterminate=checked.length>0&&checked.length{\n if(e.target.classList.contains('pSiswaChk'))updatePSiswaCount();\n});\ndocument.getElementById('pSiswaAllChk').addEventListener('change',()=>{\n const checked=document.getElementById('pSiswaAllChk').checked;\n document.querySelectorAll('.pSiswaChk').forEach(c=>{c.checked=checked;});\n updatePSiswaCount();\n});\n\n// ============================================================\n// TOGGLE MODE: \"Satu Siswa\" (default) vs \"Banyak Siswa (Massal)\".\n// Mengganti tampilan pemilih siswa saja -- field aksi/jenis/poin/keterangan/\n// tanggal tetap sama & berlaku untuk semua siswa yang dicentang saat submit\n// di mode massal.\n// ============================================================\nlet PMODE='satu';\nfunction setPModePoin(mode){\n PMODE=mode;\n const satuBtn=document.getElementById('pModeSatuBtn');\n const massalBtn=document.getElementById('pModeMassalBtn');\n const satuWrap=document.getElementById('pSiswaSatuWrap');\n const massalWrap=document.getElementById('pSiswaMassalWrap');\n const sel=document.getElementById('pSiswa');\n const submitBtn=document.getElementById('pSubmitBtn');\n if(mode==='massal'){\n satuBtn.className='text-xs font-semibold px-3 py-1.5 rounded-lg transition bg-slate-100 text-slate-600 hover:bg-slate-200';\n massalBtn.className='text-xs font-semibold px-3 py-1.5 rounded-lg transition bg-blue-600 text-white';\n satuWrap.classList.add('hidden');\n massalWrap.classList.remove('hidden');\n sel.required=false;\n submitBtn.textContent='Catat Poin untuk Siswa Terpilih';\n }else{\n satuBtn.className='text-xs font-semibold px-3 py-1.5 rounded-lg transition bg-blue-600 text-white';\n massalBtn.className='text-xs font-semibold px-3 py-1.5 rounded-lg transition bg-slate-100 text-slate-600 hover:bg-slate-200';\n satuWrap.classList.remove('hidden');\n massalWrap.classList.add('hidden');\n sel.required=true;\n submitBtn.textContent='Catat Poin';\n }\n}\ndocument.getElementById('pModeSatuBtn').addEventListener('click',()=>setPModePoin('satu'));\ndocument.getElementById('pModeMassalBtn').addEventListener('click',()=>setPModePoin('massal'));\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 aksiVal=document.getElementById('pAksi').value;\n const poin=Number(document.getElementById('pPoin').value);\n const jenis=document.getElementById('pJenis').value;\n const tanggal=document.getElementById('pTgl').value;\n const keterangan=document.getElementById('pKet').value;\n if(!aksiVal){appAlert('Pilih aksi/perilaku terlebih dahulu.');return;}\n if(!poin||poin<1){appAlert('Jumlah poin harus diisi.');return;}\n\n let r;\n if(PMODE==='massal'){\n const siswaIds=[...document.querySelectorAll('.pSiswaChk:checked')].map(c=>Number(c.value));\n if(siswaIds.length===0){appAlert('Centang minimal satu siswa terlebih dahulu.');return;}\n r=await api('/api/poin/massal','POST',{siswa_ids:siswaIds,jenis,poin,tanggal,keterangan});\n }else{\n const siswaId=Number(document.getElementById('pSiswa').value);\n if(!siswaId){appAlert('Pilih siswa terlebih dahulu.');return;}\n r=await api('/api/poin','POST',{siswa_id:siswaId,jenis,poin,tanggal,keterangan});\n }\n\n if(r.success){\n const modeSebelum=PMODE;\n document.getElementById('poinForm').reset();\n document.querySelectorAll('.pSiswaChk').forEach(c=>{c.checked=false;});\n updatePSiswaCount();\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 setPModePoin(modeSebelum);\n loadPoin();loadPoinScoreboard();\n if(modeSebelum==='massal')appAlert(r.message);\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// ============================================================\n// MODAL \"TAMBAH KE NILAI HARIAN\"\n// Dipicu tombol per-siswa di Papan Peringkat Poin (scoreboard.ts). Guru\n// MENGETIK SENDIRI berapa banyak poin (dari \"poin tersedia\") yang mau\n// dikonversi -- tidak otomatis dihitung sistem. Backend mengonversinya\n// (1 poin=0.1) jadi satu entri Nilai Formatif baru untuk Mapel & Kode TP\n// pilihan guru, lalu mencatat pemakaian itu supaya sisa poin tersedia\n// berkurang (tapi sisanya tetap bisa dipakai ke mapel lain nanti).\n// ============================================================\nlet POIN_NH_SISWA=null;\nasync function openPoinNhModal(siswaId,nama,netPoin,kelasSiswa){\n POIN_NH_SISWA={id:siswaId,kelas:kelasSiswa||getKelasAktifGlobal(),tersedia:0};\n document.getElementById('poinNhSiswaNama').textContent=nama+' \\\\u2014 Poin bersih (akumulasi): '+(netPoin>0?'+':'')+netPoin;\n document.getElementById('poinNhTersediaInfo').textContent='Memuat poin tersedia...';\n const jumlahInput=document.getElementById('poinNhJumlah');\n jumlahInput.value='';\n jumlahInput.max='';\n const mapelSel=document.getElementById('poinNhMapel');\n const tpSel=document.getElementById('poinNhKodeTp');\n mapelSel.innerHTML='';\n tpSel.innerHTML='';\n document.getElementById('poinNhModal').classList.remove('hidden');\n\n // Ambil \"poin tersedia\" siswa ini (poin bersih akumulasi dikurangi yang\n // sudah pernah dikonversi guru sebelumnya, ke mapel manapun).\n const ring=await api('/api/poin?siswa_id='+siswaId);\n const tersedia=ring.tersedia||0;\n POIN_NH_SISWA.tersedia=tersedia;\n jumlahInput.max=String(tersedia);\n document.getElementById('poinNhTersediaInfo').textContent = tersedia<=0\n ? 'Tidak ada poin tersedia untuk dikonversi (semua poin siswa ini sudah pernah dimasukkan ke nilai).'\n : 'Poin tersedia untuk dikonversi: '+tersedia+' poin (maks. '+(tersedia*0.1).toFixed(1)+' ke nilai).';\n\n if(!POIN_NH_SISWA.kelas){\n mapelSel.innerHTML='';\n return;\n }\n const d=await api('/api/nilai/siswa?kelas='+encodeURIComponent(POIN_NH_SISWA.kelas));\n const mapelList=d.mapel_diampu||[];\n mapelSel.innerHTML=''+mapelList.map(m=>'').join('');\n}\nfunction closePoinNhModal(){\n document.getElementById('poinNhModal').classList.add('hidden');\n document.getElementById('poinNhForm').reset();\n POIN_NH_SISWA=null;\n}\ndocument.getElementById('poinNhMapel').addEventListener('change',async()=>{\n const mapel=document.getElementById('poinNhMapel').value;\n const tpSel=document.getElementById('poinNhKodeTp');\n tpSel.innerHTML='';\n if(!mapel||!POIN_NH_SISWA||!POIN_NH_SISWA.kelas)return;\n const d=await api('/api/tp?mapel='+encodeURIComponent(mapel)+'&kelas='+encodeURIComponent(POIN_NH_SISWA.kelas));\n const tpList=d.data||[];\n if(tpList.length===0){\n tpSel.innerHTML='';\n return;\n }\n tpSel.innerHTML=''+tpList.map(t=>'').join('');\n});\ndocument.getElementById('poinNhJumlah').addEventListener('input',()=>{\n const v=Number(document.getElementById('poinNhJumlah').value)||0;\n document.getElementById('poinNhPreview').textContent = v>0\n ? 'Akan ditambahkan sebagai satu entri Nilai Formatif: '+((v*0.1)>=0?'+':'')+(v*0.1).toFixed(1)\n : '';\n});\ndocument.getElementById('poinNhForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n if(!POIN_NH_SISWA)return;\n const mapel=document.getElementById('poinNhMapel').value;\n const kodeTp=document.getElementById('poinNhKodeTp').value;\n const jumlahPoin=Number(document.getElementById('poinNhJumlah').value);\n if(!mapel||!kodeTp){appAlert('Pilih Mapel dan Kode TP terlebih dahulu.');return;}\n if(!jumlahPoin||jumlahPoin<=0){appAlert('Isi jumlah poin yang mau dimasukkan ke nilai.');return;}\n if(jumlahPoin>POIN_NH_SISWA.tersedia){appAlert('Jumlah poin melebihi yang tersedia ('+POIN_NH_SISWA.tersedia+' poin).');return;}\n const btn=document.querySelector('#poinNhForm button[type=submit]');\n if(btn.disabled)return;\n btn.disabled=true;\n const teksAsli=btn.textContent;\n btn.textContent='Menyimpan...';\n try{\n const r=await api('/api/poin/nilai-harian','POST',{siswa_id:POIN_NH_SISWA.id,mapel,kode_tp:kodeTp,jumlah_poin:jumlahPoin});\n if(r.success){\n closePoinNhModal();\n appAlert(r.message);\n }else appAlert(r.message);\n }finally{\n btn.disabled=false;\n btn.textContent=teksAsli;\n }\n});\n\n// ============================================================\n// MODAL \"TAMBAH KE NILAI HARIAN (BANYAK SISWA)\"\n// Dipicu tombol header Papan Peringkat Poin (scoreboard.ts). Guru centang\n// beberapa siswa dari kelas aktif, pilih Mapel & Kode TP, lalu isi SATU\n// jumlah poin yang sama untuk semua siswa tercentang. Backend melewati\n// siswa yang poin tersedianya kurang dari jumlah itu (dilaporkan di pesan\n// hasil), tidak dikonversi sebagian.\n// ============================================================\nlet POIN_NH_MASSAL_KELAS=null;\nasync function openPoinNhMassalModal(){\n POIN_NH_MASSAL_KELAS=getKelasAktifGlobal();\n const checklist=document.getElementById('poinNhMassalChecklist');\n checklist.innerHTML='

Memuat...

';\n document.getElementById('poinNhMassalPreview').textContent='';\n document.getElementById('poinNhMassalJumlah').value='';\n const mapelSel=document.getElementById('poinNhMassalMapel');\n const tpSel=document.getElementById('poinNhMassalKodeTp');\n mapelSel.innerHTML='';\n tpSel.innerHTML='';\n document.getElementById('poinNhMassalModal').classList.remove('hidden');\n\n const ranking=await sbGetRanking(POIN_NH_MASSAL_KELAS||undefined);\n checklist.innerHTML='';\n document.getElementById('poinNhMassalEmpty').classList.toggle('hidden',ranking.length>0);\n ranking.slice().sort((a,b)=>a.nama.localeCompare(b.nama)).forEach(it=>{\n const lbl=document.createElement('label');\n lbl.className='flex items-center gap-1.5 text-sm text-slate-700 py-0.5 cursor-pointer';\n lbl.innerHTML=''+x(it.nama)+' ('+(it.net>0?'+':'')+it.net+')';\n checklist.appendChild(lbl);\n });\n updatePoinNhMassalCount();\n\n if(!POIN_NH_MASSAL_KELAS){\n mapelSel.innerHTML='';\n return;\n }\n const d=await api('/api/nilai/siswa?kelas='+encodeURIComponent(POIN_NH_MASSAL_KELAS));\n const mapelList=d.mapel_diampu||[];\n mapelSel.innerHTML=''+mapelList.map(m=>'').join('');\n}\nfunction closePoinNhMassalModal(){\n document.getElementById('poinNhMassalModal').classList.add('hidden');\n document.getElementById('poinNhMassalForm').reset();\n}\nfunction updatePoinNhMassalCount(){\n const chks=[...document.querySelectorAll('.poinNhMassalChk')];\n const checked=chks.filter(c=>c.checked);\n document.getElementById('poinNhMassalCount').textContent=checked.length+' siswa dipilih';\n const allChk=document.getElementById('poinNhMassalAllChk');\n allChk.checked=chks.length>0&&checked.length===chks.length;\n allChk.indeterminate=checked.length>0&&checked.length{\n if(e.target.classList.contains('poinNhMassalChk'))updatePoinNhMassalCount();\n});\ndocument.getElementById('poinNhMassalAllChk').addEventListener('change',()=>{\n const checked=document.getElementById('poinNhMassalAllChk').checked;\n document.querySelectorAll('.poinNhMassalChk').forEach(c=>{c.checked=checked;});\n updatePoinNhMassalCount();\n});\ndocument.getElementById('poinNhMassalMapel').addEventListener('change',async()=>{\n const mapel=document.getElementById('poinNhMassalMapel').value;\n const tpSel=document.getElementById('poinNhMassalKodeTp');\n tpSel.innerHTML='';\n if(!mapel||!POIN_NH_MASSAL_KELAS)return;\n const d=await api('/api/tp?mapel='+encodeURIComponent(mapel)+'&kelas='+encodeURIComponent(POIN_NH_MASSAL_KELAS));\n const tpList=d.data||[];\n if(tpList.length===0){\n tpSel.innerHTML='';\n return;\n }\n tpSel.innerHTML=''+tpList.map(t=>'').join('');\n});\ndocument.getElementById('poinNhMassalJumlah').addEventListener('input',()=>{\n const v=Number(document.getElementById('poinNhMassalJumlah').value)||0;\n document.getElementById('poinNhMassalPreview').textContent = v>0\n ? 'Tiap siswa terpilih (yang poin tersedianya cukup) akan mendapat bonus Nilai Formatif: '+((v*0.1)>=0?'+':'')+(v*0.1).toFixed(1)\n : '';\n});\ndocument.getElementById('poinNhMassalForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const siswaIds=[...document.querySelectorAll('.poinNhMassalChk:checked')].map(c=>Number(c.value));\n const mapel=document.getElementById('poinNhMassalMapel').value;\n const kodeTp=document.getElementById('poinNhMassalKodeTp').value;\n const jumlahPoin=Number(document.getElementById('poinNhMassalJumlah').value);\n if(siswaIds.length===0){appAlert('Centang minimal satu siswa terlebih dahulu.');return;}\n if(!mapel||!kodeTp){appAlert('Pilih Mapel dan Kode TP terlebih dahulu.');return;}\n if(!jumlahPoin||jumlahPoin<=0){appAlert('Isi jumlah poin yang mau dimasukkan ke nilai.');return;}\n // Kunci tombol submit selama proses berjalan -- mencegah dobel-klik yang\n // bisa membuat sebagian siswa terhitung dua kali (bug yang sudah terjadi).\n const btn=document.querySelector('#poinNhMassalForm button[type=submit]');\n if(btn.disabled)return;\n btn.disabled=true;\n const teksAsli=btn.textContent;\n btn.textContent='Menyimpan...';\n try{\n const r=await api('/api/poin/nilai-harian-massal','POST',{siswa_ids:siswaIds,mapel,kode_tp:kodeTp,jumlah_poin:jumlahPoin});\n if(r.success)closePoinNhMassalModal();\n appAlert(r.message);\n }finally{\n btn.disabled=false;\n btn.textContent=teksAsli;\n }\n});\ndocument.getElementById('pbNhMassalBtn').addEventListener('click',openPoinNhMassalModal);\n`;\n}",[],[248,380,532,567],"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}",[],[248,380,532,576],"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}",[],[248,380,532,585],"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}",[],[248,380,532,594],"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}",[],[248,380,532,603],"45dde989-0251-4fd8-b778-911df82aa5b8","jurnal.ts","4cde9bea-7e9b-11f1-80b6-1607ee4eb77e",772,["D",1787201089921],"/**\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'];\n// Kegiatan Sekolah / Non-KBM: dipakai saat guru mencentang \"Kegiatan Sekolah / Non-KBM\"\n// di form jurnal -- kegiatan lintas kelas seperti upacara/lomba 17 Agustus,\n// peringatan Maulid Nabi, dsb, yang bukan jam KBM biasa.\nconst KEGIATAN_KHUSUS_OPSI_JURNAL=['Upacara & Lomba 17 Agustus','Peringatan Maulid Nabi Muhammad SAW','Kegiatan Sekolah Lainnya'];\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// ============================================================\n// KEGIATAN SEKOLAH / NON-KBM: checklist (radio, pilih satu) untuk kegiatan\n// seperti Upacara/Lomba 17 Agustus, Peringatan Maulid Nabi, dsb + opsi\n// \"Lainnya\" isian bebas. Saat dicentang, kolom-kolom KBM biasa (jadwal, TP,\n// pertemuan ke-, kegiatan pembelajaran, catatan kelas, hambatan & solusi)\n// dikunci (disabled) karena tidak relevan -- guru cukup isi Tanggal +\n// pilih nama kegiatan di sini. Dipakai baik di form tambah (radio id\n// prefix 'jKegKhusus') maupun form edit inline per baris (prefix unik per\n// id baris, lihat editKegiatanKhususEntry).\n// ============================================================\nfunction renderKegiatanKhususBox(containerId,prefix,nilaiAwal){\n const box=document.getElementById(containerId);\n const isLainnya=nilaiAwal&&!KEGIATAN_KHUSUS_OPSI_JURNAL.includes(nilaiAwal);\n box.innerHTML=KEGIATAN_KHUSUS_OPSI_JURNAL.map((k,i)=>\n ''+x(k)+''\n ).join('')+\n 'Lainnya'+\n '';\n box.querySelectorAll('.'+prefix+'RB').forEach(rb=>rb.addEventListener('change',()=>{\n document.getElementById(prefix+'_rtxt').classList.toggle('hidden',!document.getElementById(prefix+'_rlain').checked);\n }));\n}\nfunction getKegiatanKhususNama(prefix){\n const checked=document.querySelector('.'+prefix+'RB:checked');\n if(!checked)return '';\n return checked.value==='Lainnya'?document.getElementById(prefix+'_rtxt').value.trim():checked.value;\n}\nrenderKegiatanKhususBox('jKegiatanKhususBox','jKegKhusus','');\n// Field-field KBM biasa yang dikunci saat \"Kegiatan Sekolah / Non-KBM\" dicentang.\nconst J_FIELD_KBM_IDS=['jJadwalBox','jTpBox','jPertemuan','jKegiatanPembelajaranWrap','jCatatan','jHambatan'];\nfunction setJurnalKbmDisabled(on){\n J_FIELD_KBM_IDS.forEach(id=>{\n const el=document.getElementById(id);\n if(!el)return;\n if(el.matches('input,textarea,select,button'))el.disabled=on;\n el.querySelectorAll('input,textarea,select,button').forEach(inp=>inp.disabled=on);\n el.classList.toggle('opacity-40',on);\n el.classList.toggle('pointer-events-none',on);\n });\n}\ndocument.getElementById('jKegiatanKhusus').addEventListener('change',(e)=>{\n const on=e.target.checked;\n document.getElementById('jKegiatanKhususBox').classList.toggle('hidden',!on);\n setJurnalKbmDisabled(on);\n if(on){\n document.getElementById('jJadwal').value='';\n updateJadwalLabelJurnal('-- Pilih Jadwal Mengajar (Hari • Jam • Mapel • Kelas) --');\n TP_TERPILIH_JURNAL=[];\n document.getElementById('jTp').value='';\n renderTpMenuJurnal();\n updateTpLabelJurnal();\n updateJAbsenPreview();\n }\n});\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('jFotoFile').addEventListener('change',function(){\n uploadFoto(this,'jFoto','jFotoStatus',(url)=>{\n document.getElementById('jFotoPreview').innerHTML='

';\n });\n});\nfunction resetJFotoPreview(){\n document.getElementById('jFoto').value='';\n document.getElementById('jFotoStatus').textContent='';\n document.getElementById('jFotoPreview').innerHTML='';\n if(window.lucide)lucide.createIcons();\n}\ndocument.getElementById('jForm').addEventListener('submit',async(e)=>{\n e.preventDefault();\n const khusus=document.getElementById('jKegiatanKhusus').checked;\n let payload;\n if(khusus){\n // Kegiatan Sekolah / Non-KBM: hanya Tanggal + nama kegiatan yang wajib.\n // Kelas mengikuti Kelas Aktif (toggle topbar) supaya tetap lolos\n // pemeriksaan \"kelas yang diampu\" di backend; mapel diisi label generik.\n const tgl=document.getElementById('jTgl').value;\n const namaKeg=getKegiatanKhususNama('jKegKhusus');\n if(!tgl){appAlert('Isi Tanggal terlebih dahulu.');return;}\n if(!namaKeg){appAlert('Pilih atau isi nama kegiatan terlebih dahulu.');return;}\n const kelasTujuan=(typeof KELAS_AKTIF!=='undefined'&&KELAS_AKTIF)?KELAS_AKTIF:(KELAS_AMPU_CACHE[0]||'');\n if(!kelasTujuan){appAlert('Belum ada kelas yang diampu. Tambahkan dulu di menu Kelas Saya.');return;}\n payload={tanggal:tgl,jam_ke:'',pertemuan_ke:'',mapel:'Kegiatan Sekolah',kelas:kelasTujuan,materi_tp:'',kegiatan:namaKeg,catatan_kelas:namaKeg,hambatan_solusi:'',foto_keterangan:document.getElementById('jFoto').value,kegiatan_khusus:true};\n }else{\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 payload={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,foto_keterangan:document.getElementById('jFoto').value,kegiatan_khusus:false};\n }\n const r=await api('/api/jurnal','POST',payload);\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 document.getElementById('jKegiatanKhususBox').classList.add('hidden');\n renderKegiatanKhususBox('jKegiatanKhususBox','jKegKhusus','');\n setJurnalKbmDisabled(false);\n resetJFotoPreview();\n updateJAbsenPreview();\n loadJurnal();\n }else appAlert(r.message);\n});\nlet JURNAL_CACHE=[];\n// Filter tampilan (bukan filter server): \"semua\" menampilkan seluruh kelas\n// yang diampu sekaligus, atau nama kelas tertentu untuk menampilkan hanya\n// jurnal kelas itu. Sama seperti pola toggle Jenis Nilai di menu Penilaian.\nlet JURNAL_KELAS_AKTIF='semua';\n\n// ============================================================\n// TOGGLE KELAS: daftar kelas yang diampu (dari KELAS_AMPU_CACHE, sama\n// dengan sumber autocomplete Jadwal Mengajar) + opsi \"Semua Kelas\" di\n// paling depan. Dipakai untuk menyaring tampilan daftar & cetak jurnal.\n// ============================================================\nfunction renderJKelasToggle(){\n const el=document.getElementById('jKelasToggle');\n const opts=[['semua','Semua Kelas'],...KELAS_AMPU_CACHE.map(k=>[k,k])];\n el.innerHTML=opts.map(([k,label])=>{\n const active=k===JURNAL_KELAS_AKTIF;\n return '';\n }).join('');\n el.querySelectorAll('[data-kelas]').forEach(b=>b.addEventListener('click',()=>{\n if(b.dataset.kelas===JURNAL_KELAS_AKTIF)return;\n JURNAL_KELAS_AKTIF=b.dataset.kelas;\n renderJKelasToggle();\n renderJurnalList();\n }));\n}\n// Muat SELURUH jurnal milik guru dari semua kelas yang diampu (baik sebagai\n// wali kelas maupun guru mapel) -- TIDAK disaring ke kelas aktif topbar\n// (KELAS_AKTIF), supaya jurnal dari kelas selain kelas wali kelas juga\n// selalu terlihat. Penyaringan tampilan per kelas di halaman ini memakai\n// toggle Kelas sendiri (JURNAL_KELAS_AKTIF) di atas, terpisah dari topbar.\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.tanggalr.kelas===JURNAL_KELAS_AKTIF);\n const c=document.getElementById('jurnalPrintArea');c.innerHTML='';\n if(list.length===0){\n c.innerHTML='

Belum ada jurnal untuk kelas ini.

';\n return;\n }\n list.forEach(r=>{\n const div=document.createElement('div');\n div.className='bg-white rounded-xl shadow p-4 mb-3';\n renderJurnalEntry(div,r);\n c.appendChild(div);\n });\n}\nfunction renderJurnalEntry(div,r){\n div.className='bg-white rounded-xl shadow p-4 mb-3';\n const badgeKhusus=r.kegiatan_khusus?'Kegiatan Sekolah / Non-KBM
':'';\n const isiEntri=r.kegiatan_khusus\n ?(r.kegiatan?'

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

':'')\n :\\`\\${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.innerHTML=\\`

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

\\${x(HARI_ID[new Date(r.tanggal+'T00:00:00').getDay()])}, \\${x(r.tanggal)}\\${r.jam_ke?' • Jam ke-'+x(r.jam_ke):''}\\${r.pertemuan_ke?' • Pertemuan ke-'+x(r.pertemuan_ke):''}

\\${r.foto_keterangan?'

':''}

\\${isiEntri}

\\`;\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)loadJurnal();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 if(r.kegiatan_khusus){editKegiatanKhususEntry(div,r);return;}\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 Foto Keterangan (opsional)\n \n

\\${r.foto_keterangan?'

':''}

\n \n Ganti Foto\n \n \n

\n \n \n

\\`;\n renderKegiatanBox(kegPrefix+'Box',kegPrefix,r.kegiatan||'');\n if(window.lucide)lucide.createIcons();\n document.getElementById(kegPrefix+'FotoFile').addEventListener('change',function(){\n uploadFoto(this,kegPrefix+'FotoHidden',kegPrefix+'FotoStatus',(url)=>{\n document.getElementById(kegPrefix+'FotoPreview').innerHTML='

';\n });\n });\n // Kalau guru mengganti mapel ATAU kelas saat edit, muat ulang pilihan TP sesuai kombinasi baru.\n div.querySelector('[data-f=\"mapel\"]').addEventListener('change',async(e)=>{\n tpState=await buildTpOptions(e.target.value,div.querySelector('[data-f=\"kelas\"]').value.trim());\n div.querySelector('[data-f=\"materi_tp\"]').innerHTML=tpState.html;\n });\n div.querySelector('[data-f=\"kelas\"]').addEventListener('change',async(e)=>{\n tpState=await buildTpOptions(div.querySelector('[data-f=\"mapel\"]').value,e.target.value.trim());\n div.querySelector('[data-f=\"materi_tp\"]').innerHTML=tpState.html;\n });\n div.querySelector('[data-cancel]').addEventListener('click',()=>renderJurnalEntry(div,r));\n div.querySelector('[data-save]').addEventListener('click',async()=>{\n const tpSel=[...div.querySelector('[data-f=\"materi_tp\"]').selectedOptions].map(o=>o.value).filter(Boolean);\n const materiTp=tpSel.map(kode=>{\n const t=tpState.list.find(o=>o.kode===kode);\n return t&&t.deskripsi?(kode+' — '+t.deskripsi):kode;\n }).join('; ');\n const payload={\n tanggal:div.querySelector('[data-f=\"tanggal\"]').value,\n jam_ke:div.querySelector('[data-f=\"jam_ke\"]').value.trim(),\n 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 foto_keterangan:div.querySelector('[data-f=\"foto_keterangan\"]').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)loadJurnal();else appAlert(res.message);\n });\n}\n// Form edit inline khusus untuk baris \"Kegiatan Sekolah / Non-KBM\" -- hanya\n// Tanggal + nama kegiatan yang bisa diubah, sesuai aturan yang sama seperti\n// saat pertama kali diisi (lihat submit handler #jForm di atas).\nfunction editKegiatanKhususEntry(div,r){\n const kegPrefix='jke'+r.id;\n div.className='bg-amber-50/40 rounded-xl shadow p-4 mb-3';\n div.innerHTML=\\`Kegiatan Sekolah / Non-KBM\n

\n \n

\n \n \n

\\`;\n renderKegiatanKhususBox(kegPrefix+'KhususBox',kegPrefix,r.kegiatan||'');\n if(window.lucide)lucide.createIcons();\n div.querySelector('[data-cancel]').addEventListener('click',()=>renderJurnalEntry(div,r));\n div.querySelector('[data-save]').addEventListener('click',async()=>{\n const tanggal=div.querySelector('[data-f=\"tanggal\"]').value;\n const namaKeg=getKegiatanKhususNama(kegPrefix);\n if(!tanggal||!namaKeg){appAlert('Tanggal dan nama kegiatan wajib diisi.');return;}\n const payload={tanggal,jam_ke:'',pertemuan_ke:'',mapel:'Kegiatan Sekolah',kelas:r.kelas,materi_tp:'',kegiatan:namaKeg,catatan_kelas:namaKeg,hambatan_solusi:'',foto_keterangan:r.foto_keterangan||'',kegiatan_khusus:true};\n const res=await api('/api/jurnal/'+r.id,'PUT',payload);\n if(res.success)loadJurnal();else appAlert(res.message);\n });\n}\n// CETAK: Jurnal Pembelajaran Pribadi (format baru, mengikuti contoh cetak\n// yang diberikan guru + tambahan kolom TP). Pemetaan dari isian form:\n// - \"Materi Pembelajaran\" pada cetakan diisi dari field Catatan Kelas\n// (sebelumnya field ini yang tampil sebagai \"Catatan\" di format lama).\n// - \"Catatan\" pada cetakan diisi dari field Hambatan & Solusi.\n// - \"TP\" adalah kolom tambahan, diisi dari Tujuan Pembelajaran yang dipilih.\n// - \"Jumlah Siswa Hadir/Tak Hadir\" dihitung otomatis dari Absensi Harian\n// (sama seperti \"Siswa Yang Tak Hadir\", disimpan backend saat jurnal\n// disimpan -- lihat getRingkasanKehadiran() di routes/jurnal.ts).\nfunction cetakJurnalPDF(){\n // Cetak mengikuti kelas yang sedang aktif di toggle Kelas (sama seperti\n // yang sedang tampil di layar) -- \"Semua Kelas\" mencetak seluruhnya.\n const dataCetak=JURNAL_KELAS_AKTIF==='semua'?JURNAL_CACHE:JURNAL_CACHE.filter(r=>r.kelas===JURNAL_KELAS_AKTIF);\n if(dataCetak.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), data kehadiran (jumlah\n // hadir/tak hadir & daftar nama tak hadir) akan selalu identik di tiap\n // baris tsb (dihitung dari Absensi Harian yang sama). Supaya tidak\n // berulang-ulang di cetakan, cukup tulis sekali saja pada baris pertama\n // utk kombinasi tanggal+kelas itu; baris berikutnya di hari & kelas yang\n // sama dikosongkan.\n const sudahDitulisKehadiran=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=dataCetak.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 kunciKehadiran=r.tanggal+'|'+r.kelas;\n const tulisKehadiran=!sudahDitulisKehadiran.has(kunciKehadiran);\n sudahDitulisKehadiran.add(kunciKehadiran);\n return ''+(i+1)+''+\n ''+hari+'
'+x(r.tanggal)+''+\n ''+x(r.jam_ke)+''+\n ''+x(r.kelas)+''+\n ''+x(r.mapel)+''+\n ''+x(r.materi_tp)+''+\n ''+x(r.catatan_kelas)+''+\n ''+(r.kegiatan_khusus?'-':(tulisKehadiran?x(r.jumlah_hadir||0):''))+''+\n ''+(r.kegiatan_khusus?'-':(tulisKehadiran?x(r.jumlah_tidak_hadir||0):''))+''+\n ''+(r.kegiatan_khusus?'-':(tulisKehadiran?x(r.siswa_tidak_masuk):''))+''+\n ''+x(r.hambatan_solusi)+'';\n }).join('');\n const body='

JURNAL PEMBELAJARAN PRIBADI

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

NAMA GURU : '+x(guru)+'
MATA PELAJARAN : .............................................

TAHUN PELAJARAN : .............................................
SEMESTER : .............................................

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

No	Hari/Tanggal	Jam Ke-	Kelas	Mata Pelajaran	TP	Materi Pembelajaran	Jumlah Siswa	Siswa Yang Tak Hadir (Keterangan Tak Hadir)	Catatan
Hadir	Tak Hadir

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

Mengetahui,
Kepala .............................................

.............................................

............................., .............................................
Waka Kurikulum

.............................................

';\n printWindow('Jurnal Pembelajaran Pribadi',body);\n}\n\n// Refresh otomatis (fetch ulang + saring ulang) saat kelas aktif global\n// (toggle kelas di topbar) berubah.\nregisterKelasReload(loadJurnal);\n`;\n}",[],[248,380,532,611],"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}",[],[248,380,532,619],"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}",[],[248,380,532,627],"d6737108-0d91-4b1b-b2e0-ffbecf5c292a","2b553e02-7e9b-11f1-ba6b-1607ee4eb77e",735,["D",1785388340592],"/**\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\nasync function 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}",[],[248,380,532,355],"0140a563-aa81-4564-8b99-6842ce4845e5","core.ts","1f67619c-7e9b-11f1-825a-1607ee4eb77e",708,["D",1784763502995],16,"/**\n * views/components/scripts/core.ts\n * Utilitas dasar dipakai lintas modul: fetch helper, ikon SVG, kelas tombol, cache mapel diampu, cache jadwal, export PDF.\n */\nexport function renderCoreScript(): string {\n return `\nfunction x(s){if(s==null)return'';return String(s).replaceAll('&','&').replaceAll('<','<').replaceAll('>','>').replaceAll('\"','"');}\nasync function api(path,method,body){\n const o={method:method||'GET',headers:{},cache:'no-store'};\n if(body){o.headers['Content-Type']='application/json';o.body=JSON.stringify(body);}\n const r=await fetch(path,o);\n if(r.status===401){location.href='/';throw 0;}\n return r.json();\n}\nfunction today(){return new Date().toISOString().slice(0,10);}\n\n// IKON BERSAMA UNTUK TOMBOL AKSI (Edit/Hapus/Simpan/Batal/Lihat) DI SEMUA TABEL\nconst ICON_EYE='';\nconst ICON_EDIT='';\nconst ICON_TRASH='';\nconst ICON_CHECK='';\nconst ICON_X='';\n// IKON UNTUK MODAL ALERT/CONFIRM & KOP CETAK PDF (pengganti emoji ℹ️/⚠️/🎓)\nconst ICON_INFO='';\nconst ICON_ALERT='';\nconst ICON_GRADUATION='';\nconst ICON_WHATSAPP='';\n// Format nomor HP Indonesia (0812... / +62812... / 62812...) jadi link wa.me\n// siap-klik berisi pesan yang sudah diisi. Balikan '' kalau nomor kosong,\n// supaya pemanggil bisa menyembunyikan tombol WA kalau memang tidak ada nomor.\nfunction waLink(no,pesan){\n const digit=String(no||'').replace(/[^0-9]/g,'');\n if(!digit)return '';\n const n=digit.startsWith('0')?('62'+digit.slice(1)):(digit.startsWith('62')?digit:('62'+digit));\n return 'https://wa.me/'+n+'?text='+encodeURIComponent(pesan||'');\n}\n// Kelas tombol pill standar (dipakai bareng salah satu warna di bawah + ikon + label)\nconst BTN_PILL='inline-flex items-center gap-1.5 text-xs font-medium px-3 py-1.5 rounded-lg transition-colors';\nconst BTN_BLUE=BTN_PILL+' text-blue-600 bg-blue-50 hover:bg-blue-100';\nconst BTN_AMBER=BTN_PILL+' text-amber-600 bg-amber-50 hover:bg-amber-100';\nconst BTN_RED=BTN_PILL+' text-red-600 bg-red-50 hover:bg-red-100';\nconst BTN_EMERALD_SOLID=BTN_PILL+' text-white bg-emerald-600 hover:bg-emerald-700';\nconst BTN_SLATE=BTN_PILL+' text-slate-600 bg-slate-100 hover:bg-slate-200';\n// Tombol ikon persegi (dipakai saat ruang tabel sempit, mis. baris data siswa)\nconst BTN_SQ='w-8 h-8 rounded-lg flex items-center justify-center transition-colors';\n\n// MATA PELAJARAN DIAMPU (dari menu KKM) -> dipakai isi otomatis pilihan mapel di Nilai & Jadwal\nlet MAPEL_DIAMPU=[];\nfunction setMapelDiampuFromKkm(rows){MAPEL_DIAMPU=(rows||[]).map(r=>r.mapel).filter(Boolean);}\nfunction fillMapelSelect(sel){\n if(!sel)return;\n const cur=sel.value;\n const opts=MAPEL_DIAMPU.length\n ?MAPEL_DIAMPU.map(m=>'').join('')\n :'';\n sel.innerHTML=''+opts;\n if(cur&&MAPEL_DIAMPU.includes(cur))sel.value=cur;\n}\nlet JADWAL_CACHE=[];\n// MODAL ALERT/CONFIRM BERGAYA APLIKASI (pengganti alert()/confirm() bawaan browser)\nfunction appAlert(msg){\n return new Promise((resolve)=>{\n const modal=document.getElementById('appModal');\n document.getElementById('appModalIcon').innerHTML=ICON_INFO;\n document.getElementById('appModalIcon').className='w-12 h-12 rounded-full bg-blue-50 text-blue-600 flex items-center justify-center mb-4';\n document.getElementById('appModalMsg').textContent=msg;\n const cancelBtn=document.getElementById('appModalCancel'),okBtn=document.getElementById('appModalOk');\n cancelBtn.classList.add('hidden');\n modal.classList.remove('hidden');\n function close(){modal.classList.add('hidden');okBtn.removeEventListener('click',close);resolve(true);}\n okBtn.addEventListener('click',close);\n });\n}\nfunction appConfirm(msg){\n return new Promise((resolve)=>{\n const modal=document.getElementById('appModal');\n document.getElementById('appModalIcon').innerHTML=ICON_ALERT;\n document.getElementById('appModalIcon').className='w-12 h-12 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center mb-4';\n document.getElementById('appModalMsg').textContent=msg;\n const cancelBtn=document.getElementById('appModalCancel'),okBtn=document.getElementById('appModalOk');\n cancelBtn.classList.remove('hidden');\n modal.classList.remove('hidden');\n function cleanup(v){modal.classList.add('hidden');okBtn.removeEventListener('click',onOk);cancelBtn.removeEventListener('click',onCancel);resolve(v);}\n function onOk(){cleanup(true);}\n function onCancel(){cleanup(false);}\n okBtn.addEventListener('click',onOk);\n cancelBtn.addEventListener('click',onCancel);\n });\n}\n// MESIN CETAK BERSAMA: buka jendela baru, pasang kop (judul di kiri, logo di kanan), lalu print.\n// Dipakai baik oleh exportPDF generik maupun template cetak khusus per-halaman (lihat cetak*PDF di masing-masing modul).\nfunction printWindow(title,bodyHtml,extraCss){\n const w=window.open('','_blank');\n w.document.write(''+title+''+\n '

'+\n '

'+title+'

'+\n '

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

'+\n '

'+ICON_GRADUATION+'

'+\n '

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

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

\\`;\n cards.appendChild(c);\n\n const tSel=tr.querySelector('.asel'),cSel=c.querySelector('.aselCard');\n tSel.addEventListener('change',()=>{cSel.value=tSel.value;});\n cSel.addEventListener('change',()=>{tSel.value=cSel.value;});\n });\n\n box.appendChild(card);\n if(window.lucide)lucide.createIcons();\n}\nfunction hadirSemuaAbs(){\n document.querySelectorAll('.asel, .aselCard').forEach(s=>{s.value='Hadir';});\n}\nasync function saveAbs(){\n syncAbsEditsToData();\n const tgl=document.getElementById('absTgl').value;\n const records=absState.data.map(r=>({siswa_id:r.id,status:r.status_absensi}));\n const r=await api('/api/absensi','POST',{tanggal:tgl,records});\n appAlert(r.message||(r.success?'Tersimpan':'Gagal'));\n}\n// CETAK: Rekap Absensi Bulanan (grid harian 1..akhir bulan + rekap Sakit/Ijin/Alpa, seperti buku absensi kelas)\n// Kelas yang dicetak selalu mengikuti Kelas Aktif global (toggle topbar),\n// supaya cetak selalu sinkron dengan daftar siswa yang sedang terlihat di\n// layar, dengan nomor absen mengikuti field No. Absen di Data Siswa.\nasync function cetakAbsensiPDF(){\n const kelasCetak=(typeof KELAS_AKTIF!=='undefined')?KELAS_AKTIF:null;\n if(!kelasCetak){appAlert('Pilih kelas aktif terlebih dahulu lewat toggle kelas di atas.');return;}\n const bulanInput=document.getElementById('absBulanCetak').value; // format YYYY-MM\n const bulan=bulanInput||today().slice(0,7);\n const d=await api('/api/absensi/rekap');\n const siswaList=(d.siswa||[]).filter(s=>s.kelas===kelasCetak);\n const idsKelasCetak=new Set(siswaList.map(s=>s.id));\n const absBulanIni=(d.absensi||[]).filter(a=>a.tanggal.slice(0,7)===bulan&&idsKelasCetak.has(a.siswa_id));\n\n // Tanggal yang ditandai libur (menu Absensi) untuk kelas ini di bulan yang\n // dicetak -> dipakai buat menimpa kolom tsb jadi \"L\" di cetakan, meski\n // sebelumnya sempat terlanjur diisi absen per siswa (lihat routes/libur.ts).\n const dl=await api('/api/libur?bulan='+bulan);\n const liburInfo={}; // {tanggalAngka: keterangan}\n (dl.data||[]).forEach(l=>{\n if((l.kelas||[]).includes(kelasCetak)){\n liburInfo[Number(l.tanggal.slice(8,10))]=l.keterangan;\n }\n });\n\n if(absBulanIni.length===0&&Object.keys(liburInfo).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 tglAngka=d+1;\n if(liburInfo[tglAngka]!==undefined){\n // Tanggal libur: selalu tampil \"L\", tidak ikut dihitung ke rekap\n // sakit/ijin/alpa meski ada data absensi lama pada tanggal ini.\n return 'L';\n }\n const st=rec[tglAngka];\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 liburEntries=Object.keys(liburInfo).map(Number).sort((a,b)=>a-b);\n const liburNote=liburEntries.length\n ? '

Libur: '+liburEntries.map(tg=>tg+' '+BLN[bln-1]+' ('+x(liburInfo[tg])+')').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, L = Libur (kosong = belum ada data absensi pada tanggal tsb)

'+\n liburNote;\n printWindow('Rekap Absensi Bulanan - Kelas '+kelasCetak,body,'th,td{text-align:center}.libur-col{background:#fef3c7!important;color:#b45309;font-weight:bold;-webkit-print-color-adjust:exact;print-color-adjust:exact}');\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}",[],[248,380,532,655],"48d33f6c-5e9d-4d52-b607-45c889aa6716",257,["D",1783934001601],[290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306],[248,380,532],"b06392fe-9750-4765-ba7a-69a9082494ab",209,["D",1783921963123],[289,307,321,322,323,324],[248,380],["D",1783837383685],[288,325,326,327],[248],"69319c09-528c-4588-abe4-3af9798de6e9","upload.ts","b78ffeda-7e7c-11f1-bba0-1607ee4eb77e",530,["D",1784097061530],3,"/**\n * routes/upload.ts\n * Upload foto (profil guru & siswa) ke Cloudinary.\n *\n * SETUP WAJIB (di Val Town > val ini > sidebar kiri > Environment Variables):\n * CLOUDINARY_CLOUD_NAME -> Cloudinary Dashboard > Cloud name\n * CLOUDINARY_API_KEY -> Cloudinary Dashboard > API Key\n * CLOUDINARY_API_SECRET -> Cloudinary Dashboard > API Secret\n *\n * ⚠️ PENTING: jangan hardcode ketiga nilai di atas di file ini — selalu ambil\n * dari Deno.env lewat Environment Variables Val Town, supaya API Secret tidak\n * ikut terbawa kalau kode ini dibagikan/di-zip/di-commit ke tempat lain.\n *\n * Upload memakai signed request (server yang tanda tangan pakai API Secret),\n * jadi tidak perlu bikin \"Upload Preset\" apa pun di Cloudinary.\n */\n\nimport { json } from \"../utils.ts\";\n\nconst CLOUD_NAME = Deno.env.get(\"CLOUDINARY_CLOUD_NAME\");\nconst API_KEY = Deno.env.get(\"CLOUDINARY_API_KEY\");\nconst API_SECRET = Deno.env.get(\"CLOUDINARY_API_SECRET\");\n\nconst MAX_SIZE = 5 * 1024 * 1024; // 5MB\nconst FOLDER = \"foto-profil\"; // folder di Cloudinary (biar rapi, terpisah dari asset lain)\n\n/** Bikin signature SHA-1 sesuai aturan signed upload Cloudinary. */\nasync function buildSignature(\n params: Record,\n apiSecret: string,\n) {\n const sorted = Object.keys(params)\n .sort()\n .map((k) => `${k}=${params[k]}`)\n .join(\"&\");\n const toSign = sorted + apiSecret;\n const digest = await crypto.subtle.digest(\n \"SHA-1\",\n new TextEncoder().encode(toSign),\n );\n return Array.from(new Uint8Array(digest))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n}\n\nexport async function handleUpload(req: Request): Promise {\n try {\n if (!CLOUD_NAME || !API_KEY || !API_SECRET) {\n return json(\n {\n success: false,\n message:\n \"Konfigurasi Cloudinary belum lengkap. Set CLOUDINARY_CLOUD_NAME, CLOUDINARY_API_KEY, dan CLOUDINARY_API_SECRET di Environment Variables Val Town.\",\n },\n 500,\n );\n }\n\n const formData = await req.formData().catch(() => null);\n if (!formData) {\n return json({ success: false, message: \"Body upload tidak valid.\" }, 400);\n }\n\n const file = formData.get(\"file\");\n if (!file || !(file instanceof File)) {\n return json({ success: false, message: \"File tidak ditemukan.\" }, 400);\n }\n\n if (!file.type.startsWith(\"image/\")) {\n return json({\n success: false,\n message: \"File harus berupa gambar (JPG/PNG/WEBP).\",\n }, 400);\n }\n\n if (file.size > MAX_SIZE) {\n return json(\n { success: false, message: \"Ukuran file maksimal 5MB.\" },\n 400,\n );\n }\n\n const timestamp = Math.floor(Date.now() / 1000);\n const publicId = crypto.randomUUID();\n\n // Hanya parameter yang dikirim ke Cloudinary yang ikut ditandatangani\n // (bukan file & api_key — sesuai aturan signed upload Cloudinary).\n // \"asset_folder\" wajib disertakan supaya file benar-benar muncul di\n // folder Media Library — akun Cloudinary baru (dibuat setelah Juni 2024)\n // pakai \"Dynamic Folder Mode\", di mana parameter \"folder\" saja tidak\n // menaruh file ke folder yang terlihat di Media Library.\n const paramsToSign = {\n asset_folder: FOLDER,\n folder: FOLDER,\n public_id: publicId,\n timestamp,\n };\n const signature = await buildSignature(paramsToSign, API_SECRET);\n\n const cloudForm = new FormData();\n cloudForm.append(\"file\", file);\n cloudForm.append(\"api_key\", API_KEY);\n cloudForm.append(\"timestamp\", String(timestamp));\n cloudForm.append(\"public_id\", publicId);\n cloudForm.append(\"folder\", FOLDER);\n cloudForm.append(\"asset_folder\", FOLDER);\n cloudForm.append(\"signature\", signature);\n\n const cloudRes = await fetch(\n `https://api.cloudinary.com/v1_1/${CLOUD_NAME}/image/upload`,\n { method: \"POST\", body: cloudForm },\n );\n const cloudData = await cloudRes.json();\n\n if (!cloudRes.ok) {\n return json(\n {\n success: false,\n message: \"Gagal upload ke Cloudinary: \" +\n (cloudData?.error?.message || cloudRes.statusText),\n },\n 500,\n );\n }\n\n return json({ success: true, url: cloudData.secure_url });\n } catch (e) {\n return json({ success: false, message: \"Error: \" + String(e) }, 500);\n }\n}",[],[256,676],"f2bbca81-f29f-4945-a274-97f1ec025b90","tujuanPembelajaran.ts","72b37074-836f-11f1-aae2-1607ee4eb77e",701,["D",1784677532085],"/**\n * routes/tujuanPembelajaran.ts\n * Tujuan Pembelajaran (TP) per mata pelajaran DAN PER KELAS, milik\n * masing-masing guru (mirip kkm_mapel, tapi kkm_mapel sengaja tetap per\n * mapel saja -- lihat catatan di kelas-saya.ts). Biasanya lebih dari satu\n * TP per mapel per kelas per semester.\n *\n * Kenapa perlu kelas: satu guru bisa mengajar mapel yang sama di lebih dari\n * satu kelas dengan TP yang berbeda (mis. IPAS kelas 5 dan IPAS kelas 6 --\n * dua kurikulum/tingkat yang berbeda meski nama mapelnya sama). Sebelum\n * kolom kelas ditambahkan, TP-nya bercampur karena hanya disaring per\n * (user_id, mapel). Sekarang disaring per (user_id, mapel, kelas).\n *\n * TP yang sudah ditambahkan di sini menjadi sumber pilihan Kode TP di menu\n * Penilaian TP (routes/nilai.ts) dan pilihan Tujuan Pembelajaran di menu\n * Jurnal Mengajar (routes/jurnal.ts) — supaya guru tidak mengetik ulang kode\n * TP secara manual dan datanya konsisten di seluruh aplikasi.\n *\n * Tabel tujuan_pembelajaran (buat lewat Supabase SQL Editor sebelum dipakai):\n * create table if not exists tujuan_pembelajaran (\n * id serial primary key,\n * user_id integer not null references users(id) on delete cascade,\n * mapel text not null,\n * kelas text not null,\n * kode text not null,\n * deskripsi text,\n * created_at timestamptz not null default now()\n * );\n * create index if not exists idx_tp_user_mapel_kelas on tujuan_pembelajaran(user_id, mapel, kelas);\n *\n * MIGRASI dari versi lama (tabel sudah ada & sudah berisi data tanpa kolom\n * kelas): jalankan di Supabase SQL Editor sebelum deploy versi ini --\n * alter table tujuan_pembelajaran add column if not exists kelas text;\n * -- lalu isi kolom kelas untuk baris-baris lama secara manual (mis. lewat\n * -- SQL update per guru+mapel) supaya TP lama tidak \"hilang\" dari menu\n * -- Kelas Saya -- baris dengan kelas NULL tidak akan muncul di kelas\n * -- manapun sampai diisi.\n * alter table tujuan_pembelajaran alter column kelas set not null;\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\n\n/** Daftar TP milik seorang guru untuk satu mapel+kelas, terurut alami berdasar kode (TP 1.1, TP 1.2, TP 2.1, ...). */\nexport async function getTpMapel(\n userId: number,\n mapel: string,\n kelas: string,\n): Promise<{ id: number; kode: string; deskripsi: string | null }[]> {\n const rows = must(\n await supabase.from(\"tujuan_pembelajaran\").select(\"id, kode, deskripsi\")\n .eq(\"user_id\", userId).eq(\"mapel\", mapel).eq(\"kelas\", kelas),\n );\n return (rows as any[]).sort((a, b) =>\n String(a.kode).localeCompare(String(b.kode), undefined, { numeric: true })\n );\n}\n\nexport async function handleTpGet(\n url: URL,\n userId: number,\n): Promise {\n const mapel = url.searchParams.get(\"mapel\");\n const kelas = url.searchParams.get(\"kelas\");\n if (!mapel || !kelas) {\n return json({\n success: false,\n message: \"Mapel dan kelas wajib diisi.\",\n data: [],\n }, 400);\n }\n const data = await getTpMapel(userId, mapel, kelas);\n return json({ success: true, data });\n}\n\nexport async function handleTpCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const mapel = String(b.mapel || \"\").trim();\n const kelas = String(b.kelas || \"\").trim();\n const kode = String(b.kode || \"\").trim();\n const deskripsi = String(b.deskripsi || \"\").trim();\n if (!mapel || !kelas || !kode) {\n return json({\n success: false,\n message: \"Mapel, kelas, dan Kode TP wajib diisi.\",\n }, 400);\n }\n\n const existing = must(\n await supabase.from(\"tujuan_pembelajaran\").select(\"id\").eq(\n \"user_id\",\n userId,\n ).eq(\"mapel\", mapel).eq(\"kelas\", kelas).eq(\"kode\", kode),\n );\n if ((existing as any[]).length > 0) {\n return json({\n success: false,\n message:\n `Kode TP \"${kode}\" sudah ada untuk mapel ${mapel} kelas ${kelas}.`,\n }, 400);\n }\n\n const { error } = await supabase.from(\"tujuan_pembelajaran\").insert({\n user_id: userId,\n mapel,\n kelas,\n kode,\n deskripsi: deskripsi || null,\n });\n if (error) {\n return json({\n success: false,\n message: \"Gagal menambah Tujuan Pembelajaran: \" + error.message,\n }, 500);\n }\n return json({\n success: true,\n message: \"Tujuan Pembelajaran berhasil ditambahkan.\",\n });\n}\n\n/** Hapus satu TP milik guru tsb (tidak menghapus nilai/jurnal yang sudah memakai kode TP itu). */\nexport async function handleTpDelete(\n id: number,\n userId: number,\n): Promise {\n const { error } = await supabase.from(\"tujuan_pembelajaran\").delete().eq(\n \"id\",\n id,\n ).eq(\"user_id\", userId);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({\n success: true,\n message: \"Tujuan Pembelajaran berhasil dihapus.\",\n });\n}",[],[256,685],"15633384-5406-4f06-ab14-e40209b8a3e4","c36fc244-7e7c-11f1-8337-1607ee4eb77e",687,["D",1784596568690],"/**\n * routes/struktur.ts\n * Struktur Organisasi Kelas, dibatasi hanya untuk kelas yang diampu.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { getKelasAmpu } from \"./kelas.ts\";\n\nexport async function handleStrukturGet(\n url: URL,\n userId: number,\n): Promise {\n const kelas = url.searchParams.get(\"kelas\");\n const kelasAmpu = await getKelasAmpu(userId);\n if (kelas && !kelasAmpu.includes(kelas)) return json({ success: true, data: [] });\n if (!kelas && kelasAmpu.length === 0) return json({ success: true, data: [] });\n let q = supabase.from(\"struktur_kelas\").select(\"*\").order(\"level\", {\n ascending: true,\n }).order(\"urutan\", { ascending: true });\n q = kelas ? q.eq(\"kelas\", kelas) : q.in(\"kelas\", kelasAmpu);\n const data = must(await q);\n return json({ success: true, data });\n}\n\nexport async function handleStrukturCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (\n !String(b.kelas || \"\").trim() || !String(b.jabatan || \"\").trim() ||\n !String(b.nama || \"\").trim()\n ) {\n return json({\n success: false,\n message: \"Kelas, jabatan, dan nama wajib diisi.\",\n }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas.trim())) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const { error } = await supabase.from(\"struktur_kelas\").insert({\n kelas: b.kelas.trim(),\n jabatan: b.jabatan.trim(),\n nama: b.nama.trim(),\n level: Number(b.level) || 1,\n urutan: Number(b.urutan) || 0,\n siswa_id: b.siswa_id || null,\n });\n if (error) return json({ success: false, message: error.message }, 500);\n return json({\n success: true,\n message: \"Struktur kelas berhasil ditambahkan.\",\n });\n}\n\nexport async function handleStrukturDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(await supabase.from(\"struktur_kelas\").select(\"kelas\").eq(\"id\", id));\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Data tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n await supabase.from(\"struktur_kelas\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Data dihapus.\" });\n}",[],[256,524],"48b4bd46-306e-46bc-867d-bd9a4e90dd9d","d28640dc-7db9-11f1-905c-1607ee4eb77e",740,["D",1785459634505],9,"/**\n * routes/siswa.ts\n * CRUD Data Siswa (dengan biodata lengkap) + Student Lookup + Profil Siswa.\n * Semua data dibatasi hanya untuk kelas yang diampu guru yang sedang login.\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport { DEFAULT_KKM, getPetaKkm } from \"./kkm.ts\";\nimport { getRingkasanPoin } from \"./poin.ts\";\nimport { getKelasAktif, getKelasAmpu } from \"./kelas.ts\";\nimport * as XLSX from \"npm:xlsx@0.18.5\";\n\nfunction siswaFields(b: any) {\n return {\n nis: b.nis || \"\",\n nisn: b.nisn || \"\",\n nama: (b.nama || \"\").trim(),\n jk: b.jk || \"L\",\n status: b.status || \"Aktif\",\n foto: b.foto || \"\",\n tempat_lahir: b.tempat_lahir || \"\",\n tanggal_lahir: b.tanggal_lahir || \"\",\n alamat: b.alamat || \"\",\n no_hp: b.no_hp || \"\",\n nama_ortu: b.nama_ortu || \"\",\n no_absen: b.no_absen ? Number(b.no_absen) : null,\n kelas: b.kelas || \"\",\n };\n}\n\n/**\n * Daftar siswa dibatasi ke SATU kelas aktif saja (`?kelas=` di query, sama\n * aturannya dengan resolveKelasAktif di dashboard: kalau parameter kosong\n * atau tidak valid, jatuh ke kelas Wali Kelas, lalu kelas Guru Mapel\n * pertama). Kalau guru belum terdaftar di kelas manapun, hasilnya kosong.\n */\nexport async function handleSiswaGet(\n url: URL,\n userId: number,\n): Promise {\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih, peran_terpilih, kelas_list } = await getKelasAktif(\n userId,\n kelasParam,\n );\n if (!kelas_terpilih) {\n return json({\n success: true,\n kelas_terpilih: null,\n peran_terpilih: null,\n kelas_list,\n data: [],\n });\n }\n const data = must(\n await supabase.from(\"siswa\").select(\"*\").eq(\"kelas\", kelas_terpilih)\n .order(\"nama\", { ascending: true }),\n );\n return json({\n success: true,\n kelas_terpilih,\n peran_terpilih,\n kelas_list,\n data,\n });\n}\n\nexport async function handleSiswaCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!String(b.nama || \"\").trim()) {\n return json({ success: false, message: \"Nama wajib diisi.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(b.kelas || \"\")) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n const { error } = await supabase.from(\"siswa\").insert(siswaFields(b));\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Siswa berhasil ditambahkan.\" });\n}\n\nexport async function handleSiswaUpdate(\n req: Request,\n id: number,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n if (!String(b.nama || \"\").trim()) {\n return json({ success: false, message: \"Nama wajib diisi.\" }, 400);\n }\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"siswa\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n if (!kelasAmpu.includes(b.kelas || \"\")) {\n return json({\n success: false,\n message:\n `Kelas \"${b.kelas}\" belum terdaftar sebagai kelas yang Anda ampu.`,\n }, 403);\n }\n const { error } = await supabase.from(\"siswa\").update(siswaFields(b)).eq(\n \"id\",\n id,\n );\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Siswa berhasil diperbarui.\" });\n}\n\nexport async function handleSiswaDelete(\n id: number,\n userId: number,\n): Promise {\n const kelasAmpu = await getKelasAmpu(userId);\n const existing = must(\n await supabase.from(\"siswa\").select(\"kelas\").eq(\"id\", id),\n );\n if (!existing.length || !kelasAmpu.includes((existing[0] as any).kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n await supabase.from(\"siswa\").delete().eq(\"id\", id);\n return json({ success: true, message: \"Siswa berhasil dihapus.\" });\n}\n\n/**\n * Lookup siswa dibatasi ke SATU kelas aktif saja (`?kelas=` di query), sama\n * aturannya dengan handleSiswaGet/resolveKelasAktif — supaya nama siswa dari\n * kelas lain yang diampu guru tidak ikut tercampur di hasil pencarian.\n */\nexport async function handleSiswaLookup(\n url: URL,\n userId: number,\n): Promise {\n const q = url.searchParams.get(\"query\") || \"\";\n const kelasParam = url.searchParams.get(\"kelas\");\n const { kelas_terpilih } = await getKelasAktif(userId, kelasParam);\n if (!kelas_terpilih) return json({ success: true, data: [] });\n const list = must(\n await supabase\n .from(\"siswa\")\n .select(\"*\")\n .eq(\"kelas\", kelas_terpilih)\n .or(`nama.ilike.%${q}%,nis.ilike.%${q}%,nisn.ilike.%${q}%`),\n );\n const result = [];\n for (const s of list as any[]) {\n const nilai = must(\n await supabase.from(\"nilai_tp\").select(\"*\").eq(\"siswa_id\", s.id),\n );\n const absensi = must(\n await supabase.from(\"absensi\").select(\"*\").eq(\"siswa_id\", s.id)\n .order(\"tanggal\", { ascending: false }).limit(30),\n );\n result.push({ ...s, nilai, absensi });\n }\n return json({ success: true, data: result });\n}\n\n/** Profil lengkap satu siswa: biodata + nilai (dengan status tuntas per-KKM mapel) + poin + absensi */\nexport async function handleSiswaProfil(\n id: number,\n userId: number,\n): Promise {\n const siswaRows = must(await supabase.from(\"siswa\").select(\"*\").eq(\"id\", id));\n if (!siswaRows || siswaRows.length === 0) {\n return json({ success: false, message: \"Siswa tidak ditemukan.\" }, 404);\n }\n const siswa = siswaRows[0] as any;\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(siswa.kelas)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n\n const nilaiRaw = must(\n await supabase.from(\"nilai_tp\").select(\"*\").eq(\"siswa_id\", id),\n );\n const petaKkm = await getPetaKkm(userId);\n const nilai = (nilaiRaw as any[]).map((n) => ({\n ...n,\n kkm: petaKkm[n.mapel] ?? DEFAULT_KKM,\n tuntas: n.nilai_akhir >= (petaKkm[n.mapel] ?? DEFAULT_KKM),\n }));\n\n const absensi = must(\n await supabase.from(\"absensi\").select(\"*\").eq(\"siswa_id\", id)\n .order(\"tanggal\", { ascending: false }).limit(30),\n );\n\n const poin = await getRingkasanPoin(id);\n\n return json({\n success: true,\n siswa,\n nilai,\n absensi,\n poin: {\n total_reward: poin.total_reward,\n total_hukuman: poin.total_hukuman,\n riwayat: poin.riwayat,\n },\n });\n}\n\n/**\n * ============================================================================\n * IMPORT DATA SISWA DARI EXCEL\n * ============================================================================\n * Format kolom (mengikuti template \"Kelas_Saya.xlsx\" bawaan sekolah):\n * Baris 1 = judul kolom, Baris 2 = sub-judul (Ayah/Ibu), Baris 3+ = data.\n * A: No Absen | B: NIK (tidak disimpan) | C: NIS | D: NISN | E: NAMA |\n * F: Tempat Lahir | G: Tanggal Lahir (dd/mm/yyyy) | H: JK | I: Alamat |\n * J: Nama Ayah | K: Nama Ibu | L: No HP Orangtua\n * Kelas tujuan TIDAK diambil dari file, tapi dipilih guru di form upload,\n * lalu divalidasi terhadap kelas yang benar-benar diampu guru tsb.\n */\n\nconst IDX = {\n noAbsen: 0,\n nik: 1,\n nis: 2,\n nisn: 3,\n nama: 4,\n tempatLahir: 5,\n tanggalLahir: 6,\n jk: 7,\n alamat: 8,\n ayah: 9,\n ibu: 10,\n noHp: 11,\n};\n\n/** \"15/11/2015\" atau \"2015-11-15\" -> \"2015-11-15\" (format ). Selain itu -> \"\". */\nfunction convertTanggal(v: any): string {\n const s = String(v ?? \"\").trim();\n if (!s) return \"\";\n const dmy = s.match(/^(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})$/);\n if (dmy) {\n const [, d, m, y] = dmy;\n return `${y}-${m.padStart(2, \"0\")}-${d.padStart(2, \"0\")}`;\n }\n if (/^\\d{4}-\\d{2}-\\d{2}/.test(s)) return s.slice(0, 10);\n return \"\";\n}\n\nexport async function handleSiswaImport(\n req: Request,\n userId: number,\n): Promise {\n const formData = await req.formData().catch(() => null);\n if (!formData) {\n return json({ success: false, message: \"Body upload tidak valid.\" }, 400);\n }\n\n const file = formData.get(\"file\");\n const kelas = String(formData.get(\"kelas\") || \"\").trim();\n\n if (!file || !(file instanceof File)) {\n return json(\n { success: false, message: \"File Excel tidak ditemukan.\" },\n 400,\n );\n }\n if (!kelas) {\n return json({\n success: false,\n message: \"Pilih kelas tujuan import terlebih dahulu.\",\n }, 400);\n }\n if (!/\\.(xlsx|xls)$/i.test(file.name || \"\")) {\n return json({\n success: false,\n message: \"File harus berformat .xlsx atau .xls.\",\n }, 400);\n }\n\n const kelasAmpu = await getKelasAmpu(userId);\n if (!kelasAmpu.includes(kelas)) {\n return json({\n success: false,\n message:\n `Kelas \"${kelas}\" belum terdaftar sebagai kelas yang Anda ampu. Tambahkan dulu di menu Kelas Saya.`,\n }, 403);\n }\n\n let aoa: any[][];\n try {\n const buf = await file.arrayBuffer();\n const wb = XLSX.read(buf, { type: \"array\" });\n const sheet = wb.Sheets[wb.SheetNames[0]];\n aoa = XLSX.utils.sheet_to_json(sheet, {\n header: 1,\n raw: false,\n defval: \"\",\n }) as any[][];\n } catch (e) {\n return json({\n success: false,\n message: \"Gagal membaca file Excel: \" + String(e),\n }, 400);\n }\n\n // Baris 1 & 2 = header, data mulai baris ke-3.\n const dataRows = aoa.slice(2);\n\n const existing = must(\n await supabase.from(\"siswa\").select(\"nis\").eq(\"kelas\", kelas),\n );\n const existingNis = new Set(\n (existing as any[]).map((r) => String(r.nis || \"\").trim()).filter(Boolean),\n );\n\n const toInsert: any[] = [];\n const dilewati: { baris: number; alasan: string }[] = [];\n const nisDiFileIni = new Set();\n\n dataRows.forEach((row, i) => {\n const baris = i + 3; // nomor baris asli di file Excel\n const rowAdaIsi = row.some((c) => String(c ?? \"\").trim());\n const nama = String(row[IDX.nama] ?? \"\").trim();\n\n if (!nama) {\n if (rowAdaIsi) dilewati.push({ baris, alasan: \"Kolom NAMA kosong.\" });\n return;\n }\n\n const nis = String(row[IDX.nis] ?? \"\").trim();\n if (nis && (existingNis.has(nis) || nisDiFileIni.has(nis))) {\n dilewati.push({\n baris,\n alasan: `NIS \"${nis}\" sudah terdaftar di kelas ${kelas}.`,\n });\n return;\n }\n if (nis) nisDiFileIni.add(nis);\n\n const ayah = String(row[IDX.ayah] ?? \"\").trim();\n const ibu = String(row[IDX.ibu] ?? \"\").trim();\n const namaOrtu = [ayah && `${ayah} (Ayah)`, ibu && `${ibu} (Ibu)`]\n .filter(Boolean)\n .join(\" / \");\n\n toInsert.push({\n no_absen: row[IDX.noAbsen] ? Number(row[IDX.noAbsen]) || null : null,\n nis,\n nisn: String(row[IDX.nisn] ?? \"\").trim(),\n nama,\n jk: String(row[IDX.jk] ?? \"\").trim().toUpperCase() === \"P\" ? \"P\" : \"L\",\n status: \"Aktif\",\n foto: \"\",\n tempat_lahir: String(row[IDX.tempatLahir] ?? \"\").trim(),\n tanggal_lahir: convertTanggal(row[IDX.tanggalLahir]),\n alamat: String(row[IDX.alamat] ?? \"\").trim(),\n no_hp: String(row[IDX.noHp] ?? \"\").trim(),\n nama_ortu: namaOrtu,\n kelas,\n });\n });\n\n if (toInsert.length === 0) {\n return json({\n success: false,\n message: \"Tidak ada data siswa valid yang bisa diimpor dari file ini.\",\n dilewati,\n }, 400);\n }\n\n const { error } = await supabase.from(\"siswa\").insert(toInsert);\n if (error) {\n return json({\n success: false,\n message: \"Gagal menyimpan ke database: \" + error.message,\n }, 500);\n }\n\n return json({\n success: true,\n message: `${toInsert.length} siswa berhasil diimpor ke kelas ${kelas}.` +\n (dilewati.length ? ` ${dilewati.length} baris dilewati.` : \"\"),\n imported: toInsert.length,\n dilewati,\n });\n}\n\n/** Menghasilkan file .xlsx template kosong (format sama dengan yang dibaca handleSiswaImport). */\nexport async function handleSiswaTemplate(): Promise {\n const header1 = [\n \"No Absen\",\n \"NIK\",\n \"NIS\",\n \"NISN\",\n \"NAMA\",\n \"TEMPAT LAHIR\",\n \"TANGGAL LAHIR\",\n \"JK\",\n \"ALAMAT\",\n \"ORANGTUA\",\n \"\",\n \"NO HP ORANGTUA\",\n ];\n const header2 = [\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"AYAH\", \"IBU\", \"\"];\n const contoh = [\n 1,\n \"6109011511150001\",\n \"220686\",\n \"3159204081\",\n \"CONTOH NAMA SISWA\",\n \"SEKADAU\",\n \"15/11/2015\",\n \"L\",\n \"ALAMAT LENGKAP SISWA\",\n \"NAMA AYAH\",\n \"NAMA IBU\",\n \"08xxxxxxxxxx\",\n ];\n\n const ws = XLSX.utils.aoa_to_sheet([header1, header2, contoh]);\n ws[\"!merges\"] = [{ s: { r: 0, c: 9 }, e: { r: 0, c: 10 } }];\n ws[\"!cols\"] = [\n { wch: 9 },\n { wch: 20 },\n { wch: 10 },\n { wch: 12 },\n { wch: 28 },\n { wch: 16 },\n { wch: 14 },\n { wch: 5 },\n { wch: 30 },\n { wch: 18 },\n { wch: 18 },\n { wch: 16 },\n ];\n\n const wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, \"Template Siswa\");\n const buf = XLSX.write(wb, { type: \"array\", bookType: \"xlsx\" });\n\n return new Response(buf, {\n headers: {\n \"Content-Type\":\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n \"Content-Disposition\":\n 'attachment; filename=\"Template_Import_Siswa.xlsx\"',\n },\n });\n}",[],[256,534],"e3fdfe7c-9004-4f5a-a074-57e8d12ce283","profil.ts","66a825a6-7e4f-11f1-8a54-1607ee4eb77e",753,["D",1785894264395],"/**\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}",[],[256,708],"bb22c51d-413b-485c-91ac-210847c23947","815dc1fa-7e4d-11f1-bfc4-1607ee4eb77e",759,["D",1785978763100],"/**\n * routes/poin.ts\n * Poin Reward & Hukuman siswa, dibatasi ke siswa di kelas yang diampu.\n * Poin yang ditampilkan (total_reward, total_hukuman, riwayat) SELALU murni\n * poin siswa, akumulasi dari SEMUA catatan poin -- tidak lagi otomatis\n * dicampur/ditampilkan sebagai bagian dari Nilai Akhir.\n *\n * KONVERSI POIN -> NILAI (MANUAL, DIATUR GURU):\n * Guru membuka \"Tambah ke Nilai Harian\" per siswa dari Papan Peringkat Poin,\n * lalu MENGETIK SENDIRI berapa banyak poin (dari poin bersih yang tersedia)\n * yang mau dimasukkan ke Mapel + Kode TP pilihannya. Tidak ada penghitungan\n * otomatis \"poin baru vs lama\" -- guru yang menentukan jumlahnya, jadi bisa\n * fleksibel: mis. dari 12 poin bersih, 10 poin dimasukkan ke Bahasa Inggris\n * dan sisa 2 poin ke Bahasa Indonesia, di dua kali klik terpisah.\n *\n * Setiap kali guru mengonversi, jumlah poin yang dipakai dicatat sebagai\n * satu baris di tabel poin_konversi_log. \"Poin Tersedia\" untuk siswa =\n * (total_reward - total_hukuman) akumulasi dikurangi SUM(jumlah_poin) dari\n * seluruh log konversi siswa itu -- jadi poin yang sudah dipakai tidak akan\n * bisa dipakai lagi, tapi guru bebas membagi sisanya ke mapel manapun.\n *\n * ⚠️ MIGRASI DB WAJIB (sekali saja, jalankan di Supabase SQL Editor):\n * CREATE TABLE IF NOT EXISTS poin_konversi_log (\n * id bigserial PRIMARY KEY,\n * siswa_id bigint NOT NULL REFERENCES siswa(id) ON DELETE CASCADE,\n * jumlah_poin numeric NOT NULL,\n * mapel text NOT NULL,\n * kode_tp text NOT NULL,\n * tanggal date NOT NULL DEFAULT CURRENT_DATE,\n * dibuat_pada timestamptz NOT NULL DEFAULT now()\n * );\n * ALTER TABLE nilai_tp\n * ADD COLUMN IF NOT EXISTS bonus_poin numeric NOT NULL DEFAULT 0;\n * (Kolom poin_siswa.dipakai_nilai dari versi sebelumnya sudah TIDAK dipakai\n * lagi oleh kode ini -- boleh dibiarkan begitu saja di tabel, tidak perlu dihapus.)\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\n/** Konversi jumlah poin (yang dipilih guru) jadi nilai yang ditambahkan ke Nilai Harian. */\nexport function hitungPengaruhPoin(jumlahPoin: number): number {\n return jumlahPoin * 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 const netto = reward - hukuman;\n\n // Total poin yang sudah pernah dikonversi guru ke Nilai Harian (akumulasi\n // dari seluruh log konversi siswa ini, lintas mapel & kode TP manapun).\n // Pakai try/catch (bukan must()) supaya kalau migrasi tabel\n // poin_konversi_log belum sempat dijalankan, halaman Poin/Profil Siswa\n // tetap bisa dibuka (dianggap belum ada yang dikonversi) alih-alih error total.\n let sudahDikonversi = 0;\n const logRes = await supabase.from(\"poin_konversi_log\").select(\n \"jumlah_poin\",\n ).eq(\"siswa_id\", siswaId);\n if (!logRes.error) {\n sudahDikonversi = (logRes.data as any[]).reduce(\n (a, r) => a + Number(r.jumlah_poin || 0),\n 0,\n );\n }\n\n // Sisa yang masih boleh dikonversi guru sekarang. Diclamp ke >=0 supaya\n // tidak minus kalau ada hukuman baru setelah sebagian poin dikonversi.\n const tersedia = Math.max(0, netto - sudahDikonversi);\n\n return {\n total_reward: reward,\n total_hukuman: hukuman,\n sudah_dikonversi: sudahDikonversi,\n tersedia,\n riwayat: rows,\n };\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\n/**\n * CATAT POIN MASSAL\n * Dipakai lewat mode \"Input Massal\" di form Poin: guru mencentang banyak\n * siswa sekaligus (dari kelas yang sama, lewat Kelas Aktif global), lalu\n * satu catatan poin (jenis + jumlah poin + keterangan + tanggal yang sama)\n * dicatat untuk SETIAP siswa yang dicentang dalam satu kali submit --\n * jadi guru tidak perlu input satu per satu lagi. Setiap siswa tetap\n * mendapat baris poin_siswa masing-masing (bukan digabung), supaya riwayat\n * & akumulasi per siswa tetap akurat.\n */\nexport async function handlePoinCreateMassal(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const siswaIds = Array.isArray(b.siswa_ids)\n ? [...new Set(b.siswa_ids.map((v: any) => Number(v)))].filter((v) =>\n Number.isFinite(v) && v > 0\n )\n : [];\n if (siswaIds.length === 0) {\n return json({\n success: false,\n message: \"Pilih minimal satu siswa terlebih dahulu.\",\n }, 400);\n }\n if (!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 const siswaValid = siswaIds.filter((id) => idsAmpu.includes(id));\n if (siswaValid.length === 0) {\n return json({\n success: false,\n message: \"Siswa yang dipilih tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n const tanggal = b.tanggal || new Date().toISOString().slice(0, 10);\n const poin = Math.abs(Number(b.poin));\n const keterangan = b.keterangan || \"\";\n const rows = siswaValid.map((siswaId) => ({\n siswa_id: siswaId,\n jenis: b.jenis,\n poin,\n keterangan,\n tanggal,\n }));\n const { error } = await supabase.from(\"poin_siswa\").insert(rows);\n if (error) return json({ success: false, message: error.message }, 500);\n const dilewati = siswaIds.length - siswaValid.length;\n return json({\n success: true,\n message: `Poin berhasil dicatat untuk ${siswaValid.length} siswa.${\n dilewati > 0\n ? ` (${dilewati} siswa dilewati karena bukan di kelas yang Anda ampu.)`\n : \"\"\n }`,\n });\n}\n\n/**\n * Inti logika konversi poin -> bonus Nilai Formatif untuk SATU siswa.\n * Dipakai bareng oleh handlePoinTambahNilaiHarian (satu siswa) dan\n * handlePoinTambahNilaiHarianMassal (banyak siswa sekaligus), supaya\n * perilakunya konsisten. Melempar Error kalau ada masalah simpan (dtangkap\n * oleh pemanggil).\n *\n * PENTING: bonus poin TIDAK disimpan sebagai entri baru di\n * nilai_formatif_detail (kalau begitu, angka kecil seperti 1.2 akan ikut\n * DIRATA-RATA bersama nilai harian 0-100 dan malah MENJATUHKAN nilai --\n * itu bug versi sebelumnya). Sebagai gantinya, bonus poin disimpan\n * terpisah di nilai_tp.bonus_poin (akumulatif) dan DITAMBAHKAN ke rata-rata\n * Nilai Formatif murni (dari nilai_formatif_detail apa adanya, tanpa\n * poin) setelah dihitung, lalu di-cap maksimal 100. routes/nilai.ts juga\n * menerapkan bonus_poin yang sama setiap kali guru menyimpan nilai harian\n * baru, supaya bonus ini tidak hilang saat nilai formatif diedit lagi nanti.\n */\nasync function konversiPoinKeNilai(\n siswaId: number,\n mapel: string,\n kodeTp: string,\n jumlahPoin: number,\n): Promise<{ nilaiTambahan: number; formatifDenganBonus: number }> {\n const nilaiTambahan = hitungPengaruhPoin(jumlahPoin);\n\n // Rata-rata Nilai Formatif MURNI (nilai harian biasa 0-100 apa adanya,\n // TANPA poin) -- dasar sebelum bonus ditambahkan.\n const formatifRows = must(\n await supabase.from(\"nilai_formatif_detail\").select(\"nilai\")\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp),\n );\n const list = (formatifRows as any[]).map((r) => Number(r.nilai) || 0);\n const rataMurni = list.length\n ? Math.round((list.reduce((a, c) => a + c, 0) / list.length) * 100) / 100\n : 0;\n\n const existing = must(\n await supabase.from(\"nilai_tp\").select(\"id, nilai_sumatif, bonus_poin\")\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 bonusSebelumnya = Number(row?.bonus_poin) || 0;\n const bonusBaru = Math.round((bonusSebelumnya + nilaiTambahan) * 100) / 100;\n const formatifDenganBonus = Math.min(\n 100,\n Math.round((rataMurni + bonusBaru) * 100) / 100,\n );\n const akhir = Math.round(((formatifDenganBonus + su) / 2) * 100) / 100;\n\n if (row) {\n const { error } = await supabase.from(\"nilai_tp\")\n .update({\n nilai_formatif: formatifDenganBonus,\n bonus_poin: bonusBaru,\n nilai_akhir: akhir,\n })\n .eq(\"id\", row.id);\n if (error) throw new Error(error.message);\n } else {\n const { error } = await supabase.from(\"nilai_tp\").insert({\n siswa_id: siswaId,\n mapel,\n kode_tp: kodeTp,\n nilai_formatif: formatifDenganBonus,\n bonus_poin: bonusBaru,\n nilai_sumatif: 0,\n nilai_akhir: akhir,\n });\n if (error) throw new Error(error.message);\n }\n\n // Catat pemakaian poin ini supaya mengurangi \"tersedia\" untuk konversi\n // berikutnya (baik untuk mapel yang sama maupun mapel lain).\n const { error: errLog } = await supabase.from(\"poin_konversi_log\").insert({\n siswa_id: siswaId,\n jumlah_poin: jumlahPoin,\n mapel,\n kode_tp: kodeTp,\n tanggal: new Date().toISOString().slice(0, 10),\n });\n if (errLog) throw new Error(errLog.message);\n\n return { nilaiTambahan, formatifDenganBonus };\n}\n\n/**\n * TAMBAH KE NILAI HARIAN (SATU SISWA)\n * Dipanggil dari tombol \"Tambah ke Nilai Harian\" per siswa di Papan\n * Peringkat Poin. Guru menentukan SENDIRI berapa banyak poin (jumlah_poin,\n * maksimal sebesar \"tersedia\" dari getRingkasanPoin) yang mau dikonversi\n * (1 poin = 0.1) untuk Mapel + Kode TP pilihannya.\n */\nexport async function handlePoinTambahNilaiHarian(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const siswaId = Number(b.siswa_id);\n const mapel = String(b.mapel || \"\").trim();\n const kodeTp = String(b.kode_tp || \"\").trim();\n const jumlahPoin = Number(b.jumlah_poin);\n if (!siswaId || !mapel || !kodeTp) {\n return json({\n success: false,\n message: \"Siswa, Mapel, dan Kode TP wajib diisi.\",\n }, 400);\n }\n if (!jumlahPoin || jumlahPoin <= 0) {\n return json({\n success: false,\n message: \"Jumlah poin yang dimasukkan ke nilai harus lebih dari 0.\",\n }, 400);\n }\n const idsAmpu = await getSiswaIdsAmpu(userId);\n if (!idsAmpu.includes(siswaId)) {\n return json({\n success: false,\n message: \"Siswa tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n\n const ringkasan = await getRingkasanPoin(siswaId);\n if (jumlahPoin > ringkasan.tersedia) {\n return json({\n success: false,\n message:\n `Jumlah poin melebihi yang tersedia (tersedia: ${ringkasan.tersedia} poin).`,\n }, 400);\n }\n\n let hasil;\n try {\n hasil = await konversiPoinKeNilai(siswaId, mapel, kodeTp, jumlahPoin);\n } catch (e) {\n return json({ success: false, message: (e as Error).message }, 500);\n }\n\n return json({\n success: true,\n message:\n `${jumlahPoin} poin berhasil ditambahkan sebagai bonus Nilai Formatif (${\n hasil.nilaiTambahan >= 0 ? \"+\" : \"\"\n }${\n hasil.nilaiTambahan.toFixed(1)\n }) untuk ${mapel} - ${kodeTp}. Nilai Formatif sekarang: ${hasil.formatifDenganBonus}.`,\n });\n}\n\n/**\n * TAMBAH KE NILAI HARIAN (BANYAK SISWA / MASSAL)\n * Dipanggil dari tombol \"Tambah ke Nilai Harian (Banyak Siswa)\" di header\n * Papan Peringkat Poin. Guru mencentang beberapa siswa sekaligus, pilih\n * Mapel + Kode TP, dan mengisi SATU jumlah_poin yang berlaku sama untuk\n * semua siswa tercentang. Siswa yang \"poin tersedia\"-nya kurang dari\n * jumlah_poin itu otomatis DILEWATI (tidak dikonversi sama sekali, bukan\n * konversi sebagian) -- dilaporkan lewat pesan hasil.\n */\nexport async function handlePoinTambahNilaiHarianMassal(\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 jumlahPoin = Number(b.jumlah_poin);\n const siswaIds = Array.isArray(b.siswa_ids)\n ? [...new Set(b.siswa_ids.map((v: any) => Number(v)))].filter((v) =>\n Number.isFinite(v) && v > 0\n )\n : [];\n if (!mapel || !kodeTp) {\n return json({\n success: false,\n message: \"Mapel dan Kode TP wajib diisi.\",\n }, 400);\n }\n if (!jumlahPoin || jumlahPoin <= 0) {\n return json({\n success: false,\n message: \"Jumlah poin yang dimasukkan ke nilai harus lebih dari 0.\",\n }, 400);\n }\n if (siswaIds.length === 0) {\n return json({\n success: false,\n message: \"Pilih minimal satu siswa terlebih dahulu.\",\n }, 400);\n }\n\n const idsAmpu = await getSiswaIdsAmpu(userId);\n const siswaValid = siswaIds.filter((id) => idsAmpu.includes(id));\n if (siswaValid.length === 0) {\n return json({\n success: false,\n message: \"Siswa yang dipilih tidak ditemukan di kelas yang Anda ampu.\",\n }, 404);\n }\n\n let berhasil = 0;\n let dilewatiTersedia = 0;\n let gagal = 0;\n for (const siswaId of siswaValid) {\n const ringkasan = await getRingkasanPoin(siswaId);\n if (jumlahPoin > ringkasan.tersedia) {\n dilewatiTersedia++;\n continue;\n }\n try {\n await konversiPoinKeNilai(siswaId, mapel, kodeTp, jumlahPoin);\n berhasil++;\n } catch {\n gagal++;\n }\n }\n\n const dilewatiBukanAmpu = siswaIds.length - siswaValid.length;\n const catatan: string[] = [];\n if (dilewatiTersedia > 0) {\n catatan.push(\n `${dilewatiTersedia} siswa dilewati (poin tersedia kurang dari ${jumlahPoin})`,\n );\n }\n if (gagal > 0) catatan.push(`${gagal} siswa gagal disimpan`);\n if (dilewatiBukanAmpu > 0) {\n catatan.push(\n `${dilewatiBukanAmpu} siswa dilewati (bukan di kelas yang Anda ampu)`,\n );\n }\n\n return json({\n success: berhasil > 0,\n message: berhasil > 0\n ? `${jumlahPoin} poin berhasil ditambahkan sebagai bonus Nilai Formatif untuk ${berhasil} siswa (${mapel} - ${kodeTp}).${\n catatan.length ? \" \" + catatan.join(\", \") + \".\" : \"\"\n }`\n : `Tidak ada siswa yang berhasil dikonversi.${\n catatan.length ? \" \" + catatan.join(\", \") + \".\" : \"\"\n }`,\n });\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}",[],[256,567],"ecb8cdd1-45a9-4ffd-b1ce-5e62c780b5b0","dd40f378-7db9-11f1-8c45-1607ee4eb77e",758,["D",1785977243707],"/**\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 *\n * BONUS POIN (dari fitur Poin -> \"Tambah ke Nilai Harian\" di routes/poin.ts):\n * `nilai_tp.bonus_poin` menyimpan akumulasi bonus dari poin yang sudah\n * dikonversi guru untuk mapel+kode_tp itu. Setiap kali Nilai Formatif\n * dihitung ulang di file ini (rata-rata murni dari nilai_formatif_detail),\n * bonus_poin SELALU ditambahkan di atasnya (di-cap maksimal 100) sebelum\n * disimpan ke nilai_tp.nilai_formatif -- supaya bonus poin tidak ikut\n * dirata-ratakan (yang justru akan MENJATUHKAN nilai) dan tidak hilang saat\n * guru mengedit nilai harian biasa lagi nanti.\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\n const existing = must(\n await supabase.from(\"nilai_tp\").select(\"id, bonus_poin\")\n .eq(\"siswa_id\", b.siswa_id).eq(\"mapel\", b.mapel).eq(\"kode_tp\", b.kode_tp),\n );\n const row = (existing as any[])[0];\n // Bonus poin (dari fitur Poin -> Tambah ke Nilai Harian) selalu ditambahkan\n // ke Nilai Formatif yang disimpan, di-cap maksimal 100, supaya tidak hilang\n // saat guru menyimpan nilai harian baru lewat jalur ini.\n const bonus = Number(row?.bonus_poin) || 0;\n const fDenganBonus = Math.min(100, Math.round((f + bonus) * 100) / 100);\n const akhir = Math.round(((fDenganBonus + su) / 2) * 100) / 100;\n\n if (row) {\n await supabase.from(\"nilai_tp\")\n .update({\n nilai_formatif: fDenganBonus,\n nilai_sumatif: su,\n nilai_akhir: akhir,\n })\n .eq(\"id\", row.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: fDenganBonus,\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, bonus_poin\",\n )\n .eq(\"siswa_id\", siswaId).eq(\"mapel\", mapel).eq(\"kode_tp\", kodeTp),\n );\n const row = (existing as any[])[0];\n const bonus = Number(row?.bonus_poin) || 0;\n // Kalau field ini yang sedang diisi guru = 'formatif' (jalur lama, satu\n // nilai formatif tunggal tanpa daftar), bonus poin tetap ditambahkan di\n // atasnya (di-cap 100) supaya konsisten dengan jalur formatif/batch.\n const f = field === \"formatif\"\n ? Math.min(100, Math.round((nilai + bonus) * 100) / 100)\n : (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, bonus_poin\")\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 // Bonus poin (dari fitur Poin -> Tambah ke Nilai Harian) ditambahkan di\n // atas rata-rata nilai harian murni, di-cap maksimal 100, supaya bonus\n // itu tidak hilang tiap kali guru menyimpan/mengedit nilai harian biasa.\n const bonus = Number(row?.bonus_poin) || 0;\n const fDenganBonus = Math.min(100, Math.round((f + bonus) * 100) / 100);\n const akhir = Math.round(((fDenganBonus + su) / 2) * 100) / 100;\n\n if (row) {\n await supabase.from(\"nilai_tp\")\n .update({ nilai_formatif: fDenganBonus, 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: fDenganBonus,\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}",[],[256,576],"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}",[],[256,730],"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}",[],[256,738],"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}",[],[256,746],"d4398d28-1723-40ea-8678-180be01a1bf9","e8732eaa-7db9-11f1-9dd7-1607ee4eb77e",770,["D",1787201001346],"/**\n * routes/jurnal.ts\n * Jurnal mengajar guru, dibatasi hanya untuk kelas yang diampu.\n *\n * ⚠️ MIGRASI DB WAJIB (sekali saja, jalankan di Supabase SQL Editor):\n * ALTER TABLE jurnal_guru\n * ADD COLUMN IF NOT EXISTS foto_keterangan text NOT NULL DEFAULT '',\n * ADD COLUMN IF NOT EXISTS jumlah_hadir integer NOT NULL DEFAULT 0,\n * ADD COLUMN IF NOT EXISTS jumlah_tidak_hadir integer NOT NULL DEFAULT 0,\n * ADD COLUMN IF NOT EXISTS kegiatan_khusus boolean NOT NULL DEFAULT false;\n *\n * kegiatan_khusus: menandai baris jurnal sebagai \"Kegiatan Sekolah / Non-KBM\"\n * (mis. Lomba 17 Agustus, Peringatan Maulid Nabi, dsb) -- bukan jurnal\n * mengajar biasa. Untuk baris seperti ini, guru cukup mengisi tanggal +\n * nama kegiatan lewat checklist di form; kolom jadwal/TP/kegiatan\n * pembelajaran KBM tidak wajib diisi (lihat handleJurnalCreate/Update).\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\", \"jumlah_hadir\", dan \"jumlah_tidak_hadir\" di\n * jurnal SELALU sinkron dengan data Absensi Harian (tidak diisi manual oleh\n * guru) dan tidak bisa berbeda dari catatan absensi yang sebenarnya.\n */\nasync function getRingkasanKehadiran(\n kelas: string,\n tanggal: string,\n): Promise<\n { siswaTidakMasuk: string; jumlahHadir: number; jumlahTidakHadir: number }\n> {\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) {\n return { siswaTidakMasuk: \"\", jumlahHadir: 0, jumlahTidakHadir: 0 };\n }\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 const tidakHadirList = (siswaList as any[])\n .filter((s) => map[s.id] && map[s.id] !== \"Hadir\");\n const jumlahTidakHadir = tidakHadirList.length;\n const jumlahHadir = (siswaList as any[]).length - jumlahTidakHadir;\n const siswaTidakMasuk = tidakHadirList\n .map((s) => `${s.nama} (${map[s.id]})`)\n .join(\", \");\n return { siswaTidakMasuk, jumlahHadir, jumlahTidakHadir };\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 const kegiatanKhusus = !!b.kegiatan_khusus;\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 // Kegiatan Sekolah / Non-KBM (mis. Lomba 17 Agustus, Maulid Nabi, dsb):\n // guru hanya wajib mengisi tanggal + nama kegiatan, field lain (jadwal,\n // TP, kegiatan pembelajaran, dst) sengaja diabaikan meski terkirim.\n if (kegiatanKhusus && !b.kegiatan) {\n return json({\n success: false,\n message: \"Nama kegiatan wajib diisi untuk Kegiatan Sekolah / Non-KBM.\",\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 ringkasan = kegiatanKhusus\n ? { siswaTidakMasuk: \"\", jumlahHadir: 0, jumlahTidakHadir: 0 }\n : await getRingkasanKehadiran(b.kelas, b.tanggal);\n const { error } = await supabase.from(\"jurnal_guru\").insert({\n tanggal: b.tanggal,\n jam_ke: kegiatanKhusus ? \"\" : (b.jam_ke || \"\"),\n pertemuan_ke: kegiatanKhusus ? \"\" : (b.pertemuan_ke || \"\"),\n mapel: b.mapel,\n kelas: b.kelas,\n materi_tp: kegiatanKhusus ? \"\" : (b.materi_tp || \"\"),\n kegiatan: b.kegiatan || \"\",\n siswa_tidak_masuk: ringkasan.siswaTidakMasuk,\n jumlah_hadir: ringkasan.jumlahHadir,\n jumlah_tidak_hadir: ringkasan.jumlahTidakHadir,\n catatan_kelas: kegiatanKhusus ? (b.kegiatan || \"\") : (b.catatan_kelas || \"\"),\n hambatan_solusi: kegiatanKhusus ? \"\" : (b.hambatan_solusi || \"\"),\n foto_keterangan: b.foto_keterangan || \"\",\n kegiatan_khusus: kegiatanKhusus,\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 const kegiatanKhusus = !!b.kegiatan_khusus;\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 if (kegiatanKhusus && !b.kegiatan) {\n return json({\n success: false,\n message: \"Nama kegiatan wajib diisi untuk Kegiatan Sekolah / Non-KBM.\",\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 ringkasan = kegiatanKhusus\n ? { siswaTidakMasuk: \"\", jumlahHadir: 0, jumlahTidakHadir: 0 }\n : await getRingkasanKehadiran(b.kelas, b.tanggal);\n const { error } = await supabase.from(\"jurnal_guru\").update({\n tanggal: b.tanggal,\n jam_ke: kegiatanKhusus ? \"\" : (b.jam_ke || \"\"),\n pertemuan_ke: kegiatanKhusus ? \"\" : (b.pertemuan_ke || \"\"),\n mapel: b.mapel,\n kelas: b.kelas,\n materi_tp: kegiatanKhusus ? \"\" : (b.materi_tp || \"\"),\n kegiatan: b.kegiatan || \"\",\n siswa_tidak_masuk: ringkasan.siswaTidakMasuk,\n jumlah_hadir: ringkasan.jumlahHadir,\n jumlah_tidak_hadir: ringkasan.jumlahTidakHadir,\n catatan_kelas: kegiatanKhusus ? (b.kegiatan || \"\") : (b.catatan_kelas || \"\"),\n hambatan_solusi: kegiatanKhusus ? \"\" : (b.hambatan_solusi || \"\"),\n foto_keterangan: b.foto_keterangan || \"\",\n kegiatan_khusus: kegiatanKhusus,\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}",[],[256,611],"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}",[],[256,619],"6b6b19b7-e1fb-4c67-900c-10043e22ca8a","02626c5e-7dba-11f1-a0ea-1607ee4eb77e",590,["D",1784346094684],"/**\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}",[],[256,355],"143f4952-5a4a-4a92-9efa-05a3ff2995c4","belajarOnline.ts","2cb3770e-a5d9-11f1-b231-1607ee4eb77e",775,["D",1788248781846],"/**\n * routes/belajarOnline.ts\n * Fitur \"Belajar Online\": guru membuat materi (judul, tujuan, pengertian,\n * kartu ringkasan, rincian, dan kuis pilihan ganda), lalu membagikan link\n * publiknya ke siswa. Siapa saja yang membuka link tsb (TANPA login) akan\n * langsung melihat materi + kuis — lihat handleBelajarPublic() dan\n * views/belajarPublic.ts.\n *\n * ⚠️ MIGRASI DB WAJIB (sekali saja, jalankan di Supabase SQL Editor):\n *\n * create table if not exists materi_belajar (\n * id bigserial primary key,\n * user_id bigint not null references users(id) on delete cascade,\n * judul text not null,\n * slug text not null unique,\n * konten jsonb not null,\n * published boolean not null default true,\n * dibuat_pada timestamptz not null default now(),\n * diperbarui_pada timestamptz not null default now()\n * );\n * create index if not exists idx_materi_belajar_user on materi_belajar(user_id);\n * create index if not exists idx_materi_belajar_slug on materi_belajar(slug);\n */\n\nimport { supabase } from \"../db.ts\";\nimport { json, must } from \"../utils.ts\";\nimport type { BelajarMateri } from \"../views/belajarPublic.ts\";\n\nfunction slugify(s: string): string {\n const base = String(s || \"\")\n .toLowerCase()\n .trim()\n .replace(/[^a-z0-9]+/g, \"-\")\n .replace(/(^-+|-+$)/g, \"\");\n return base || \"materi\";\n}\n\nfunction randomSuffix(): string {\n return Math.random().toString(36).slice(2, 8);\n}\n\nfunction kontenKosong() {\n return {\n hero: { judul: \"\", subjudul: \"\" },\n tujuan: \"\",\n pengertian: \"\",\n macam: [],\n daerah: [],\n kuis: [],\n };\n}\n\n/** Daftar materi milik guru yang sedang login (untuk halaman kelola). */\nexport async function handleBelajarGet(userId: number): Promise {\n const data = must(\n await supabase\n .from(\"materi_belajar\")\n .select(\"id,judul,slug,published,dibuat_pada\")\n .eq(\"user_id\", userId)\n .order(\"dibuat_pada\", { ascending: false }),\n );\n return json({ success: true, data });\n}\n\n/** Detail 1 materi (untuk dibuka di editor), hanya bila milik guru tsb. */\nexport async function handleBelajarDetail(\n id: number,\n userId: number,\n): Promise {\n const rows = must(\n await supabase.from(\"materi_belajar\").select(\"*\").eq(\"id\", id).eq(\n \"user_id\",\n userId,\n ),\n );\n if (!rows.length) {\n return json({ success: false, message: \"Materi tidak ditemukan.\" }, 404);\n }\n return json({ success: true, data: rows[0] });\n}\n\nexport async function handleBelajarCreate(\n req: Request,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const judul = String(b.judul || \"\").trim();\n if (!judul) {\n return json({ success: false, message: \"Judul materi wajib diisi.\" }, 400);\n }\n const konten = b.konten && typeof b.konten === \"object\"\n ? b.konten\n : kontenKosong();\n const published = b.published !== false;\n\n let lastError: any = null;\n for (let i = 0; i < 5; i++) {\n const slug = i === 0\n ? slugify(judul)\n : `${slugify(judul)}-${randomSuffix()}`;\n const { data, error } = await supabase\n .from(\"materi_belajar\")\n .insert({ user_id: userId, judul, slug, konten, published })\n .select()\n .single();\n if (!error) {\n return json({ success: true, message: \"Materi berhasil dibuat.\", data });\n }\n lastError = error;\n // 23505 = unique_violation (slug bentrok) -> coba lagi dengan sufiks acak\n if (error.code !== \"23505\") break;\n }\n return json({\n success: false,\n message: \"Gagal membuat materi: \" + (lastError?.message || \"tidak diketahui\"),\n }, 500);\n}\n\nexport async function handleBelajarUpdate(\n req: Request,\n id: number,\n userId: number,\n): Promise {\n const b = await req.json().catch(() => ({}));\n const judul = String(b.judul || \"\").trim();\n if (!judul) {\n return json({ success: false, message: \"Judul materi wajib diisi.\" }, 400);\n }\n const existing = must(\n await supabase.from(\"materi_belajar\").select(\"id\").eq(\"id\", id).eq(\n \"user_id\",\n userId,\n ),\n );\n if (!existing.length) {\n return json({ success: false, message: \"Materi tidak ditemukan.\" }, 404);\n }\n const konten = b.konten && typeof b.konten === \"object\"\n ? b.konten\n : kontenKosong();\n const published = b.published !== false;\n const { error } = await supabase.from(\"materi_belajar\").update({\n judul,\n konten,\n published,\n diperbarui_pada: new Date().toISOString(),\n }).eq(\"id\", id);\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Materi berhasil diperbarui.\" });\n}\n\nexport async function handleBelajarDelete(\n id: number,\n userId: number,\n): Promise {\n const existing = must(\n await supabase.from(\"materi_belajar\").select(\"id\").eq(\"id\", id).eq(\n \"user_id\",\n userId,\n ),\n );\n if (!existing.length) {\n return json({ success: false, message: \"Materi tidak ditemukan.\" }, 404);\n }\n const { error } = await supabase.from(\"materi_belajar\").delete().eq(\n \"id\",\n id,\n );\n if (error) return json({ success: false, message: error.message }, 500);\n return json({ success: true, message: \"Materi berhasil dihapus.\" });\n}\n\n/** Dipakai oleh http.ts untuk merender halaman publik \"/belajar/:slug\". */\nexport async function getMateriPublicBySlug(\n slug: string,\n): Promise {\n const rows = must(\n await supabase.from(\"materi_belajar\").select(\"judul,konten,published\")\n .eq(\"slug\", slug).eq(\"published\", true).limit(1),\n );\n if (!rows.length) return null;\n const row = rows[0] as any;\n return { judul: row.judul, konten: row.konten };\n}",[],[256,775],"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}",[],[256,655],["D",1783837245210],[272,273,274,275,276,277,278,279,280,281,282,283,284,285,286],[256],["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,"_128":830,"_831":832,"_833":834,"_835":25,"_836":25,"_837":25,"_838":60,"_839":-5,"_840":-7,"_841":-7,"_842":64,"_843":25,"_844":25,"_845":-5,"_846":25,"_847":25,"_848":25,"_849":-5},"ENV",{"_801":802,"_803":804,"_805":91,"_806":807,"_808":809,"_810":811,"_812":813,"_814":815,"_816":817,"_818":819,"_820":821,"_822":823,"_824":825,"_826":827,"_828":829},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

\\${x(m.judul)}

Administrasi Kelas & Guru

Menu Navigasi

Edit Profil

${esc(m.judul)}

${esc(d.motif)}

Macam-macam

Rincian Materi

Uji Pemahamanmu

${esc(data.hero.judul || materi.judul)}

Penjelasan Singkat

Materi tidak ditemukan

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

Tambah ke Nilai Harian (Banyak Siswa)

Tambah ke Nilai Harian

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

Belajar Online

Materi Baru

Contoh siap pakai

Beranda

Tujuan pembelajaran

Pengertian / penjelasan singkat

Kartu ringkasan (opsional)

Rincian materi (opsional)

Soal kuis pilihan ganda

Absensi Harian

STRUKTUR ORGANISASI

KELAS '+x(STRUKTUR_KELAS)+'

DATA SISWA DAN ORANG TUA / WALI MURID

\\${x(s.nama)}

DAFTAR NILAI SEMESTER

JURNAL PEMBELAJARAN PRIBADI

JADWAL PELAJARAN KELAS

'+title+'

Kelas '+x(g.kelas)+'

REKAP ABSENSI BULANAN

Diff · v786