Nawigacja sekcji

Strony sekcji są pisane raz, jako jej nawigacja, i rysowane tak, jak wybierze aplikacja: zakładki pod nagłówkiem, jak na innych stronach tej sekcji, lub menu boczne reprezentujące sekcję, gdy się w niej znajduje — jak na tej stronie, której menu po lewej stronie jest tą sekcją.

Pisanie tego

Układ sekcji ustawia page_section_navigation: co to jest sekcja (etykieta, href), na co jest pozostawiona (powrót) oraz jej widoki (elementy), każdy z trasą, którą czytelnik może otworzyć — pozostałe są pominięte. Element pozostaje podświetlony w rodzinie stron (dopasowanie) i może mieć własne widoki (dzieci).

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

Rysowanie tego

layout_section_navigation mówi jak: zakładki domyślnie, które pokazują poziom, na którym znajduje się strona — dzieci widoku pod drogą powrotną do sekcji — lub menu, które pokazuje sekcję w całości, droga powrotna na górze i widok trzymający stronę rozwiniętą.

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