feat:管理者機能追加

frontend/src/layouts/MainLayout.vue

@@ -139,22 +139,22 @@ const essentialLinks: EssentialLinkProps[] = [
 
 const adminLinks: EssentialLinkProps[] = [
   {
-    title: 'ユーザー',
-    caption: 'ユーザー設定する',
+    title: 'ユーザー管理',
+    caption: 'ユーザーを管理する',
     icon: 'manage_accounts',
     link: '/#/user',
     target: '_self'
   },
   {
-    title: 'テナント',
-    caption: 'テナント設定',
+    title: 'ドメイン管理',
+    caption: 'kintoneのドメイン設定',
     icon: 'domain',
     link: '/#/domain',
     target: '_self'
   },
   {
-    title: 'アカウント',
-    caption: 'アカウント設定',
+    title: 'ドメイン適用',
+    caption: 'ユーザー使用可能なドメインの設定',
     icon: 'assignment_ind',
     link: '/#/userDomain',
     target: '_self'

frontend/src/pages/TenantDomain.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="q-pa-md">
+    <div class="q-gutter-sm row items-start">
+        <q-breadcrumbs>
+          <q-breadcrumbs-el icon="domain" label="ドメイン管理" />
+        </q-breadcrumbs>
+    </div>
     <q-table title="Treats" :rows="rows" :columns="columns" row-key="id" :filter="filter" :loading="loading" :pagination="pagination">
 
       <template v-slot:top>

frontend/src/pages/UserDomain.vue

@@ -1,5 +1,11 @@
 <template>
+
   <div class="q-pa-lg">
+    <div class="q-gutter-sm row items-start">
+    <q-breadcrumbs>
+      <q-breadcrumbs-el icon="assignment_ind" label="ドメイン適用" />
+    </q-breadcrumbs>
+  </div>
     <q-table grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns" row-key="name"
       :filter="userDomainTableFilter" virtual-scroll v-model:pagination="pagination">
       <template v-slot:top>
@@ -10,7 +16,7 @@
         <div class="row q-gutter-md">
           <q-item v-if="authStore.permissions === 'admin'" tag="label" dense @click="clickSwitchUser()">
             <q-item-section>
-              <q-item-label>オブジェクトユーザ : </q-item-label>
+              <q-item-label>適用するユーザ : </q-item-label>
             </q-item-section>
             <q-item-section avatar>
               {{ currentUserName }}
@@ -52,11 +58,11 @@
               <div style="width: 98%;">
                 <div class="row items-center justify-between">
                   <div class="q-table__grid-item-value"
-                    :class="isActive(props.row.id) === 'Active' ? 'text-positive' : 'text-negative'">{{
-                      isActive(props.row.id) }}</div>
+                    :class="isActive(props.row.id) ? 'text-positive' : 'text-negative'">{{
+                      isActive(props.row.id)?'既定':'' }}</div>
                   <div class="col-auto">
-                    <q-btn v-if="isActive(props.row.id) !== 'Active'" flat
-                      @click="activeDomain(props.row.id)">有効</q-btn>
+                    <q-btn v-if="!isActive(props.row.id)" flat
+                      @click="activeDomain(props.row.id)">既定にする</q-btn>
                     <q-btn flat @click="clickDeleteConfirm(props.row)">削除</q-btn>
                   </div>
                 </div>
@@ -184,11 +190,8 @@ const activeDomain = (id: number) => {
 let activeDomainId = ref(0);
 
 const isActive = computed(() => (id: number) => {
-  if (id == activeDomainId.value)
-    return "Active";
-  else
-    return "Inactive";
-})
+  return id == activeDomainId.value;
+});
 
 
 const showSwitchUserDd = ref(false);

frontend/src/pages/UserManagement.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="q-pa-md">
+    <div class="q-gutter-sm row items-start">
+        <q-breadcrumbs>
+          <q-breadcrumbs-el icon="manage_accounts" label="ユーザー管理" />
+        </q-breadcrumbs>
+     </div>
     <q-table title="ユーザーリスト" :rows="rows" :columns="columns" row-key="id" :filter="filter" :loading="loading"
-      :pagination="pagination">
+      :pagination="pagination" >
 
       <template v-slot:top>
         <q-btn color="primary" :disable="loading" label="新規" @click="addRow" />