Navigazione della sezione

Navigazione della sezione

Le pagine di una sezione sono scritte una sola volta, come la sua navigazione, e disegnate come decide l'app: schede sotto l'intestazione, come nelle altre pagine di questa sezione, o il menu laterale che rappresenta la sezione mentre ci si trova al suo interno — come in questa pagina, il cui menu a sinistra è quello di questa sezione.

Scriverlo

Il layout di una sezione imposta page_section_navigation: cosa è la sezione (etichetta, href), dove è lasciato per (indietro), e le sue visualizzazioni (elementi), ciascuna un percorso che il lettore può aprire — le altre sono escluse. Un elemento rimane attivo su una famiglia di pagine (corrispondenza), e può contenere visualizzazioni proprie (figli).

{%- set page_section_navigation = {
    label: organization.name,
    href: path('organization_show', { id: organization.id }),
    back: { href: path('organization_index'), label: 'Organizations' },
    items: [
        { label: 'Overview', icon: 'ph:bold/gauge', route: 'organization_show', params: { id: organization.id } },
        { label: 'Accounting', icon: 'ph:bold/calculator', route: 'accounting_show', params: { id: ledger.id }, children: [
            { label: 'Bank', icon: 'ph:bold/bank', route: 'accounting_bank_index', params: { ledger: ledger.id }, match: 'accounting_bank_' },
        ] },
    ],
} -%}

Disegnarlo

layout_section_navigation dice come: schede per impostazione predefinita, che mostrano il livello in cui si trova la pagina — i figli di una visualizzazione sotto il percorso di ritorno alla sezione — o menu, che mostra l'intera sezione, il percorso di ritorno in cima e la visualizzazione che tiene la pagina espansa.

{# The app's layout: every section takes the side menu while one is in it. #}
{%- set layout_section_navigation = 'menu' -%}