You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
1.0 KiB
27 lines
1.0 KiB
# Global UI/UX — Geonet Console |
|
## Tujuan |
|
Console operasi terpadu Geonet: database, LDAP, API, audit, mail SMTP. |
|
URL produksi: https://console.gisportal.id |
|
|
|
## Stack Presentasi |
|
- Laravel 12 Blade templates |
|
- Tailwind CSS via CDN (`cdn.tailwindcss.com`) |
|
- Custom CSS: `public/css/app-ui.css` (~1.600 baris) |
|
- Vanilla JS (tanpa framework frontend) |
|
- Hotwire Turbo 8 untuk navigasi SPA parsial |
|
- Swagger UI untuk halaman API Docs |
|
|
|
## Prinsip UI yang Sudah Diterapkan |
|
- Dark-first (default `data-theme="dark"`) |
|
- Enterprise dashboard layout (sidebar + content) |
|
- Mobile-first bottom navigation + bottom sheet |
|
- Konsistensi kartu `rounded-2xl`, border slate, aksen cyan |
|
- Feedback visual pada submit form (loading overlay) |
|
- Role-based navigation (admin vs user biasa) |
|
|
|
## File Inti UI |
|
- Layout: `resources/views/layouts/app.blade.php` |
|
- Shell: `resources/views/partials/app-shell.blade.php` |
|
- Menu: `app/Support/NavigationMenu.php` |
|
- Styles: `public/css/app-ui.css` |
|
- Scripts: `public/js/app-nav.js`, `app-spa-nav.js`, `ui-feedback.js`, `theme.js`
|
|
|