Produk
Halaman Product adalah halaman yang menampilkan daftar lengkap produk yang telah terdaftar dalam sistem. Halaman ini dirancang untuk memberikan tampilan yang terstruktur dan mudah dikelola dengan format tabel yang informatif, memungkinkan pengguna untuk melihat, mencari, dan mengelola data produk dengan efisien.
Fitur Utama
1. Filter Data
Bagian ini terletak di bagian atas halaman dan menyediakan dua komponen filtering:
- Filter Status: Dropdown untuk memfilter produk berdasarkan status (contoh: Aktif, Tidak Aktif)
- Pencarian Produk: Input field untuk mencari produk berdasarkan nama produk
- Tombol Cari: Tombol berwarna kuning untuk menjalankan proses pencarian berdasarkan kriteria yang dipilih
2. Tabel Daftar Produk
Tabel ini menampilkan informasi produk dalam bentuk kolom-kolom berikut:
| Kolom | Deskripsi |
|---|---|
| Nama | Nama produk yang terdaftar |
| Code | Kode unik produk (ID numerik) |
| Jenis | Kategori atau jenis produk (contoh: Simpanan Modal Sendiri, Pinjaman) |
| Waktu Daftar | Tanggal dan waktu produk didaftarkan ke sistem |
| Pendaftar | Nama pengguna yang mendaftarkan produk |
| Status | Status aktif produk, ditampilkan dengan badge hijau bertuliskan "Aktif"/"Tidak Aktif" |
| Action | Kolom aksi yang berisi tombol-tombol untuk mengelola produk |
3. Tombol Action
Setiap baris produk memiliki dua tombol aksi:
- Detail (Tombol Biru): Ketika diklik, akan menampilkan informasi lengkap mengenai produk tersebut dalam bentuk pop-up/dialog
- Update (Tombol Hijau): Ketika diklik, akan membuka pop-up/dialog yang berisi form untuk mengubah data produk
4. Tombol Tambah Produk
Tombol hijau dengan label "Tambah Produk" terletak di pojok kanan atas halaman. Ketika diklik, tombol ini akan mengarahkan pengguna ke halaman form untuk menambahkan produk baru ke dalam sistem.
5. Informasi dan Navigasi
Total Data: Menampilkan jumlah total produk yang terdaftar (ditampilkan di bagian bawah tabel)