Cabang
Halaman Cabang adalah halaman yang menampilkan daftar cabang yang terdaftar dalam sistem koperasi. Halaman ini dirancang untuk memudahkan pengelolaan cabang-cabang koperasi, termasuk informasi tentang wilayah operasional dan anggota yang terdaftar di setiap cabang. Dengan struktur yang terorganisir, halaman ini memungkinkan administrator untuk mengelola cabang dengan efisien.
Fitur Utama
1. Filter Data
Bagian ini terletak di bagian atas halaman dan menyediakan komponen pencarian:
- Input Pencarian: Field untuk mencari cabang berdasarkan nama cabang
- Tombol Cari: Tombol berwarna kuning untuk menjalankan proses pencarian
2. Tombol Tambah Cabang
Tombol hijau dengan label "Tambah Cabang" terletak di pojok kanan atas. Ketika diklik, tombol ini akan menampilkan pop-up/dialog untuk menambahkan cabang baru.
3. Tabel Daftar Cabang
Tabel ini menampilkan informasi cabang dalam bentuk kolom-kolom berikut:
| Kolom | Deskripsi |
|---|---|
| Nama | Nama cabang yang terdaftar (contoh: Pusat, Pembantu 1, Pembantu 2, Pembantu 3) |
| Keterangan | Deskripsi wilayah operasional atau cakupan area cabang (contoh: "Mecakup area C sampai D", "Mencakup area X dan Z") |
| Status | Status aktif cabang, ditampilkan dengan badge hijau bertuliskan "Aktif" |
| Action | Kolom aksi yang berisi tombol-tombol untuk mengelola cabang |
4. Tombol Action
Setiap baris cabang memiliki dua tombol aksi:
- Detail (Tombol Biru): Ketika diklik, akan mengarahkan ke halaman detail cabang yang menampilkan daftar anggota yang terdaftar pada cabang tersebut
- Update (Tombol Hijau): Ketika diklik, akan menampilkan pop-up/dialog untuk mengubah data cabang
Dialog Tambah Cabang
Dialog "Tambah Cabang" muncul sebagai pop-up modal ketika pengguna mengklik tombol "Tambah Cabang".
| Kolom | Tipe | Wajib | Deskripsi |
|---|---|---|---|
| Nama | Text Input | Ya | Nama cabang yang akan dibuat |
| Keterangan | Text Input | Ya | Deskripsi atau keterangan tentang wilayah cakupan cabang |
Tombol Aksi
- Tombol Close (X): Terletak di pojok kanan atas dialog untuk menutup dialog tanpa menyimpan
- Tombol Tambah (Hijau): Menyimpan data cabang baru ke sistem
Halaman Detail Cabang
Deskripsi
Halaman Detail Cabang menampilkan informasi lengkap tentang anggota-anggota yang terdaftar pada cabang tertentu. Halaman ini dapat diakses dengan mengklik tombol "Detail" pada kolom action di tabel cabang.
Judul Halaman
Judul halaman dinamis: "Data anggota cabang [Nama Cabang]" Contoh: "Data anggota cabang Pusat"
Filter Data
- Input pencarian: Field untuk mencari anggota berdasarkan nama
- Tombol Cari: Tombol kuning untuk menjalankan pencarian
Tabel Data Anggota
Tabel ini menampilkan informasi anggota yang terdaftar di cabang tersebut:
| Kolom | Deskripsi |
|---|---|
| Nama | Nama lengkap anggota |
| No Anggota | Nomor identitas anggota (ID unik) |
| Nomor Ponsel | Nomor telepon anggota |
| Waktu Bergabung | Tanggal dan waktu anggota bergabung dengan format timestamp |
| Alamat | Alamat lengkap anggota (jika tidak ada ditampilkan "-") |
| Status | Status keanggotaan, ditampilkan dengan badge hijau "Aktif" |
Dialog Update Cabang
Dialog "Update Cabang" muncul sebagai pop-up modal ketika pengguna mengklik tombol "Update" pada kolom action di tabel cabang.
| Kolom | Tipe | Wajib | Deskripsi |
|---|---|---|---|
| Nama | Text Input | Ya | Nama cabang (dapat diubah) |
| Keterangan | Text Input | Ya | Deskripsi atau keterangan wilayah cabang (dapat diubah) |
| Aktif | Checkbox | - | Status aktif/non-aktif cabang |
Tombol Aksi
- Tombol Close (X): Terletak di pojok kanan atas dialog untuk menutup dialog tanpa menyimpan perubahan
- Tombol Update (Hijau): Menyimpan perubahan data cabang
Alur Penggunaan Halaman Cabang
Melihat Daftar Cabang
- Pengguna membuka halaman Cabang
- Sistem menampilkan seluruh daftar cabang dalam bentuk tabel
- Setiap cabang menampilkan nama, keterangan, status, dan tombol aksi
Mencari Cabang
- Masukkan nama cabang di field pencarian
- Klik tombol "Cari"
- Sistem akan memfilter dan menampilkan cabang yang sesuai
Menambah Cabang Baru
- Klik tombol "Tambah Cabang"
- Isi form pada dialog yang muncul
- Klik "Tambah"
- Cabang baru akan ditambahkan ke daftar
Melihat Detail Cabang dan Anggotanya
- Klik tombol "Detail" pada cabang yang diinginkan
- Sistem akan mengarahkan ke halaman detail cabang
- Halaman menampilkan daftar lengkap anggota yang terdaftar di cabang tersebut
- Pengguna dapat mencari anggota spesifik menggunakan filter pencarian
Mengubah Data Cabang
- Klik tombol "Update" pada cabang yang ingin diubah
- Modifikasi data pada dialog yang muncul
- Ubah status aktif/non-aktif jika diperlukan
- Klik "Update" untuk menyimpan perubahan
- Pengelompokan Anggota: Setiap anggota disarankan terdaftar di salah satu cabang untuk keperluan administrasi dan pelaporan
- Status Cabang: Cabang dapat dinonaktifkan tanpa menghapus data historisnya dengan menggunakan checkbox "Aktif"
- Keterangan Wilayah: Informasi keterangan membantu mengidentifikasi area operasional setiap cabang
- Relasi Data: Perubahan status cabang menjadi non-aktif tidak menghapus data anggota yang sudah terdaftar
- Pelaporan: Pengelompokan berdasarkan cabang memudahkan pembuatan laporan per wilayah
- Real-time Update: Setelah menambah atau mengupdate cabang, tabel akan langsung menampilkan perubahan terbaru