Navegação da seção

As páginas de uma seção são escritas uma vez, como sua navegação, e apresentadas da forma que o aplicativo escolher: abas abaixo do cabeçalho, como nas outras páginas desta seção, ou o menu lateral representando a seção enquanto se está nela — como nesta página, cujo menu à esquerda é desta seção.

Escrevendo isso

O layout de uma seção define page_section_navigation: o que a seção é (rótulo, href), para onde está voltada (voltar), e suas visualizações (itens), cada uma uma rota que o leitor pode abrir — as outras são deixadas de fora. Um item permanece destacado em uma família de páginas (correspondência), e pode conter visualizações próprias (filhos).

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

Desenhando isso

layout_section_navigation diz como: abas por padrão, que mostram o nível em que a página se encontra — as crianças de uma visualização sob o caminho de volta para a seção — ou menu, que mostra a seção inteira, o caminho de volta no topo e a visualização que contém a página desdobrada.

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