अनुभाग नेविगेशन

एक अनुभाग के पृष्ठों को एक बार लिखा जाता है, जैसे कि इसका नेविगेशन, और ऐप द्वारा चुने गए तरीके से प्रस्तुत किया जाता है: शीर्षक के तहत टैब, जैसे इस अनुभाग के अन्य पृष्ठों पर, या साइड मेनू जो अनुभाग का प्रतिनिधित्व करता है जबकि कोई इसमें है — जैसे इस पृष्ठ पर, जिसका बाईं ओर का मेनू इस अनुभाग का है।

इसे लिखना

एक अनुभाग का लेआउट 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' -%}