# Status Fitur Frontend — Event Platform

**Last Updated:** 16 August 2026

---

## Keterangan Status

| Status | Keterangan |
|--------|-----------|
| ✅ **PRODUCTION** | Sudah beres, tested, dan deployed ke production |
| 🔧 **DEVELOPMENT** | Baru di branch dev, belum di-deploy ke production |
| ⏳ **PLANNED** | Belum dikerjain, baru dalam perencanaan |

---

## Halaman & Status

### 1. Login Page

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Email + password form | ✅ PRODUCTION | Form login dengan validasi |
| Show/hide password | ✅ PRODUCTION | Toggle visibility |
| Auto-redirect jika sudah login | ✅ PRODUCTION | Redirect ke /dashboard |
| Error handling | ✅ PRODUCTION | Inline error message |
| Branded layout | ✅ PRODUCTION | Split-screen (logo + form) |
| Loading spinner | ✅ PRODUCTION | Loading saat submit |

### 2. Dashboard Home

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Welcome message | ✅ PRODUCTION | Tampilkan nama user |
| Summary stat cards | ✅ PRODUCTION | Total groups, events, participants, check-ins |
| Recent event groups table | ✅ PRODUCTION | Tabel event groups terbaru |
| Dashboard sidebar | ✅ PRODUCTION | Ringkasan check-in/out |
| Create event group button | ✅ PRODUCTION | Modal buat grup baru |

### 3. Event Groups List

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Stat card | ✅ PRODUCTION | Total event groups |
| Searchable table | ✅ PRODUCTION | Cari nama grup |
| Create event group | ✅ PRODUCTION | Modal form |
| Delete event group | ✅ PRODUCTION | Konfirmasi dialog |
| Send email to group | ✅ PRODUCTION | Kirim email ke semua peserta |
| Pagination | ✅ PRODUCTION | Navigasi halaman |

### 4. Workspace Overview

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Back navigation | ✅ PRODUCTION | Kembali ke daftar grup |
| Edit event group name | ✅ PRODUCTION | Modal edit nama |
| Summary cards | ✅ PRODUCTION | Sub-events, registrations, attendances |
| Quick actions | ✅ PRODUCTION | Link cepat ke fitur |
| Attendance chart | ✅ PRODUCTION | Grafik kehadiran |
| Email settings | ✅ PRODUCTION | Subject, body, toggles |
| Test email | ✅ PRODUCTION | Kirim test email |
| Email preview | ✅ PRODUCTION | Pratinjau template |

### 5. Events Management

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Stat card | ✅ PRODUCTION | Total events |
| Sortable table | ✅ PRODUCTION | Sort by name, start, end time |
| Search/filter | ✅ PRODUCTION | Cari event |
| Check-in/out counts | ✅ PRODUCTION | Jumlah kehadiran per event |
| Create event | ✅ PRODUCTION | Modal form |
| Edit event | ✅ PRODUCTION | Modal form |
| Delete event | ✅ PRODUCTION | Konfirmasi dialog |
| Pagination | ✅ PRODUCTION | Navigasi halaman |

### 6. Registration Management

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Summary cards | ✅ PRODUCTION | Total, present, not yet present |
| Sortable table | ✅ PRODUCTION | Sort by various fields |
| Search | ✅ PRODUCTION | Cari nama/email |
| Filter by type | ✅ PRODUCTION | Filter participation & membership type |
| Add participant | ✅ PRODUCTION | Tambah peserta ke grup |
| Bulk actions | ✅ PRODUCTION | Email, check-in/out, edit, delete |
| Inline edit | ✅ PRODUCTION | Edit tipe langsung di tabel |
| Detail modal | ✅ PRODUCTION | Info lengkap + riwayat |
| Send single email | ✅ PRODUCTION | Kirim tiket email |
| Manual check-in/out | ✅ PRODUCTION | Pilih event + aksi |
| Pagination | ✅ PRODUCTION | Navigasi halaman |

### 7. QR Code Scanner

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Multi-step workflow | ✅ PRODUCTION | Pilih event → aksi → metode |
| Camera mode | ✅ PRODUCTION | Scan via kamera |
| Physical scanner mode | ✅ PRODUCTION | Input USB/HID |
| Status overlay | ✅ PRODUCTION | Animasi loading/sukses/error |
| Event selection | ✅ PRODUCTION | Pilih event + sesi |
| Camera error handling | ✅ PRODUCTION | Permission, not found, in use |

