Admin — Information Banner
Overview
Halaman Information Banner digunakan untuk mengelola banner informasi yang ditampilkan di situs. Admin dapat membuat, mengedit, dan menghapus banner informasi berdasarkan mata uang dan bahasa tertentu. Setiap banner mendukung multi-bahasa dan dapat dipublikasikan atau dicabut penerbitannya.
Access
- URL:
/dashboard/information-banner - Role: Admin
- Jalur Navigasi: Sidebar > Content Management > Information Banner
Submenu Content Management
| Label | URL | Docs |
|---|---|---|
| Banner Carousel | /dashboard/banner-carousel | 3_1_banner-carousel.md |
| Information Banner | /dashboard/information-banner | 3_2_information-banner.md |
| Pop Up Banner | /dashboard/popup-banner | |
| Contact Us | /dashboard/contact-us | |
| Promotion | /dashboard/promotion | |
| Mail Blast | /dashboard/mail-blast |
Page Layout
Header Area
| Elemen | Tipe | Deskripsi |
|---|---|---|
Information Banner (judul) | Heading | Judul halaman, ditampilkan di bagian atas konten utama |
Create Information Banner | Button | Membuka dialog untuk membuat banner baru. Terdapat ikon di sebelah kiri |
Tabel Daftar Banner
Tabel menampilkan seluruh data Information Banner yang telah dibuat.
| Kolom | Tipe | Deskripsi |
|---|---|---|
ID | Number | ID unik banner, di-generate otomatis oleh sistem |
Title | Text | Judul banner. Menampilkan - jika tidak diisi (opsional per bahasa) |
Currency | Text | Mata uang yang diasosiasikan dengan banner (contoh: IDR, USDT, SGD, VND) |
Status | Badge | Status publikasi banner: Published atau Unpublished |
Actions | Button | Tombol aksi: Edit dan Delete |
Contoh data yang muncul di tabel:
| ID | Title | Currency | Status |
|---|---|---|---|
| 1 | - | IDR | Published |
| 2 | - | IDR | Unpublished |
| 3 | - | IDR | Published |
| 4 | - | USDT | Published |
| 6 | - | SGD, VND | Unpublished |
Currency dapat berisi lebih dari satu mata uang (dipisahkan koma).
Features
1. Membuat Information Banner Baru
Admin dapat membuat banner informasi baru dengan mengklik tombol Create Information Banner.
Langkah-langkah:
- Klik tombol Create Information Banner di pojok kanan atas area konten.
- Dialog Create Information Banner akan muncul.
- Pilih Currency (wajib diisi — ditandai dengan
*). - Pilih tab bahasa yang ingin diisi kontennya. Tab yang tersedia:
BAHASA,ENGLISH,SPANISH,KOREA,PORTUGUES,BRAZIL,THAILAND,VIETNAM,CHINESE
- Untuk setiap tab bahasa, isi field berikut:
- Title — judul banner (opsional)
- Desktop Image — URL gambar untuk tampilan desktop
- Mobile Image — URL gambar untuk tampilan mobile
- Description — deskripsi/konten banner menggunakan rich text editor
- Klik Save untuk menyimpan, atau Cancel untuk membatalkan.
Hasil: Banner baru akan muncul di daftar tabel dengan status default setelah disimpan.
Error States:
| Kondisi | Pesan / Perilaku |
|---|---|
Currency tidak dipilih (field wajib *) | Field Currency ter-highlight merah; tidak dapat menyimpan tanpa memilih currency |
| Save gagal (network/server error) | Modal tetap terbuka; tidak ada banner yang tersimpan — coba ulangi atau refresh halaman |
| Delete — tidak ada undo | Setelah banner dihapus, data tidak dapat dikembalikan; pastikan sebelum konfirmasi delete |
2. Mengedit Information Banner
Langkah-langkah:
- Temukan banner yang ingin diedit pada tabel.
- Klik tombol Edit di kolom Actions pada baris yang sesuai.
- Dialog edit akan terbuka dengan data banner yang sudah terisi sebelumnya.
- Ubah field yang diperlukan (Currency, tab bahasa, Title, Image, Description).
- Klik Save untuk menyimpan perubahan.
3. Menghapus Information Banner
Langkah-langkah:
- Temukan banner yang ingin dihapus pada tabel.
- Klik tombol Delete di kolom Actions pada baris yang sesuai.
- Konfirmasi penghapusan jika muncul dialog konfirmasi.
Hasil: Banner akan dihapus dari daftar.
UI Elements Reference
Dialog Create / Edit Information Banner
| Label | Tipe | Keterangan |
|---|---|---|
Currency | Dropdown (Select) | Wajib diisi. Pilih mata uang yang akan ditampilkan banner ini |
| Tab Bahasa | Tab List | BAHASA, ENGLISH, SPANISH, KOREA, PORTUGUES, BRAZIL, THAILAND, VIETNAM, CHINESE |
Title | Text Input | Judul banner per bahasa |
Desktop Image | Text Input (URL) | URL gambar banner untuk tampilan desktop |
Mobile Image | Text Input (URL) | URL gambar banner untuk tampilan mobile |
Description | Rich Text Editor | Editor teks kaya untuk konten banner |
Cancel | Button | Menutup dialog tanpa menyimpan |
Save | Button | Menyimpan data banner |
Close | Button (ikon X) | Menutup dialog |
Rich Text Editor — Toolbar
Editor deskripsi mendukung format rich text dengan toolbar berikut:
| Grup | Tombol yang Tersedia |
|---|---|
| Format teks | Bold, Italic, Strike, Text Color |
| Alignment | Align Left, Align Center, Align Right, Align Justify |
| Heading | Heading 1, Heading 2, Heading 3, Paragraph |
| List | Bullet List, Ordered List |
| Block | Code Block, Blockquote, Horizontal Rule, Hard Break, Clear Format |
| Media/Link | Insert Image, Set Link, Unset Link |
| History | Undo, Redo |
| Mode | Switch to Dark Mode, Enter Fullscreen, Switch to Plain Text |
Status Banner
| Status | Deskripsi |
|---|---|
Published | Banner aktif dan ditampilkan di situs |
Unpublished | Banner tidak aktif / disembunyikan dari situs |
Notes
- Field Title bersifat opsional per bahasa; jika tidak diisi akan ditampilkan sebagai
-di tabel. - Satu banner dapat dikaitkan dengan lebih dari satu mata uang (tampil dipisah koma di kolom Currency).
- Konten banner dapat diisi untuk 9 bahasa berbeda menggunakan tab bahasa pada dialog form.
- Perubahan status (Published / Unpublished) dikelola melalui form edit.