Design System v0.6.0

Persona Admin · v0.2

Admin: CMS internal

Shell dan komponen tambahan untuk CMS /management. Memakai Foundation v0.2, font Guest, dan komponen data dari Host (StatCard, DataTable, PeriodFilter). Dasarnya ada di halaman Audit Admin. Semua nama dan angka adalah placeholder.

AdminShell

Users

Total User
0
Active User
0
↑ 12%
Inactive User
0
↓ 4%
User Suspended
0
Listing users
User IDNamaLast ActivityStatus
U-0000Nama pengguna00 Mon 0000Active
U-0000Nama pengguna00 Mon 0000Inactive
U-0000Nama pengguna00 Mon 0000Suspended

Di lebar 1024px ke atas, sidebar 320px tetap tampil seperti CMS. Di bawahnya sidebar menjadi laci yang dibuka dari tombol di topbar; CMS saat ini selalu menampilkan sidebar dan menggeser konten 336px. Item aktif berlatar hijau CMS dengan teks gelap (putih hanya 1.86:1). Kolom cari muncul mulai 1024px. Perubahan angka (+12%, −4%) hanya contoh tampilan.

ConfirmDialog

Pembungkus Modal untuk konfirmasi (menggantikan ConfirmModal CMS). Tombol batal dan konfirm berurutan di kanan; Escape dan klik latar menutup.

Pagination

Jendela lima nomor seperti CMS. Tombol 36px; yang aktif berlatar teal-800.

Daftar dengan cari dan filter

Listing users

Pola "Listing ..." dari user-management: judul, kolom cari berpil, dan filter status. Filter memakai select bawaan (keyboard dan pembaca layar bekerja tanpa kode tambahan, berbeda dari dropdown kustom di CMS) dan tampil teal saat bukan "semua". Cari: (kosong); status: semua.

Form dan halaman detail

Detail informasi

Isian dikelompokkan per bagian; dua kolom mulai 768px.

Detail informasi

Nama villa
Villa name
Tipe pemesanan
Instant
Provinsi
-

Halaman approval dan detail villa di CMS (800 sampai 1.100 baris) sebenarnya halaman review: bagian berjudul berisi pasangan label di atas nilai, lalu tombol terima dan tolak. DetailSection untuk itu (nilai kosong tampil "-"). FormSection dan FormActions untuk halaman edit: fieldset dengan legenda, dan bilah aksi yang menempel di bawah.