### 8. Participant Management

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Stat card | ✅ PRODUCTION | Total master participants |
| Searchable table | ✅ PRODUCTION | Cari nama/email |
| Filter by membership | ✅ PRODUCTION | Filter tipe keanggotaan |
| Create participant | ✅ PRODUCTION | Modal form |
| Edit participant | ✅ PRODUCTION | Modal form |
| Detail modal | ✅ PRODUCTION | Info + riwayat event |
| Import Excel | ✅ PRODUCTION | Upload .xlsx |
| Inline edit | ✅ PRODUCTION | Edit tipe langsung di tabel |
| Bulk actions | ✅ PRODUCTION | Add to group, edit, delete |
| Pagination | ✅ PRODUCTION | Navigasi halaman |

### 9. Settings

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Tabbed interface | ✅ PRODUCTION | Account + App Preferences |
| Profile management | ✅ PRODUCTION | Edit nama, password |

### 10. Membership Types

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| CRUD table | ✅ PRODUCTION | Tabel dengan tambah/ubah/hapus |
| Create/edit dialog | ✅ PRODUCTION | Form nama, slug, urutan |
| Delete safety check | ✅ PRODUCTION | Tidak bisa hapus jika masih dipakai |
| Move-delete flow | ✅ PRODUCTION | Pindah data sebelum hapus |
| Bulk move | ✅ PRODUCTION | Pindah banyak data sekaligus |

### 11. Participation Types

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| CRUD table | ✅ PRODUCTION | Tabel dengan tambah/ubah/hapus |
| Create/edit dialog | ✅ PRODUCTION | Form nama, slug, urutan |
| Delete safety check | ✅ PRODUCTION | Tidak bisa hapus jika masih dipakai |
| Move-delete flow | ✅ PRODUCTION | Pindah data sebelum hapus |
| Bulk move | ✅ PRODUCTION | Pindah banyak data sekaligus |

### 12. Email Log (Global)

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Auto-refresh | ✅ PRODUCTION | Refresh setiap 5 detik |
| Type filter | ✅ PRODUCTION | All, Test, Bulk, Single |
| Summary stats | ✅ PRODUCTION | Statistik email |
| Batch cards | ✅ PRODUCTION | Kartu email batch |
| Manual refresh | ✅ PRODUCTION | Tombol refresh |

### 13. Email Log (Workspace)

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Scoped to event group | ✅ PRODUCTION | Hanya log grup ini |
| Auto-refresh | ✅ PRODUCTION | Refresh setiap 5 detik |
| Summary stats | ✅ PRODUCTION | Statistik email |
| Batch cards | ✅ PRODUCTION | Kartu email batch |
| Manual refresh | ✅ PRODUCTION | Tombol refresh |

### 14. User Management

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| SUPER_ADMIN only | ✅ PRODUCTION | Hanya super admin |
| User table | ✅ PRODUCTION | Tabel user |
| Search | ✅ PRODUCTION | Cari nama/email |
| Add user | ✅ PRODUCTION | Modal form |
| Delete user | ✅ PRODUCTION | Konfirmasi dialog |

### 15. Testing Center

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Summary stats | ✅ PRODUCTION | Statistik data |
| System health check | ✅ PRODUCTION | Cek API, DB, auth |
| Test email | ✅ PRODUCTION | Kirim test email |
| Bulk create test data | ✅ PRODUCTION | Generate test participants |
| Reset test data | ✅ PRODUCTION | Hapus test data |

### 16. Export/Reports

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Event selection | ✅ PRODUCTION | Pilih event |
| Preview table | ✅ PRODUCTION | Preview 5 baris |
| Export to Excel | ✅ PRODUCTION | Download .xlsx |
| Metadata display | ✅ PRODUCTION | Info grup, event, timestamp |

### 17. Sessions Management

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Session table | ✅ PRODUCTION | Tabel sesi |
| Add session | ✅ PRODUCTION | Modal form |
| Delete session | ✅ PRODUCTION | Konfirmasi dialog |
| Pagination | ✅ PRODUCTION | Navigasi halaman |

### 18. Participation Types (Workspace)

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| SUPER_ADMIN only | ✅ PRODUCTION | Hanya super admin |
| Assigned types table | ✅ PRODUCTION | Tabel tipe terdaftar |
| Add type | ✅ PRODUCTION | Dialog pilih tipe |
| Toggle active/inactive | ✅ PRODUCTION | Aktif/nonaktifkan |
| Remove assignment | ✅ PRODUCTION | Hapus tipe dari grup |

---

## Komponen UI

