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_id per raggruppare voci in sezioni logiche (es. Amministrazione, Sales, Application).
  • mantenere mm_ordine progressivo per evitare salti di ordinamento.
  • valorizzare mm_uri_menu con route valide (#/...) per evitare voci non navigabili.
  • usare mm_props_bag per 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

menu-applicativo / menu_amministrazione
menu-applicativo / menu_amministrazione
menu-applicativo / editing
menu-applicativo / editing
menu-applicativo / menu mobile
menu-applicativo / menu mobile