Sectienavigatie

De pagina's van een sectie worden eenmaal geschreven, als zijn navigatie, en getekend zoals de app kiest: tabbladen onder de kop, zoals op de andere pagina's van deze sectie, of het zijmenu dat staat voor de sectie terwijl men erin is — zoals op deze pagina, wiens menu links deze sectie is.

Het schrijven ervan

De lay-out van een sectie stelt page_section_navigation in: wat de sectie is (label, href), waar het voor is (terug), en zijn weergaven (items), elk een route die de lezer kan openen — de anderen worden weggelaten. Een item blijft verlicht op een familie van pagina's (overeenkomst), en kan eigen weergaven hebben (kinderen).

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

Het tekenen ervan

layout_section_navigation zegt hoe: tabbladen standaard, die het niveau tonen waarin de pagina zich bevindt — de kinderen van een weergave onder de weg terug naar de sectie — of menu, dat de sectie geheel toont, de weg terug bovenaan en de weergave die de pagina ontvouwt.

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