| Komponen | Status | Keterangan |
|----------|--------|-----------|
| shadcn/ui base components | ✅ PRODUCTION | Button, Input, Dialog, dll |
| GlassCard | ✅ PRODUCTION | Card transparan |
| StatCard | ✅ PRODUCTION | Kartu statistik |
| TableCard | ✅ PRODUCTION | Card berisi tabel |
| ContentCard | ✅ PRODUCTION | Card konten umum |
| AccentCard | ✅ PRODUCTION | Card dengan accent color |
| ScanCard | ✅ PRODUCTION | Card untuk scanner |
| PageHeader | ✅ PRODUCTION | Header halaman |
| StatGrid | ✅ PRODUCTION | Grid statistik |
| BulkActionBar | ✅ PRODUCTION | Aksi massal |
| Sidebar | ✅ PRODUCTION | Navigasi samping |
| Mobile bottom navbar | ✅ PRODUCTION | Navigasi mobile |
| Page transitions | ✅ PRODUCTION | Framer Motion animation |

---

## Fitur yang Belum Dikerjain

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| Dark mode toggle | ⏳ PLANNED | User bisa pilih theme |
| Multi-language | ⏳ PLANNED | i18n support |
| Push notifications | ⏳ PLANNED | Browser notifications |
| PWA support | ⏳ PLANNED | Install as app |
| Offline mode | ⏳ PLANNED | Cache data offline |
| Print tiket | ⏳ PLANNAN | Cetak tiket fisik |
| Export to PDF | ⏳ PLANNED | Export tiket/undangan |
| Calendar view | ⏳ PLANNED | View acara dalam kalender |
| Drag & drop | ⏳ PLANNED | Drag untuk reorder |
| Keyboard shortcuts | ⏳ PLANNED | Shortcut navigasi |
| Advanced search | ⏳ PLANNED | Search dengan filter kompleks |
| Data visualization | ⏳ PLANNED | Chart lebih banyak |
| Audit trail | ⏳ PLANNED | Log semua perubahan |
| Real-time updates | ⏳ PLANNED | WebSocket/SSE |
| Two-factor auth UI | ⏳ PLANNED | UI untuk 2FA |

---

## Integrasi API

| Module | Status | Keterangan |
|--------|--------|-----------|
| Auth | ✅ PRODUCTION | Login, session |
| Profile | ✅ PRODUCTION | Get/update profile |
| Event Groups | ✅ PRODUCTION | CRUD |
| Events | ✅ PRODUCTION | CRUD |
| Sessions | ✅ PRODUCTION | CRUD |
| Participants | ✅ PRODUCTION | CRUD + import |
| Registrations | ✅ PRODUCTION | CRUD + bulk |
| Attendances | ✅ PRODUCTION | Scan + manual + bulk |
| Membership Types | ✅ PRODUCTION | CRUD + move |
| Participation Types | ✅ PRODUCTION | CRUD + move |
| Event Group PT | ✅ PRODUCTION | Assign/unassign |
| Analytics | ✅ PRODUCTION | Dashboard stats |
| Email Batches | ✅ PRODUCTION | Log + detail |
| Email Jobs | ✅ PRODUCTION | Log + detail |
| Test | ✅ PRODUCTION | Test email |
| Users | ✅ PRODUCTION | CRUD (super admin) |

---

## Special Features

| Fitur | Status | Keterangan |
|-------|--------|-----------|
| QR Code Camera | ✅ PRODUCTION | html5-qrcode library |
| Physical Scanner | ✅ PRODUCTION | USB/HID keyboard-wedge |
| Inline Editing | ✅ PRODUCTION | Edit tanpa modal |
| Mobile Responsive | ✅ PRODUCTION | Bottom navbar, adaptive layout |
| Page Transitions | ✅ PRODUCTION | Framer Motion animation |
| Real-time Email Log | ✅ PRODUCTION | Auto-refresh 5 detik |
| Move-before-delete | ✅ PRODUCTION | Pindah sebelum hapus |
| Smart Excel Parsing | ✅ PRODUCTION | Flexible column matching |
| Role-based UI | ✅ PRODUCTION | Menu/aksi berdasarkan role |
| System Health Check | ✅ PRODUCTION | Cek API, DB, auth |

---

## Catatan

1. **Dev Tools** (Cascade Delete) hanya muncul jika `isDev = true`
2. **Role-based navigation** berbeda untuk SUPER_ADMIN, EVENT_ADMIN, OPERATOR
3. **Workspace mode** mendeteksi route `/dashboard/event-group/[id]/...`
4. **Mobile responsive** dengan bottom navbar dan sheet menu
5. **Light mode** dipaksa (dark mode belum diimplementasi)