การนำทางในส่วน

หน้าของแต่ละส่วนจะเขียนเพียงครั้งเดียวในฐานะการนำทาง และแสดงตามที่แอปเลือก: แท็บใต้หัวเรื่อง เช่นเดียวกับหน้าต่าง ๆ ของส่วนนี้ หรือเมนูด้านข้างที่แสดงถึงส่วนในขณะที่อยู่ในนั้น — เช่นในหน้านี้ ซึ่งเมนูทางซ้ายคือส่วนนี้

การเขียนมัน

การจัดเรียงของส่วนกำหนด 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' -%}