섹션 내비게이션
섹션 내비게이션
섹션의 페이지는 한 번 작성되어 내비게이션으로 사용되며, 앱이 선택한 방식으로 표시됩니다: 이 섹션의 다른 페이지처럼 헤더 아래의 탭이거나, 사용자가 섹션에 있을 때 나타나는 사이드 메뉴 — 이 페이지의 왼쪽 메뉴가 이 섹션의 메뉴입니다.
작성하기
섹션의 레이아웃은 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' -%}