Overview
Menu applicativo
Gestione del menu di navigazione applicativo tramite metadati, con supporto desktop/mobile e struttura gerarchica.
Screenshot reference (manuale utente)
manual__menu__01.png: menu amministrazione (menu_amministrazione).manual__menu__03.png: resa menu in versione mobile.manual__menu__02.png: esempio menu applicativo con espansione gruppi e voci / editing.
Metadati menu (_metadati__menu)
Descrizione:
la tabella metadati menu definisce gerarchia, ordinamento, etichette, route e icone delle voci di navigazione.
mm_id: identificativo univoco voce menu.mm_parent_id: parent della voce (per albero multi-livello).mm_ordine: ordine di visualizzazione tra sibling.mm_display_string_menu: testo visualizzato in UI.mm_uri_menu: route/URI associata al click voce.md_id: collegamento opzionale alla route metadata (_metadati__tabelle).mm_icon: icona della voce (classe icona Prime/tema).mm_props_bag: estensioni JSON per comportamento custom.
Risultato:
- stesso modello menu per shell desktop e mobile;
- navigazione consistente governata interamente da metadata;
- possibilità di estendere comportamento senza cambiare codice core.
Regole operative consigliate
- usare
mm_parent_idper raggruppare voci in sezioni logiche (es. Amministrazione, Sales, Application). - mantenere
mm_ordineprogressivo per evitare salti di ordinamento. - valorizzare
mm_uri_menucon route valide (#/...) per evitare voci non navigabili. - usare
mm_props_bagper opzioni UI specifiche senza hardcode frontend.
Rendering runtime
- il componente menu legge i metadati e costruisce il tree di navigazione.
- in desktop usa menu orizzontale con dropdown.
- in mobile applica layout compatto/collassabile mantenendo la stessa struttura logica.
Editing menu (admin)
Per utenti admin e disponibile la modalita di editing del menu direttamente in UI: tramite context-menu si possono creare/modificare/eliminare voci, mentre con drag&drop si riordina la gerarchia (parent/sibling) aggiornando la struttura metadata in modo guidato.
Screenshot


