`); w.document.close();w.focus();setTimeout(()=>w.print(),300)} $('bPrint').onclick=()=>{if(valid())printDoc(formData())}; function printOne(id){if(!admin)return;printDoc(data.find(x=>x.id===id))}function chart(){ if(EMB)parent.postMessage({rhTop:true},'*'); const c=counts();$('mSub').textContent=`Total ${c.t} laporan · ${c.s} sudah tertangani (${c.p}%) · ${c.b} belum tertangani`; const R=70,C=2*Math.PI*R,g=c.t?c.s/c.t*C:0; $('donut').innerHTML=``; const by={};data.forEach(d=>{by[d.alasan]=by[d.alasan]||{s:0,b:0};by[d.alasan][d.status==='Sudah Tertangani'?'s':'b']++}); const mx=Math.max(1,...Object.values(by).map(v=>v.s+v.b)); $('bars').innerHTML=Object.entries(by).map(([k,v])=>``).join('')||'

Belum ada data.

'; $('m').classList.add('show');setTimeout(()=>{const a=$('arc');if(a)a.style.strokeDasharray=g+' '+C;$('bars').querySelectorAll('[data-w]').forEach(e=>e.style.width=e.dataset.w+'%')},80)} ['bChart','heroChart','qChart'].forEach(i=>$(i).addEventListener('click',e=>{e.preventDefault();chart()})); $('mx').onclick=()=>$('m').classList.remove('show'); $('m').addEventListener('click',e=>{if(e.target.id==='m')$('m').classList.remove('show')}); document.querySelectorAll('[data-f]').forEach(a=>a.addEventListener('click',()=>{$('fs').value=a.dataset.f;render()})); $('q').oninput=render;$('fs').onchange=render; document.querySelectorAll('#rh a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{const t=$(a.getAttribute('href').slice(1));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth'})}})); const EMB=window.parent!==window; if(EMB){$('rh').classList.add('embed');const sh=()=>parent.postMessage({rhHeight:Math.ceil($('rh').getBoundingClientRect().height)},'*');new ResizeObserver(sh).observe($('rh'));window.addEventListener('load',sh);sh()} if(!EMB){fit();addEventListener('resize',fit);addEventListener('load',()=>{fit();setTimeout(fit,400)})} $('tb').addEventListener('click',e=>{const b=e.target.closest('button[data-a]');if(!b||!admin)return;const f={t:toggle,m:mail,p:printOne,d:del}[b.dataset.a];if(f)f(Number(b.dataset.id))}); async function sha(t){const b=await crypto.subtle.digest('SHA-256',new TextEncoder().encode('rh:'+t));return[...new Uint8Array(b)].map(x=>x.toString(16).padStart(2,'0')).join('')} function setAdmin(v){admin=v;$('bAdmin').textContent=v?'🔓 Keluar Mode Petugas':'🔒 Mode Petugas';clearTimeout(idle);if(v)idle=setTimeout(()=>{setAdmin(false);toast('Mode Petugas terkunci otomatis')},600000);render()} async function login(){if(Date.now()=5){lockUntil=Date.now()+60000;fails=0}toast('PIN salah')}} $('bAdmin').onclick=()=>{if(admin){setAdmin(false);return}if(EMB)parent.postMessage({rhTop:true},'*');$('pm').classList.add('show');$('pin').focus()}; $('pgo').onclick=login;$('pin').addEventListener('keydown',e=>{if(e.key==='Enter')login()}); $('px').onclick=()=>$('pm').classList.remove('show'); $('pm').addEventListener('click',e=>{if(e.target.id==='pm')$('pm').classList.remove('show')}); $('tgl').max=new Date().toISOString().slice(0,10); function rvInit(){const R=$('rh'); if(RM||!('IntersectionObserver' in window)){R.querySelectorAll('.stats b').forEach(b=>b.dataset.seen=1);return} const els=[...R.querySelectorAll('.quick a,.eyebrow,h2,.sub,.card,.stat,.tools')].filter(e=>!e.closest('.modal')); const io=new IntersectionObserver(es=>es.forEach(x=>{if(!x.isIntersecting)return;const t=x.target;t.classList.add('in');io.unobserve(t);setTimeout(()=>t.classList.remove('rv','in','l','z'),1000+(parseFloat(t.style.getPropertyValue('--d'))||0)*1000)}),{threshold:.12,rootMargin:'0px 0px -6% 0px'}); els.forEach(e=>{e.classList.add('rv');if(e.matches('.quick a'))e.classList.add('z');if(e.matches('.eyebrow,h2'))e.classList.add('l');if(e.matches('.quick a,.stat'))e.style.setProperty('--d',[...e.parentNode.children].indexOf(e)*.08+'s');io.observe(e)}); const sio=new IntersectionObserver(es=>es.forEach(x=>{if(!x.isIntersecting)return;sio.unobserve(x.target);x.target.querySelectorAll('b').forEach(b=>{b.dataset.seen=1;b.textContent='0'+(b.dataset.s||'');anim(b,+b.dataset.v||0,b.dataset.s||'')})}),{threshold:.3}); sio.observe(R.querySelector('.stats'))} function fit(){const r=$('rh');r.style.maxWidth='none';r.style.marginLeft='0px';r.style.width=document.documentElement.clientWidth+'px';r.style.marginLeft=(-r.getBoundingClientRect().left)+'px'} rvInit(); render();