Kertas Nusantara

Dear Tim Developer,

Mohon bantuannya untuk melakukan implementasi beberapa ui ux dibawah ini:

1. Halaman File Data – Empty State
• Menampilkan halaman File Data ketika belum ada data.
• Menampilkan teks “No Data” di tengah halaman.
• Menyediakan tombol Add File Data di kanan atas.
• Menampilkan tombol navigasi:
Back
Save
Next

2. Halaman Add File Data (Form Input)
• Menampilkan form input dengan field:
File Type (Dropdown)
File Name (Text Input)
File Upload (File Picker)
Notes (Text Input)

• Validasi field wajib:
File Type
File Name
File Upload

• Tombol aksi:
Back → kembali ke halaman sebelumnya
Save → menyimpan data file

• Setelah save berhasil, data masuk ke list File Data.

3. Halaman File Data – List View
• Menampilkan daftar file yang telah diinput dalam bentuk list.
• Setiap item menampilkan:
Nama file

Jenis file (File Type)
• Menyediakan action per item:
Edit (icon pencil)
Delete (icon trash)

• Tombol Add File Data tetap tersedia untuk menambah file baru.

• Tombol navigasi:
Back
Save
Next

Functional Notes:
• File yang diupload harus tersimpan dan dapat ditampilkan kembali di list.
• Aksi delete memerlukan konfirmasi.
• Layout dan spacing mengikuti desain UI yang diberikan.
• Konsisten dengan style button, warna, dan komponen existing system.

Acceptance Criteria
• Halaman empty, form input, dan list tampil sesuai desain.
• Data file dapat ditambahkan, ditampilkan, diedit, dan dihapus.
• Validasi form berjalan dengan baik.
• Navigasi Back / Save / Next berfungsi sesuai flow.

PORT: https://erec-kertasnusantara-dev.minovais.com/
DB: 103.153.60.89 (MinovaES_KertasNusantara_Dev)