Skip to main content

Admin — Setting Price

Overview​

Halaman Setting Price digunakan untuk mengelola konfigurasi harga/fee transaksi per kombinasi bank dan payment gateway. Admin dapat melihat seluruh daftar konfigurasi yang sudah ada dan mengubah siapa yang menanggung fee transaksi (Fee Payer) melalui tombol Edit.

Access​

  • URL: /dashboard/setting-price
  • Role required: Admin
  • Navigation path: Sidebar > Payment Gateway > Setting Price
LabelURLDocs
Deposit List/dashboard/deposit-list10_1_deposit-list.md
Disbursement/dashboard/disbursement10_2_disbursement.md
Balance History/dashboard/disbursement-balance-history10_3_balance-history.md
Recipient List/dashboard/recipient-list10_4_recipient-list.md
Report Payment Gateway/dashboard/report-payment-gateway10_5_report-payment-gateway.md
Settlement History/dashboard/settlement-history10_6_settlement-history.md
Setting Price/dashboard/setting-price10_7_setting-price.md

Page Layout​

Filter Area​

Filter terletak di bagian atas konten utama. Terdapat dua filter untuk menyaring data berdasarkan bank dan payment gateway.

ElemenTipeDefaultKeterangan
BankDropdown (React Select)(kosong)Pilih bank tertentu untuk filter
Payment GatewayDropdown (React Select)(kosong)Pilih payment gateway tertentu untuk filter
SearchButton (hitam)—Menjalankan pencarian berdasarkan filter aktif
ResetButton (outline)—Mereset semua filter ke nilai default

Catatan: Data tampil secara otomatis saat halaman dibuka (semua 269 record). Filter digunakan untuk mempersempit hasil.

Opsi Bank (22 opsi):​

BCA VA DPAY, BNI VA, BNI VA CRONOS, BNI VA HD, BNI VA PAYOK, BNI VA PAZEMO, BNI VA PL, BNI VA RPAY, QRIS, QRIS CRONOS, QRIS DPAY, QRIS HD, QRIS HPAY, QRIS PAYOK, QRIS PL, QRIS PZ, QRIS RPAY, QR LUNA, QR ZNPAY, VA BNI HPAY, VA BNI ZNPAY, VIRTUAL ACCOUNT

Opsi Payment Gateway (16 opsi):​

ppay, zpay, spay, gpay, hpay, pazemo, rhea2, BANK BINI, hpay2, gpay2, luna, opay, rpay, dpay2, znpay, dpay

Tabel Setting Price​

Tabel menampilkan semua konfigurasi harga/fee transaksi yang terdaftar. Setiap baris merepresentasikan satu kombinasi bank + payment gateway + kategori transaksi.

KolomTipe DataDeskripsi
SettingsTeksNama bank yang dikonfigurasi
Payment GatewayTeksKode payment gateway yang terkait
CategoryTeksJenis transaksi: Deposit atau Withdraw
PriceTeksNilai fee/harga yang dikenakan. Format: angka flat (mis. +3,000) atau persentase (mis. +1%, +1.11%)
Fee PayerBadge teksPihak yang menanggung fee: Merchant (hijau) atau Customer (oranye)
ActionsButtonTombol Edit untuk mengubah konfigurasi Fee Payer

Pagination​

ElemenDeskripsi
X DataJumlah total konfigurasi yang ditemukan (default: 269 Data)
Navigasi halamanTombol first/prev/[nomor halaman]/next/last
Go to pageInput angka + tombol untuk loncat ke halaman tertentu

Features​

1. Filter Konfigurasi​

Admin dapat menyaring daftar konfigurasi berdasarkan bank dan/atau payment gateway.

Langkah:

  1. Pilih Bank dari dropdown (opsional)
  2. Pilih Payment Gateway dari dropdown (opsional)
  3. Klik tombol Search

Hasil: Tabel menampilkan konfigurasi sesuai filter. Klik Reset untuk mengembalikan semua data.

2. Edit Setting Price (Ubah Fee Payer)​

Mengubah pihak yang menanggung fee transaksi untuk konfigurasi tertentu.

Langkah:

  1. Temukan baris konfigurasi yang ingin diubah
  2. Klik tombol Edit pada kolom Actions
  3. Modal Edit Setting Price terbuka
  4. Ubah nilai Fee Payer dari dropdown (pilih antara Merchant atau Customer)
  5. Klik Save untuk menyimpan perubahan

Hasil: Nilai Fee Payer pada baris tersebut diperbarui.

Batal: Klik Cancel atau ikon Close (×) untuk menutup modal tanpa menyimpan.

UI Elements Reference​

LabelTipeLokasiDeskripsi
BankDropdown (React Select)Area filterFilter berdasarkan nama bank
Payment GatewayDropdown (React Select)Area filterFilter berdasarkan kode payment gateway
SearchButton (hitam)Area filterJalankan pencarian
ResetButton (outline)Area filterReset semua filter
EditButton (hitam) per barisKolom ActionsMembuka modal Edit Setting Price

Modal ini hanya menyediakan satu field yang dapat diubah, yaitu Fee Payer.

FieldTipeNilai yang TersediaKeterangan
Fee PayerDropdown (React Select)Merchant, CustomerPihak yang menanggung biaya/fee transaksi
CancelButton—Tutup modal tanpa menyimpan
SaveButton—Simpan perubahan Fee Payer

Catatan: Kolom Settings, Payment Gateway, Category, dan Price tidak dapat diubah melalui halaman ini — hanya Fee Payer yang dapat diedit.

Data Displayed​

Contoh data yang tampil pada halaman (halaman pertama dari 269 total record):

SettingsPayment GatewayCategoryPriceFee Payer
BNIGpayWithdraw+3,000Merchant
QRIS HDGpayDeposit+1%Merchant
BNIGpay2Withdraw+3,000Customer
BNI VA HDGpayDeposit+3,500Customer
QRIS CRONOSSpayDeposit+1.11%Merchant
BNI VA CRONOSSpayDeposit+4,000Merchant
QRIS PLOpayDeposit+0.79%Customer

Format Nilai Price​

FormatContohKeterangan
Flat fee+3,000 / +3,500Biaya tetap dalam satuan mata uang
Persentase+1% / +1.11% / +0.79%Biaya berdasarkan persentase dari nilai transaksi

Warna Fee Payer​

NilaiWarnaKeterangan
MerchantHijauFee ditanggung oleh merchant/sistem
CustomerOranyeFee ditanggung oleh player/customer

Notes​

  • Halaman menampilkan 269 konfigurasi secara default tanpa perlu klik Search terlebih dahulu.
  • Kolom Settings, Payment Gateway, Category, dan Price bersifat read-only — tidak dapat diubah dari halaman ini.
  • Satu-satunya field yang dapat diubah melalui halaman ini adalah Fee Payer (Merchant atau Customer).
  • Tidak ada fitur tambah (Create) atau hapus (Delete) konfigurasi pada halaman ini.
  • Nilai Price dapat berupa flat fee (angka) atau persentase tergantung konfigurasi masing-masing payment gateway.

Screenshots​

ScreenshotDeskripsi
setting-price.pngTampilan halaman utama dengan tabel konfigurasi
setting-price-edit.pngModal Edit Setting Price dengan field Fee Payer