67e5ceb254f4f651c2b9a8f01463c7b5c74888b3
New Component - RealisasiManager: - Add modal form for create/edit realisasi - Input fields: Jumlah (Rp), Tanggal, Keterangan/Uraian - Display list of existing realisasi with edit/delete actions - Summary cards showing: Anggaran, Total Realisasi, Sisa Anggaran, Persentase - Color-coded percentage badges (teal ≥100%, blue ≥80%, yellow ≥60%, red <60%) - Auto-reload data after create/update/delete operations Features: - Multiple realisasi per APBDes item - Each realisasi has its own description (uraian) - Date picker for realisasi tanggal - Format currency in IDR (Rupiah) - Responsive table layout - Empty state when no realisasi exists Integration: - Integrated with existing state.realisasi CRUD functions - Auto-calculate totalRealisasi and persentase (handled by backend) - Display realisasi items from API response - Works with existing APBDes detail page UI/UX: - Clean modal design with form validation - Summary cards with color-coded backgrounds - Icon indicators for date and currency - Confirmation dialog before delete - Loading states during async operations Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Failed to Generate README
Description
Languages
TypeScript
99.4%
HTML
0.4%