Navigation de section

Les pages d'une section sont écrites une fois, comme sa navigation, et dessinées comme l'app le choisit : des onglets sous l'en-tête, comme sur les autres pages de cette section, ou le menu latéral qui représente la section tant qu'on y est — comme sur cette page, dont le menu de gauche est celui de cette section.

L'écrire

Le layout d'une section définit page_section_navigation : ce qu'est la section (label, href), vers où on la quitte (back), et ses vues (items), chacune une route que le lecteur peut ouvrir — les autres sont écartées. Un item reste allumé sur une famille de pages (match), et peut contenir ses propres vues (children).

{%- 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_' },
        ] },
    ],
} -%}

La dessiner

layout_section_navigation dit comment : des onglets par défaut, qui montrent le niveau où se trouve la page — les enfants d'une vue sous le retour vers la section —, ou menu, qui montre la section entière, le retour en haut et la vue qui contient la page dépliée.

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