Skip to content

Layout Right

simone.tiberti edited this page May 14, 2026 · 1 revision

RightLayoutComponent

Layout intermedio tra FullLayoutComponent e SimpleLayoutComponent. Include:

  • Toolbar superiore con titolo app, nome utente, logout
  • App-switcher laterale destro (overlay mat-sidenav) con accesso alle altre applicazioni GPA
  • Router outlet per il contenuto della pagina corrente
  • <core-toast />, <core-confirm />, <core-alert /> già integrati

Non include la sidenav sinistra con le voci di menu. Adatto ad applicazioni che non richiedono navigazione tra pagine ma vogliono mantenere l'app-switcher GPA.


Utilizzo

// app.config.ts
provideRouter(toRoutes(APP_ROUTES, { layout: 'right' })),
provideGPAUICore(),

Struttura rotte generata

/                          ← RightLayoutComponent + MenuGuard
├── ''                     ← HomeComponent
├── 'forbidden'            ← ForbiddenComponent
└── '**'                   ← NotFoundComponent

Stato del bootstrap

Il layout legge layoutState direttamente da SystemService.

Stato Visualizzazione
loading <core-loading-overlay /> — spinner a schermo intero
ready Toolbar + content
error <page-error /> — pagina di errore inline

Toolbar

Elemento Descrizione
Titolo appDescription da environment.json
Nome utente whoami().user dal token
Icona logout Naviga a environment.logoutPath
Icona more_vert Apre l'app-switcher laterale destro

La toolbar non contiene il bottone burger (nessuna sidenav da aprire).

App-switcher (destra)

Identico a quello di FullLayoutComponent — implementato dal componente condiviso AppSwitcherComponent (core-app-switcher). Mostra le applicazioni disponibili ricevute dal token, logo (se logoUrl presente), link logout e versione build.


Componenti già integrati

core-toast, core-confirm e core-alert sono già presenti nel template. Non è necessario aggiungere questi tag nelle pagine.


Vedi anche

Clone this wiki locally