layout/shell/navbar.py

import dash
from dash import html
import dash_mantine_components as dmc
from dash_iconify import DashIconify

# 此檔案由 site_manager.py 自動生成，請勿手動修改

def generate_navbar():
    height = 16
    navbar_content = html.Div(
        [
            dmc.NavLink(
                label="首頁",
                href="/",
                leftSection=DashIconify(icon="bi:house-door-fill", height=height),
                active="partial",
            ),
            dmc.NavLink(
                label="第十四章：偏導數",
                leftSection=DashIconify(icon="mdi:number-14-box-multiple-outline", height=height),
                childrenOffset=28,
                active="partial",
                children=[
                    dmc.NavLink(
                        label="第十四章總覽",
                        href="/Ch14",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-0", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_1：多變數函數",
                        href="/Ch14_1",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-1", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_2：極限和連續",
                        href="/Ch14_2",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-2", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_3：偏導數",
                        href="/Ch14_3",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-3", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_4：切平面和線性近似",
                        href="/Ch14_4",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-4", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_5：連鎖律",
                        href="/Ch14_5",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-5", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_6：方向導數和梯度向量",
                        href="/Ch14_6",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-6", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_7：極值",
                        href="/Ch14_7",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-7", height=height),
                    ),
                    dmc.NavLink(
                        label="CH14_8：拉格朗日乘數",
                        href="/Ch14_8",
                        active="exact",
                        childrenOffset=14,
                        leftSection=DashIconify(icon="tabler:square-rounded-number-8", height=height),
                    ),
                ],
            ),
        ],
        style={
            "width": {"xs": 200, "sm": 250, "md": 300, "lg": 300},
            "overflowY": "auto",
            "maxHeight": "100vh",
        },
    )
    return dmc.AppShellNavbar(
        id="navbar",
        children=[
            dmc.Divider(label="頁面導覽", variant="solid", labelPosition="left", size="md"),
            navbar_content,
        ],
        p="md",
    )