セクションナビゲーション

セクションのページは一度書かれ、そのナビゲーションとして表示され、アプリが選択した方法で描画されます：このセクションの他のページと同様にヘッダーの下にタブが表示されたり、このページのようにセクションのためのサイドメニューが表示されたりします。左側のメニューはこのセクションのものです。

書き方

セクションのレイアウトはpage_section_navigationを設定します：セクションが何であるか（ラベル、href）、何のために残されているか（戻る）、そしてそのビュー（アイテム）、各アイテムは読者が開くことができるルートです — 他のものは省かれます。アイテムはページのファミリー上で点灯し（マッチ）、自身のビュー（子）を持つことがあります。

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

描き方

layout_section_navigationはどのように描くかを示します：デフォルトではタブで、ページがどのレベルにあるかを示します — セクションへの戻り道の下のビューの子 — またはメニューで、セクション全体を示し、上部に戻る道を表示し、ページを展開した状態で保持するビューを示します。

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