Dokumen-Standarisasi-Program.md

 1.	CRUD memakai single form.
-	Sehingga tampilan saat create, edit dan display sama/konsisten.
+	Sehingga tampilan saat create, edit dan display sama/konsisten.    
+Selain untuk membuat tampilan lebh rapi dan konsisten juga untuk menghemat waktu pengerjaan.
 
 2.	CRUD, setiap Create, field Updated date dan Updated by diisi. Lalu pas edit hanya field Updated date dan Updated by yg diupdate. Jadi yang ditampilkan di form Display dan Edit hanya field Updated date dan Updated by aja
 
-3.	Semua table secara default harus ada field Created by, Created Date, Updated by dan Updated date. Pastikan ada dipaling bawah form
+3.	Semua table secara default harus ada field Created by, Created Date, Updated by dan Updated Date. Pastikan ada dipaling bawah form
 
-4.	Posisi filter. Tombol create dibawah kolom filter
 
-	![image](/uploads/becd00e296b4b856bf90f0b749d08d2d/image.png)
+4.	Jika ada kolom Province & City maka data tersebut diambil dari data Address
 
-5.	Jika ada data Province & City maka data tersebut diambil dari data Address
-
-6.	jika di CRUD ada map, pastikan ada fungsi buat hide map
+5.	Jika di CRUD ada map, pastikan ada fungsi buat show/hide map
 
 	![image](/uploads/b0ac7b171288d96723b6cb85b0cbbfc4/image.png)
 
-7.	Fungsi upload image menggunakan model seperti berikut;
+6.	Fungsi upload image menggunakan model seperti berikut;   
 	Tanda “+” untuk browse image, tanda “X” untuk delete
 
 	![image](/uploads/0673b640cb716ce1c916f680c1a424ba/image.png)
 
-8.	Tombol back tidak reset detail list
+7.	Tombol back tidak reset detail list.   
 	Misal display dokumen pakai report yang sudah di filter ada 2 row
 	Pas back dijaga agar paging dan filter tidak reset
 
-9.	Filter show entries default list 50 dan posisi search sejajar.
+8.	Filter show entries default list 50 dan posisi search sejajar.
 
 	![image](/uploads/db7fba33cff1b877b5e143853eda3224/image.png)
 
-10.	Contoh selection multiple dan filter date yang selalu memakai range.
-
-	![image](/uploads/5b1cf3570a2be0bb1730237179d78bfd/image.png)
-
-11.	Posisi label selalu diatas textbox
+9.	Contoh filter multiple selection dan filter date yang selalu memakai range.   
+a.	Posisi label diatas select box   
+b.	Report yang ditampilkan harus sesuai dengan data yang di filter   
+c.	Jika data filter di save, maka saat logout&login kembali report yang ditampilkan sesuai dengan data filter   
+d.	Jika ada filter date, maka dibuat date range   
+e.	Tombol create (+) selalu dibawah filter   
 
-	![image](/uploads/c8b16f2b41fe3093f895348ca1350d9b/image.png)
+	![multiple_select](/uploads/7f0b08f3f1887bee0d2617fa8a23a9cb/multiple_select.jpg)
 
-12.	Logo dan Description
+10.	Logo dan Description
 
 	![image](/uploads/44971dba6cb6281b9bf636669fd07e3a/image.png)
 	![image](/uploads/e62e92bac14eafe8771f026363f8ed77/image.png)
 
 	NB: Saat logo di hover, muncul keterangannya.
 
-13.	Posisi Logo pada kolom action. View, Edit, Delete.
+11.	Posisi Logo pada kolom action dibuat sejajar dan rapi.    
+Urutan icon; View, Edit, Delete.
 
 	 ![image](/uploads/c59774f4451a1a9e94d6f21eec0d6268/image.png)
 
-14.	Saat klik delete, diberi double confirmation. 
+12.	Saat klik delete, diberi double confirmation.   
 	“ Are you sure want to delete “ ?
 	Yes / No
 
-	![image](/uploads/7c7bf8cbc69a2d15eb9a884a34e21d0b/image.png)
+	![image](/uploads/9c2c6c5f2b773c029034476f0dc243ac/image.png)
 
-15.	Jika list datanya banyak dan kolom melebihi dari lebar monitor, maka diharuskan memakai floating scroll horizontal. Agar tidak perlu scroll sampai bawah untuk melakukan scroll horizontal (untuk pengguna yang memakai mouse).
+13.	Jika list datanya banyak dan kolom melebihi dari lebar monitor, maka diharuskan memakai floating scroll horizontal. Agar tidak perlu scroll sampai bawah untuk melakukan scroll horizontal (untuk pengguna yang memakai mouse).
 
 	![image](/uploads/7233fc3eb1ddd42fe5d203dca46f2333/image.png)
 
-16.	Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal.
+14.	Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal.
 
-![image](/uploads/f017fa9302498d6c84a26474c38e09a8/image.png)
+![image](/uploads/f017fa9302498d6c84a26474c38e09a8/image.png)
\ No newline at end of file