সেকশন নেভিগেশন

একটি সেকশনের পৃষ্ঠাগুলি একবার লেখা হয়, তার নেভিগেশনের জন্য, এবং অ্যাপটি যেভাবে চায় সেভাবে প্রদর্শিত হয়: শিরোনামের নিচে ট্যাব, যেমন এই সেকশনের অন্যান্য পৃষ্ঠাগুলিতে, বা সেকশনের জন্য একটি পাশের মেনু যখন কেউ এতে আছে — যেমন এই পৃষ্ঠায়, যার বাম দিকে এই সেকশনের মেনু।

লেখা হচ্ছে

একটি সেকশনের লেআউট 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' -%}