Admin — Banner Carousel

Overview

Banner Carousel adalah halaman untuk mengelola banner utama (hero slider) yang tampil di halaman depan money site. Setiap banner dikonfigurasi dengan gambar desktop & mobile, URL klik, judul, konten teks, status publish, dan currency target. Banner mendukung multi-bahasa melalui tab bahasa yang terpisah.

---

Access

• URL: /dashboard/banner-carousel
• Role: Admin
• Navigation path: Sidebar → Content Management → Banner Carousel

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

Area	Keterangan
Header halaman	Heading + toggle Display Company Banner + tombol Create
Tabel banner	Daftar semua banner dengan kolom ID, Title, Currency, Click URL, Status, Actions

---

Header Controls

Elemen	Tipe	Keterangan
Heading "Banner Carousel"	Heading level 1	Judul halaman
Display Company Banner	Toggle (ON/OFF)	Mengaktifkan/menonaktifkan tampilan company banner di money site. Status default: OFF
Create Banner Carousel	Button	Membuka form untuk membuat banner baru

---

Tabel Banner Carousel

Tabel menampilkan X banner tanpa pagination (semua data tampil dalam satu halaman).

Kolom Tabel

Kolom	Keterangan
ID	Nomor urut unik banner (1–N)
Title	Judul banner; ditampilkan - jika tidak diisi
Currency	Daftar currency target banner; banner hanya tampil di domain dengan currency yang sesuai
Click URL	Yes jika banner memiliki URL klik, No jika tidak
Status	Published (aktif di money site) atau Unpublished (tidak tampil)
Actions	Tombol Edit dan Delete per baris

Data Banner (ringkasan)

ID	Title	Currency	Click URL	Status
1	Baner Tahun Baru	USDT, IDR	Yes	Published
2	-	IDR, VND, THB	No	Published
3	-	IDR	No	Unpublished

---

Form Edit / Create Banner Carousel

Klik Edit pada baris manapun, atau Create Banner Carousel, untuk membuka form dalam modal/drawer "Edit Banner Carousel".

Field: Currency (wajib)

Elemen	Tipe	Keterangan
Currency	Multi-select dropdown (required)	Pilih satu atau lebih currency target. Currency yang dipilih tampil sebagai tag (badge) dengan tombol hapus (×). Contoh: USDT - INDONESIA USDT, IDR - INDONESIA

Tab Bahasa

Form mendukung konfigurasi konten per bahasa melalui tab berikut:

Tab	Bahasa
BAHASA	Indonesia (default aktif)
ENGLISH	Inggris
THAILAND	Thailand
VIETNAM	Vietnam
CHINESE	Mandarin

Setiap tab bahasa memiliki field yang sama di bawah ini.

Field per Tab Bahasa

Field	Tipe	Keterangan
Title	Text input	Judul banner untuk bahasa yang dipilih
Click URL	Text input	URL tujuan saat banner diklik (contoh: https://domain.vip/rtpvct77hoki)
Desktop Image	Text input (URL)	URL gambar banner untuk tampilan desktop
Mobile Image	Text input (URL)	URL gambar banner untuk tampilan mobile/handphone
Rich Text Editor	Editor WYSIWYG	Konten/deskripsi banner dengan dukungan format lengkap

---

Rich Text Editor — Toolbar

Editor teks mendukung format lengkap dengan toolbar berikut:

Grup	Tombol
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, Code Block
Block	Blockquote, Horizontal Rule, Hard Break, Clear Format
Media & Link	Insert Image, Set Link, Unset Link
Utilitas	Undo, Redo, Switch to Dark Mode, Enter Fullscreen
Mode	Switch to Plain Text (mode HTML mentah)

Field: Status

Elemen	Tipe	Keterangan
Status	Dropdown	Menentukan visibilitas banner di frontend: Published (aktif) atau Unpublished (tidak tampil)

Tombol Aksi Form

Tombol	Keterangan
Cancel	Menutup form tanpa menyimpan perubahan
Save	Menyimpan konfigurasi banner
Close (ikon ×)	Menutup modal/form

---

Features

1. Membuat Banner Baru

Langkah:

1. Klik tombol Create Banner Carousel di pojok kanan atas.
2. Pilih Currency target (wajib).
3. Isi konten per bahasa di masing-masing tab: Title, Click URL, Desktop Image, Mobile Image, dan konten rich text.
4. Atur Status ke Published jika ingin langsung ditampilkan.
5. Klik Save.

Hasil: Banner baru muncul di tabel dan (jika Published) aktif di frontend money site sesuai currency yang dipilih.

---

2. Mengedit Banner

Langkah:

1. Temukan banner di tabel, klik tombol Edit.
2. Ubah field yang diperlukan (currency, gambar, judul, URL, konten, status).
3. Pindah antar tab bahasa untuk mengatur konten multi-bahasa.
4. Klik Save.

Hasil: Banner diperbarui di frontend.

---

3. Mengaktifkan / Menonaktifkan Banner

Ubah status banner melalui form Edit:

• Published → banner aktif di frontend untuk currency yang dipilih.
• Unpublished → banner disembunyikan dari frontend.

---

4. Menghapus Banner

Langkah:

1. Klik tombol Delete pada baris banner yang dituju.
2. Konfirmasi penghapusan.

Hasil: Banner dihapus permanen dari sistem.

---

5. Mengaktifkan Display Company Banner

Toggle Display Company Banner di header mengontrol apakah banner milik perusahaan (company banner) ditampilkan di money site.

• ON → Company banner aktif.
• OFF → Company banner disembunyikan (kondisi saat ini).

---

Notes

• Kolom Currency menentukan di domain mana banner akan ditampilkan — hanya domain dengan currency yang cocok yang akan merender banner tersebut.
• Kolom Title menampilkan - karena banner memiliki lebih dari satu bahasa pada detail banner.
• Kolom Click URL hanya menampilkan Yes/No — nilai URL aktual hanya terlihat di form Edit.
• Gambar banner disimpan sebagai URL eksternal (format .avif atau lainnya); sistem tidak mengunggah file secara langsung.
• Konten rich text editor mendukung mode plain text untuk mengedit HTML secara langsung.
• Banner mendukung 9 bahasa; setiap bahasa dapat memiliki judul, URL klik, gambar, dan konten yang berbeda.