Bereichsnavigation

Bereichsnavigation

Die Seiten eines Bereichs werden einmal geschrieben, als seine Navigation, und so dargestellt, wie es die App wählt: Registerkarten unter dem Header, wie auf den anderen Seiten dieses Bereichs, oder das Seitenmenü, das für den Bereich steht, während man sich darin befindet – wie auf dieser Seite, deren Menü links diesem Bereich gehört.

Es schreiben

Das Layout eines Bereichs legt page_section_navigation fest: was der Bereich ist (Bezeichnung, href), wofür er übrig bleibt (zurück) und seine Ansichten (Elemente), jede ein Weg, den der Leser öffnen kann – die anderen bleiben außen vor. Ein Element bleibt auf einer Familie von Seiten beleuchtet (Übereinstimmung) und kann eigene Ansichten haben (Kinder).

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

Es zeichnen

layout_section_navigation sagt, wie: Registerkarten standardmäßig, die das Niveau anzeigen, in dem die Seite steht – die Kinder einer Ansicht unter dem Rückweg zum Bereich – oder Menü, das den gesamten Bereich zeigt, den Rückweg oben und die Ansicht, die die Seite entfaltet.

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