You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.3 KiB
37 lines
1.3 KiB
# Lists & Tables |
|
## Halaman dengan Pola List Panel |
|
- Databases (`databases/index`) |
|
- Database Connections (`database-connections/index`) |
|
- LDAP Users (`ldap-users/index`) |
|
- LDAP Groups (`ldap-groups/index`) |
|
- API Clients (`api-clients/index`) |
|
- Audit Logs (`audit-logs/index`) |
|
- Activity Log partial (`partials/activity-log`) |
|
|
|
## Fitur Tabel |
|
- Sortable columns via query `?sort=&dir=` |
|
- Search/filter di toolbar |
|
- Sticky thead dengan shadow |
|
- Row hover: `hover:bg-slate-800/40` |
|
- Status badge rounded-full (online/offline, enabled/disabled) |
|
- Empty state: baris colspan centered |
|
|
|
## Mobile Row Actions (<1024px) |
|
- Kolom aksi desktop disembunyikan (`.list-col-actions`) |
|
- Kolom hint `⋯` ditampilkan (`.list-col-row-hint`) |
|
- Tap baris → bottom sheet aksi (`list-row-actions-sheet`) |
|
- Sheet: judul baris, subtitle opsional, tombol aksi full-width |
|
- Script: `public/js/list-row-actions.js` |
|
- Body lock: `body.list-actions-open` |
|
|
|
## Layout Dua Kolom (Desktop XL) |
|
- Tabel kiri + panel catatan/info kanan (`notes-panel`) |
|
- Contoh: Databases (metadata server), Login (catatan LDAP) |
|
|
|
## Pagination |
|
- Server-side via controller (implied dari list views) |
|
- Counter total di toolbar: "X databases", "X users" |
|
|
|
## Warna Semantik Baris |
|
- Protected DB: aksi disabled / peringatan |
|
- Online state: emerald; offline/unknown: amber
|
|
|