{ if (targetTahun !== 'all' && targetTahun) { let kYear = k.tahun; if (!kYear && k.tanggal_arsip) { kYear = k.tanggal_arsip.substring(0, 4); } if (!kYear && k.created_at) { kYear = k.created_at.substring(0, 4); } if (String(kYear) !== String(targetTahun)) return false; } if (targetBulan !== 'all' && targetBulan) { const mTarget = parseInt(targetBulan, 10); let matched = false; const tStart = k.tanggal_arsip ? k.tanggal_arsip.substring(0, 10) : null; const tEnd = k.tanggal_selesai ? k.tanggal_selesai.substring(0, 10) : null; const cDate = k.created_at ? k.created_at.substring(0, 10) : null; if (tStart) { const mStart = parseInt(tStart.substring(5, 7), 10); const yStart = tStart.substring(0, 4); if (tEnd) { const mEnd = parseInt(tEnd.substring(5, 7), 10); const yEnd = tEnd.substring(0, 4); if (targetTahun === 'all' || yStart === String(targetTahun) || yEnd === String(targetTahun)) { if (mStart <= mTarget && mTarget <= mEnd) matched = true; } } else { if (mStart === mTarget) matched = true; } } else if (cDate) { const mCreated = parseInt(cDate.substring(5, 7), 10); if (mCreated === mTarget) matched = true; } if (!matched) return false; } return true; }); // Grand Total Stats const totalKeg = filtered.length; const lengkap = filtered.filter(k => k.is_complete).length; const belum = filtered.filter(k => !k.is_complete).length; const totalDocs = filtered.reduce((acc, k) => acc + (Number(k.total_docs) || 0), 0); const persen = totalKeg > 0 ? Math.min(100, Math.round((lengkap / totalKeg) * 100)) : 0; this.monStats = { total_kegiatan: totalKeg, kegiatan_lengkap: lengkap, kegiatan_belum_lengkap: belum, total_berkas: totalDocs, persentase: persen }; // Bidang Breakdown this.monBidangs = (this.officialBidangs || []).map((bName, idx) => { const bKegs = filtered.filter(k => (k.bidang_nama || k.bidang) === bName); const bTot = bKegs.length; const bLen = bKegs.filter(k => k.is_complete).length; const bBel = bKegs.filter(k => !k.is_complete).length; const bDoc = bKegs.reduce((acc, k) => acc + (Number(k.total_docs) || 0), 0); const bPct = bTot > 0 ? Math.min(100, Math.round((bLen / bTot) * 100)) : 0; return { no: idx + 1, nama_bidang: bName, total_kegiatan: bTot, kegiatan_lengkap: bLen, kegiatan_belum_lengkap: bBel, total_berkas: bDoc, persentase: bPct, status_label: bTot === 0 ? 'Belum Ada' : (bBel === 0 ? 'Lengkap (100%)' : 'Belum Lengkap'), status_class: bTot === 0 ? 'bg-gray-100 text-gray-500 border-gray-200' : (bBel === 0 ? 'bg-emerald-50 text-emerald-800 border-emerald-200' : 'bg-amber-50 text-amber-800 border-amber-200') }; }); // Update URL query parameters if (window.history && window.history.replaceState) { const u = new URL(window.location); if (targetTahun && targetTahun !== 'all') { u.searchParams.set('mon_tahun', targetTahun); } else { u.searchParams.delete('mon_tahun'); } if (targetBulan && targetBulan !== 'all') { u.searchParams.set('mon_bulan', targetBulan); } else { u.searchParams.delete('mon_bulan'); } if (this.monPeriodeMode !== 'all') { u.searchParams.set('mon_periode', this.monPeriodeMode); } else { u.searchParams.delete('mon_periode'); } window.history.replaceState({}, document.title, u.pathname + (u.searchParams.toString() ? '?' + u.searchParams.toString() : '') + (u.hash || '')); } this.refreshTable(); }, filterMonitoring(bidang, status) { this.selectedBidang = bidang || ''; this.selectedStatus = status || ''; if (this.monTahun && this.monTahun !== 'all') { this.selectedTahun = this.monTahun; } if (this.monBulan && this.monBulan !== 'all') { this.monFilterMonthActive = true; } this.activeTab = 'arsip'; this.currentPage = 1; this.$nextTick(() => { this.refreshTable(); document.getElementById('direktori-arsip')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }, resetAllFilters() { if (this.hasServerFilter) { window.location.href = 'https://www.bingen.id/simaprabu?tab=arsip#direktori-arsip'; return; } this.selectedKat = ''; this.selectedSubKat = ''; this.selectedTahun = ''; this.selectedJenis = ''; this.selectedBidang = ''; this.selectedStatus = ''; this.searchQuery = ''; this.sortBy = 'terbaru'; this.currentPage = 1; this.monFilterMonthActive = false; if (window.history && window.history.replaceState) { const u = new URL(window.location); u.searchParams.delete('q'); u.searchParams.delete('kategori'); u.searchParams.delete('sub_kategori'); u.searchParams.delete('jenis_dokumen'); u.searchParams.delete('tahun'); u.searchParams.delete('tanggal'); u.searchParams.delete('bidang'); u.searchParams.delete('status_kegiatan'); window.history.replaceState({}, document.title, u.pathname + u.hash); } this.refreshTable(); }, selectKategori(kat) { if (this.hasServerFilter) { if (!kat) { window.location.href = 'https://www.bingen.id/simaprabu?tab=arsip#direktori-arsip'; } else { window.location.href = 'https://www.bingen.id/simaprabu?kategori=' + encodeURIComponent(kat) + '&tab=arsip#direktori-arsip'; } return; } this.selectedKat = kat; this.selectedSubKat = ''; this.searchQuery = ''; this.currentPage = 1; if (window.history && window.history.replaceState) { const u = new URL(window.location); u.searchParams.delete('q'); if (kat) { u.searchParams.set('kategori', kat); } else { u.searchParams.delete('kategori'); } window.history.replaceState({}, document.title, u.pathname + u.hash); } this.refreshTable(); }, init() { window._simaAppState = this; this.refreshTable(); this.$watch('selectedKat', (newVal) => { if (newVal && this.selectedSubKat) { const allowed = (this.subKategoriMap[newVal] || []); if (!allowed.includes(this.selectedSubKat)) { this.selectedSubKat = ''; } } this.currentPage = 1; this.refreshTable(); }); this.$watch('selectedBidang', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('selectedSubKat', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('selectedTahun', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('selectedJenis', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('selectedStatus', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('searchQuery', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('sortBy', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('perPage', () => { this.currentPage = 1; this.refreshTable(); }); this.$watch('currentPage', () => { this.refreshTable(); }); if (window.location.hash) { this.$nextTick(() => { const el = document.querySelector(window.location.hash); if (el) setTimeout(() => el.scrollIntoView({ behavior: 'smooth', block: 'start' }), 150); }); } }, refreshTable() { this.$nextTick(() => { if (window.updateSimaArsipTable) window.updateSimaArsipTable(this); }); } }">