add action permissions

frontend/src/components/EssentialLink.vue

@@ -36,7 +36,7 @@ export interface EssentialLinkProps {
   isSeparator?: boolean;
   target?:string;
   disable?:boolean;
-  permission?: string
+  permission?: string|null;
 }
 withDefaults(defineProps<EssentialLinkProps>(), {
   caption: '',

frontend/src/components/ShareDomain/ShareDomainDialog.vue

@@ -8,6 +8,7 @@
 
       <q-card-section class="q-mx-md " >
         <q-select
+          v-permissions="props.actionPermissions.edit"
           class="q-mt-md"
           :disable="loading||!domain.domainActive"
           filled
@@ -53,7 +54,7 @@
           </template>
 
           <template v-slot:actions="{ row }">
-            <q-btn round title="解除" flat color="primary" :disable="isActionDisable && isActionDisable(row)" padding="xs" size="1em" :loading="row.isRemoving" icon="person_off" @click="removeShareTo(row)" />
+            <q-btn v-permissions="props.actionPermissions.edit" round title="解除" flat color="primary" :disable="isActionDisable && isActionDisable(row)" padding="xs" size="1em" :loading="row.isRemoving" icon="person_off" @click="removeShareTo(row)" />
           </template>
         </sharing-user-list>
 
@@ -76,7 +77,6 @@ import { useAuthStore } from 'stores/useAuthStore';
 import SharingUserList from 'components/ShareDomain/SharingUserList.vue';
 import RoleLabel from 'components/ShareDomain/RoleLabel.vue';
 import { Dialog } from 'quasar'
-import { IResponse } from 'src/types/BaseTypes';
 
 const authStore = useAuthStore();
 
@@ -89,6 +89,7 @@ interface Props {
   shareApi: (user: IUserDisplay, domain: IDomainOwnerDisplay) => Promise<any>;
   removeSharedApi: (user: IUserDisplay, domain: IDomainOwnerDisplay) => Promise<any>;
   getSharedApi: (domain: IDomainOwnerDisplay) => Promise<any>;
+  actionPermissions: { 'list': string, 'edit': string };
 }
 
 interface IUserDisplayWithShareRole extends IUserDisplay {

frontend/src/components/ShareDomain/ShareManageDialog.vue

@@ -8,6 +8,7 @@
     :get-shared-api="getSharedApi"
     :is-action-disable="(row) => row.id === authStore.userId"
     :model-value="modelValue"
+    :action-permissions="Actions.domain.grantManage"
     @update:modelValue="updateModelValue"
     @close="close"
   />
@@ -19,6 +20,7 @@ import ShareDomainDialog from 'components/ShareDomain/ShareDomainDialog.vue';
 import { IUserDisplay } from '../../types/UserTypes';
 import { IDomainOwnerDisplay } from '../../types/DomainTypes';
 import { api } from 'boot/axios';
+import { Actions } from 'boot/permissions';
 import { useAuthStore } from 'src/stores/useAuthStore';
 import { IResponse } from 'src/types/BaseTypes';
 

frontend/src/components/ShareDomain/ShareUsageDialog.vue

@@ -7,6 +7,7 @@
     :remove-shared-api="removeSharedApi"
     :get-shared-api="getSharedApi"
     :model-value="modelValue"
+    :action-permissions="Actions.domain.grantUse"
     @update:modelValue="updateModelValue"
     @close="close"
   />
@@ -18,6 +19,7 @@ import ShareDomainDialog from 'components/ShareDomain/ShareDomainDialog.vue';
 import { IUserDisplay } from '../../types/UserTypes';
 import { IDomainOwnerDisplay } from '../../types/DomainTypes';
 import { api } from 'boot/axios';
+import { Actions } from 'boot/permissions';
 
 interface Props {
   modelValue: boolean;

frontend/src/components/TableActionMenu.vue

@@ -1,9 +1,9 @@
 <template>
-  <q-btn flat padding="xs" round size="1em" icon="more_vert" class="action-menu">
+  <q-btn v-if="hasPermission()" flat padding="xs" round size="1em" icon="more_vert" class="action-menu">
     <q-menu :max-width="maxWidth">
       <q-list dense :style="{ 'min-width': minWidth }">
         <template v-for="(item, index) in actions" :key="index" >
-          <q-item v-if="isAction(item)" :disable="isFunction(item.disable) ? item.disable(row) : item.disable"
+          <q-item v-if="isAction(item)" v-permissions="item.permission" :disable="isFunction(item.disable) ? item.disable(row) : item.disable"
             :class="item.class" clickable v-close-popup @click="item.action(row)">
             <q-item-section side style="color: inherit;">
               <q-icon size="1.2em" :name="item.icon" />
@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts">
-import { PropType, Ref } from 'vue';
+import { PropType, getCurrentInstance } from 'vue';
 import { IDomainOwnerDisplay } from '../types/DomainTypes';
 
 interface Action {
@@ -29,6 +29,7 @@ interface Action {
   icon?: string;
   tooltip?: string|((row: IDomainOwnerDisplay) => string);
   disable?: boolean|((row: IDomainOwnerDisplay) => boolean);
+  permission?: string|object;
   action: (row: any) => void|Promise<void>;
   class?: string;
 }
@@ -64,6 +65,18 @@ export default {
 
     isFunction(item: any): item is ((row: IDomainOwnerDisplay) => boolean|string) {
       return typeof item === 'function';
+    },
+
+    hasPermission() {
+      const proxy = getCurrentInstance()?.proxy;
+      if (!proxy) {
+        return false;
+      }
+      for (const item of this.actions) {
+        if (this.isAction(item) && proxy.$hasPermission(item.permission)) {
+          return true;
+        }
+      }
     }
   }
 };