# Tambah Pengurus

#### **4. Halaman Detail Struktur Organisasi**

Halaman **Detail Struktur Organisasi** diakses dengan mengklik tombol **"Detail"** pada baris periode kepengurusan yang diinginkan. Halaman ini berfungsi untuk menyusun daftar nama-nama pengurus berdasarkan jabatan (Pimpinan, Bendahara, Sekretariat, dan Bidang).

[![image.png](https://help.simka.id/uploads/images/gallery/2025-12/scaled-1680-/8YKimage.png)](https://help.simka.id/uploads/images/gallery/2025-12/8YKimage.png)

##### **4.1. Informasi Struktur (Header)**

Bagian atas menampilkan kembali detail dasar kepengurusan:

- **Nama Struktur**: (Contoh: *Pengurus Cabang Periode 2023 - 2024*).
- **Tingkatan**: (Contoh: *Pengurus Cabang*).
- **Periode**: (Contoh: *2025-2030*).
- **Tanggal Muscab**: Tanggal pengesahan.

##### **4.2. Susunan Pengurus (Inti)**

Di bawahnya, terdapat area **Susunan Pengurus** dengan dua tombol utama:

- **+ Tambah Pengurus**: Untuk memasukkan data pengurus baru.
- **Cetak**: Untuk mencetak dokumen susunan pengurus.

---

#### **5. Menginput Data Pengurus (Tambah Pengurus)**

Tombol **"+ Tambah Pengurus"** akan memunculkan *pop-up* modal untuk mengisi data individu pengurus.

[![image.png](https://help.simka.id/uploads/images/gallery/2025-11/scaled-1680-/399image.png)](https://help.simka.id/uploads/images/gallery/2025-11/399image.png)

##### **A. Detail Form Tambah Pengurus:**

<div class="horizontal-scroll-wrapper" id="bkmrk-field-keterangan-%26-a"><div class="table-block-component"><table data-path-to-node="18" style="width: 100%; height: 384.667px;"><thead><tr style="height: 29.6806px;"><td style="width: 13.8209%; height: 29.6806px;">**Field**</td><td style="width: 86.1659%; height: 29.6806px;">**Keterangan &amp; Aturan**</td></tr></thead><tbody><tr style="height: 63.2639px;"><td data-path-to-node="18,1,0,0" style="width: 13.8209%; height: 63.2639px;">**Jabatan**\*</td><td data-path-to-node="18,1,1,0" style="width: 86.1659%; height: 63.2639px;">Diisi dengan nama jabatan formal (Contoh: *Ketua*, *Sekretaris*, *Dewan Penasehat*). **Penulisan harus jelas dan menggunakan *Camel Case***. Untuk jabatan berurutan (misal: Sekretaris 1), gunakan angka (Contoh: *Sekretaris 1*, *Wakil Ketua 2*), **TIDAK BOLEH** menggunakan angka Romawi (*Sekretaris I*).</td></tr><tr style="height: 63.2639px;"><td data-path-to-node="18,2,0,0" style="width: 13.8209%; height: 63.2639px;">**Bidang**\*</td><td data-path-to-node="18,2,1,0" style="width: 86.1659%; height: 63.2639px;">Dipilih dari data yang sudah diinput di **CRUD Bidang** (Bidang Organisasi, Bidang Mutu, dll.). Pilihan ini **hanya diisi untuk pengurus Bidang-Bidang**. Jika pengurus adalah **Pimpinan/Sekretariat/Bendahara**, *field* ini bisa dikosongkan.</td></tr><tr style="height: 29.6806px;"><td data-path-to-node="18,3,0,0" style="width: 13.8209%; height: 29.6806px;">**Keterangan**</td><td data-path-to-node="18,3,1,0" style="width: 86.1659%; height: 29.6806px;">Catatan tambahan (opsional).</td></tr><tr style="height: 46.4722px;"><td data-path-to-node="18,4,0,0" style="width: 13.8209%; height: 46.4722px;">**Nama Lengkap**\*</td><td data-path-to-node="18,4,1,0" style="width: 86.1659%; height: 46.4722px;">Nama lengkap pengurus.</td></tr><tr style="height: 63.2639px;"><td data-path-to-node="18,5,0,0" style="width: 13.8209%; height: 63.2639px;">**Nomor Telepon &amp; Email**</td><td data-path-to-node="18,5,1,0" style="width: 86.1659%; height: 63.2639px;">Data kontak pengurus.</td></tr><tr style="height: 29.6806px;"><td data-path-to-node="18,6,0,0" style="width: 13.8209%; height: 29.6806px;">**Urutan**\*</td><td data-path-to-node="18,6,1,0" style="width: 86.1659%; height: 29.6806px;">Nomor urut pengurus untuk mengatur tampilan visual (Contoh: Ketua = 1, Wakil Ketua 1 = 2).</td></tr><tr style="height: 29.6806px;"><td data-path-to-node="18,7,0,0" style="width: 13.8209%; height: 29.6806px;">**Status**\*</td><td data-path-to-node="18,7,1,0" style="width: 86.1659%; height: 29.6806px;">Status keaktifan pengurus (Contoh: *Aktif*).</td></tr><tr style="height: 29.6806px;"><td data-path-to-node="18,8,0,0" style="width: 13.8209%; height: 29.6806px;">**Foto Pengurus**</td><td data-path-to-node="18,8,1,0" style="width: 86.1659%; height: 29.6806px;">Unggah foto pengurus (Format: JPG, PNG, Maks. 2MB).</td></tr></tbody></table>

</div></div>##### **B. Aturan Pengisian (Hierarki):**

Admin disarankan untuk mengisi susunan pengurus berdasarkan hierarki AD/ART Cabang (Pimpinan, Sekretaris, Bendahara) terlebih dahulu, baru kemudian mengisi bagian **Bidang-Bidang**. Data akan langsung tampil di halaman detail setelah disimpan.

#### **6. Mengelola Anggota Bidang (Child)**

Setelah Bidang-Bidang diinput (melalui **Tambah Pengurus** dengan memilih *field* Bidang yang sesuai), susunan Bidang akan muncul di bagian bawah halaman detail.

##### **Fitur "Tambah" Khusus Bidang:**

- Khusus untuk susunan di bawah *heading* **BIDANG-BIDANG**, setiap Bidang/Jabatan memiliki tombol **Tambah** (atau **Edit/Hapus**) di sebelah kanan.
- Tombol **Tambah** ini berfungsi untuk **menambahkan anggota** yang berada di bawah Bidang tersebut (misalnya, Ketua Bidang dapat menambahkan Anggota 1, Anggota 2, dst.).

##### **Formulir Tambah Anggota Bidang:**

Mengklik tombol **Tambah** pada Bidang akan memunculkan *pop-up* modal **Tambah Anggota**.

[![image.png](https://help.simka.id/uploads/images/gallery/2025-11/scaled-1680-/R2cimage.png)](https://help.simka.id/uploads/images/gallery/2025-11/R2cimage.png)

- **Tampilan:** Modal ini **sama persis** dengan modal **Tambah Pengurus**.
- **Fungsi:** Form ini digunakan untuk mengikat anggota/staf ke Bidang/Jabatan *parent* yang sudah ada. *Field* **Bidang** pada form ini sudah otomatis terpilih sesuai Bidang yang sedang di-edit.