Anda di halaman 1dari 7

1.

Browse

Ketentuan:
1. Tampilkan ID, Name, Email, Mobile, dan Action (Detail, Edit, Delete) di tiap baris.
2. Saat mendapat response list kosong dari server, tampilkan List empty pada page browse.
3. Terdapat paginasi yang menampilkan halaman sekarang dan total halaman.
4. Paginasi juga dilengkapi tombol next page, previous page, first page, dan last page.
5. Tombol paginasi first page dan previous page akan ter-disable jika user berada pada halaman pertama.
Tombol paginasi last page dan next page akan ter-disable jika user berada pada halaman terakhir.
6. Terdapat pilihan untuk menampilkan jumlah baris per halaman.
7. Kolom ID, Name, Email, dan Mobile terdapat fitur sorting (ascending dan descending).
8. Terdapat fitur pencarian berdasarkan ID atau Name atau Email.
9. Dibuat menggunakan AJAX.
2. Add user

Ketentuan:
1. Dibuat menggunakan AJAX
2. Terdapat validasi field:
- Name harus diisi
- Email harus diisi dengan email yang valid
- Mobile harus diisi hanya dengan angka
- Birthdate harus diisi (Format YYYY-MM-DD ketika di submit ke backend)
- Address dapat ditambah / dihapus dan seluruh field address harus diisi
3. ID di generate oleh backend dengan format YYMMXXXX:
- YY: tahun 2 digit
- MM: bulan 2 digit
- XXXX: nomor urut terhitung dari bulan dan tahun
- Contoh:
- 14090001
- 14090002
- 14100001
3. Edit user

Ketentuan:
1. Dibuat menggunakan AJAX.
2. Seluruh field akan terisi otomatis berdasarkan data yang ada.
3. Terdapat validasi field:
- Name harus diisi
- Email harus diisi dengan email yang valid
- Mobile harus diisi hanya dengan angka
- Birthdate harus diisi (Format YYYY-MM-DD ketika di submit ke backend)
- Address dapat ditambah / dihapus dan seluruh field address harus diisi
4. Field ID ditampilkan, namun tidak dapat diubah (disabled).

4. Delete user

1. Dibuat menggunakan AJAX.


2. Terdapat preview data yang akan dihapus (terisi otomatis).
3. Birthdate menggunakan format bahasa inggris / indonesia.
Contoh:
- 20 Desember 1968 (Indonesia)
- December 20th, 1968 (Inggris)
5. Detail user

1. Dibuat menggunakan AJAX.


2. Data yang ditampilkan terisi otomatis berdasarkan data yang ada.
3. Birthdate menggunakan format bahasa inggris / indonesia.
Contoh:
- 20 Desember 1968 (Indonesia)
- December 20th, 1968 (Inggris)

Anda mungkin juga menyukai