Sesuaikan UI/UX di Modul Event

[habibie11]

issue #1627

🎯 Deskripsi

Pull request ini difokuskan pada penyeragaman standar UI (User Interface) di modul Event (/informasi/event) agar selaras dengan modul lainnya (seperti Prosedur), serta merombak sistem pratinjau (preview) event. Berdasarkan permintaan, pratinjau dokumen internal (popup/modal) yang sering memicu isu dihilangkan dan diganti sepenuhnya menjadi direct access ke Web Publik melalui tautan tab baru.

Perbaikan ini mencegah redundansi komponen dan memastikan konsistensi antarmuka unggahan lampiran agar lebih responsif terhadap nama file yang membludak (panjang).

---

🛠️ Perubahan yang Dilakukan

1. Refaktor Pratinjau Event (Tab Baru Publik)

• Penghapusan Route & Modal Preview: Menghapus rute informasi.event.preview di web.php untuk menonaktifkan fitur pratinjau berbasis modal (popup) yang dinilai kurang efektif.
• Redirect ke Web Publik: Merubah arah fungsi tombol "Lihat" di halaman Datatable khusus Event menjadi show_web (membuka di tab baru), yang me-redirect admin langsung ke URL halaman depan publik (event.detail).

2. Standarisasi Komponen Unggah File

• Perbaikan UI Form Preview: Mengubah struktur pratinjau file unggahan pada Javascript klien di form_create.blade.php dan form_edit.blade.php untuk memakai atribut CSS layout statis standar (memiliki float:left tanpa disisipkan secara inline dari JS secara berulang).
• Format Upload Hint: Menghapus teks informasi statis terkait batas dan ekstensi file, menggantikannya dengan format khusus PHP/Blade agar dapat diintegrasikan dengan servis pengecekan limitasi upload secara terpusat.
• Anti-Overflow pada Nama File: Mengamankan tata letak flexbox kotak unggahan pada file lampiran dengan memberikan atribut overflow: hidden; serta word-break: break-all; demi mencegah batas wadah robek oleh string panjang nama file.

3. Optimalisasi Tabel Data

• Penggunaan Dropdown Aksi: Migrasi format urutan tombol klasik (Ubah, Hapus) menjadi format komponen kustom forms.aksi-grup.blade.php (berisi menu dropdown rapi).

4. Perbaikan Testing Browser

• Menyesuaikan Browser Test SmokeInformasiTest.php agar mampu mendeteksi pergantian parameter dari fungsi "Lihat" (dari awalnya mencari identifier btn-lihat menjadi btn-lihat-web). Hal ini dikarenakan Event kini menggunakan parameter buka Tab Baru ke frontend publik.

---

✅ Test Cases yang Diimplementasikan

• Ketika tombol aksi ditekan pada halaman daftar event, daftar aksi (dropdown) terbuka dengan memunculkan tombol Edit, Hapus (jika berstatus OPEN), serta Unduh (bila CLOSED).
• Tombol "Lihat" secara spesifik melempar admin ke halaman muka publik (event.detail) di tab baru. Test browser SmokeInformasiTest.php kini ter-resolusi sempurna dengan kustomisasi identifikasi elemen.
• Form edit dan create mampu memuat helper text ukuran unggahan file dengan dinamis sesuai pengaturan sistem.
• Saat diisi nama file lampiran (attachment) ekstra panjang melebihi porsi kontainer, string turun/wrap ke bawah tanpa meluap menyentuh/menimpa area tombol di sebelahnya.

[github-actions]

🔄 AI PR Review sedang antri di server...

Proses review akan segera dimulai di background — hasil akan muncul sebagai komentar setelah selesai.
Powered by CrewAI · PR #1643

[analisopendesa]

Untuk standar tombol (mengacu PR #1633), perbaikan harus mengikuti standar tersebut agar konsistensi UI:

Gunakan komponen standar (bukan forms/aksi-grup.blade.php custom).
Samakan gaya/struktur dropdown seperti PR #1633 (wrapper, posisi menu, ikon+label).
Samakan copywriting aksi: ganti “Edit” → “Ubah” agar konsisten dengan standar modul lain.