feat: add role-based sidebar link visibility control

2026-03-01 18:17:45 +08:00
parent 20aa6f12a3
commit 7ab2ad41c4
7 changed files with 74 additions and 17 deletions
@@ -20,6 +20,7 @@
  let loading = $state(true);
  let userRole = $state("");
  let allowedPages = $state([]);
+  let allowedSidebarLinks = $state("*");
  let sidebarOrder = $state(null);
  let orderSaveTimer = null;

@@ -29,6 +30,7 @@
      setCurrentUser(data);
      userRole = data.role || "admin";
      allowedPages = data.pages || "*";
+      allowedSidebarLinks = data.sidebar_links || "*";
      // Fetch sidebar preferences
      try {
        const prefs = await getPreferences();
@@ -126,7 +128,7 @@
  <Login />
 {:else}
  <div class="flex h-screen overflow-hidden bg-surface-50 dark:bg-surface-900">
-    <Sidebar bind:page {dark} {toggleTheme} {logout} bind:sidebarOpen {allowedPages} {userRole} {sidebarOrder} onOrderChange={handleOrderChange} />
+    <Sidebar bind:page {dark} {toggleTheme} {logout} bind:sidebarOpen {allowedPages} {allowedSidebarLinks} {userRole} {sidebarOrder} onOrderChange={handleOrderChange} />
    <main class="flex-1 overflow-auto">
      <div class="max-w-[1400px] mx-auto p-6 lg:p-8">
        <!-- Mobile hamburger -->