Navigasi bagian

Navigasi bagian

Halaman-halaman dalam sebuah bagian ditulis sekali, sebagai navigasinya, dan ditampilkan sesuai pilihan aplikasi: tab di bawah header, seperti di halaman-halaman lain dalam bagian ini, atau menu samping yang mewakili bagian saat seseorang berada di dalamnya — seperti di halaman ini, yang menu di sebelah kiri adalah bagian ini.

Menuliskannya

Tata letak sebuah bagian menetapkan page_section_navigation: apa itu bagian (label, href), untuk apa ditinggalkan (kembali), dan tampilan-tampilannya (item), masing-masing adalah rute yang dapat dibuka pembaca — yang lainnya dikesampingkan. Sebuah item tetap menyala di kumpulan halaman (cocok), dan dapat memiliki tampilan sendiri (anak).

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

Menggambar ini

layout_section_navigation mengatakan bagaimana: tab secara default, yang menunjukkan tingkat di mana halaman berada — anak-anak dari sebuah tampilan di bawah jalan kembali ke bagian — atau menu, yang menunjukkan keseluruhan bagian, jalan kembali di atas dan tampilan yang menampilkan halaman terbuka.

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