システム管理者専用のページを追加しました。

frontend/src/layouts/MainLayout.vue

@@ -2,14 +2,7 @@
   <q-layout view="lHh Lpr lFf">
     <q-header elevated>
       <q-toolbar>
-        <q-btn
-          flat
-          dense
-          round
-          icon="menu"
-          aria-label="Menu"
-          @click="toggleLeftDrawer"
-        />
+        <q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" />
         <q-toolbar-title>
           {{ productName }}
           <q-badge align="top" outline>V{{ version }}</q-badge>
@@ -19,23 +12,16 @@
       </q-toolbar>
     </q-header>
 
-    <q-drawer
-      :model-value="authStore.LeftDrawer"
-      :show-if-above="false"
-      bordered
-    >
+    <q-drawer :model-value="authStore.LeftDrawer" :show-if-above="false" bordered>
       <q-list>
-        <q-item-label
-          header
-        >
+        <q-item-label header>
           メニュー
         </q-item-label>
 
-        <EssentialLink
-          v-for="link in essentialLinks"
-          :key="link.title"
-          v-bind="link"
-        />
+        <EssentialLink v-for="link in essentialLinks" :key="link.title" v-bind="link" />
+        <div v-if="isAdmin">
+          <EssentialLink v-for="link in adminLinks" :key="link.title" v-bind="link" />
+        </div>
       </q-list>
     </q-drawer>
 
@@ -151,8 +137,33 @@ const essentialLinks: EssentialLinkProps[] = [
   // }
 ];
 
+const adminLinks: EssentialLinkProps[] = [
+  {
+    title: 'ユーザー',
+    caption: 'ユーザー設定する',
+    icon: 'manage_accounts',
+    link: '/#/user',
+    target: '_self'
+  },
+  {
+    title: 'テナント',
+    caption: 'テナント設定',
+    icon: 'domain',
+    link: '/#/domain',
+    target: '_self'
+  },
+  {
+    title: 'アカウント',
+    caption: 'アカウント設定',
+    icon: 'assignment_ind',
+    link: '/#/userDomain',
+    target: '_self'
+  },
+]
+
 const version = process.env.version;
 const productName = process.env.productName;
+
 onMounted(() => {
   authStore.toggleLeftMenu();
 });
@@ -160,4 +171,8 @@ onMounted(() => {
 function toggleLeftDrawer() {
   authStore.toggleLeftMenu();
 }
+function isAdmin(){
+  const permission = authStore.permissions;
+  return permission === 'admin'
+}
 </script>