Create & Edit Banner

Komponen: Admin Panel

Screen

Field Judul Banner

Property

Description

Type

Input text

Validation

  • Required

  • Length 10-100 characters

Interaction

None

Field Kategori

Property

Description

Type

Radio Button

Validation

Pilihan:

  • Eksternal (mengarah pada link diluar aplikasi sapawarga)

  • Internal (mengarah pada halaman tertentu aplikasi sapawarga)

Interaction

None

Field Eksternal

Property

Description

Type

Radio Button

Validation

Required

Interaction

None

Field Tautan

Property

Description

Type

Text Field

Validation

  • Required

  • URL Format Valid (ex. https://google.com)

Interaction

Field hanya di-enable jika opsi yang dipilih pada field Kategori adalah Eksternal.

Field Internal

Property

Description

Type

Radio Button

Validation

Required

Interaction

None

Field Fitur

Property

Description

Type

Dropdown

Validation

Required

Interaction

  • Field hanya di-enable jika opsi yang dipilih pada field Kategori adalah Internal

  • Value: Polling, Survei, Berita

Notes

Jika, memilih pilihan antara Survei & Polling, maka yang tampil pada list adalah:

  • Survei & Polling yang berstatus sedang berlangsung

  • Survei & Polling yang memilki target ke seluruh wilayah

Jika, memilih pilihan Berita, maka yang tampil pada list adalah:

  • Berita yang berstatus aktif

  • Berita yang memiliki target hanya jawa barat

Button Pilihan

Jika, memilih salah satu isian dropdown dari field Fitur maka:

  • Menampilkan popup daftar list pilihan tersebut.

  • Klik pada action tambah (+) maka akan menampilkan judul survei di dalam input text dan dalam keadaan disabled.

Field Status

Property

Description

Type

Radio Button

Validation

Required

Interaction

Value: Aktif, Tidak Aktif

Photo

Property

Description

Type

File Image

Validation

  • Required

  • Format yang diijinkan:

    • JPG/JPEG/Png

    • Resolusi max. 1280x720

  • Apabila resolusi gambar melebihi 1280x720 pixel (landscape) maka akan otomatis ke resize oleh sistem

Interaction

None

Button Tambah Banner

Jika data valid:

  • Menyimpan data dan kembali ke halaman List Banner.

  • Menampilkan pesan sukses: "Data user berhasil di-update"

Jika data tidak valid:

  • Tetap pada halaman Form Edit/Tambah Banner dengan kondisi isian pada tiap field sebagaimana yang diinput user

  • Menampilkan pesan gagal (berwarna merah) pada field yang tidak valid

Button Batal

Kembali ke halaman List Banner profile tanpa menyimpan data.

Last updated