Add permissions

frontend/src/components/EssentialLink.vue

@@ -1,5 +1,6 @@
 <template>
   <q-item
+    v-permissions="permission"
     clickable
     tag="a"
     :target="target?target:'_blank'"
@@ -35,6 +36,7 @@ export interface EssentialLinkProps {
   isSeparator?: boolean;
   target?:string;
   disable?:boolean;
+  permission?: string
 }
 withDefaults(defineProps<EssentialLinkProps>(), {
   caption: '',

frontend/src/components/ShareDomain/ShareDomainDialog.vue

@@ -53,7 +53,7 @@
           </template>
 
           <template v-slot:actions="{ row }">
-            <q-btn round title="解除" flat color="primary" padding="xs" size="1em" :loading="row.isRemoving" icon="person_off" @click="removeShareTo(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)" />
           </template>
         </sharing-user-list>
 
@@ -68,7 +68,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch } from 'vue';
 import { IDomainOwnerDisplay } from '../../types/DomainTypes';
 import { IUser, IUserDisplay } from '../../types/UserTypes';
 import { api } from 'boot/axios';
@@ -76,6 +76,7 @@ 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();
 
@@ -84,7 +85,7 @@ interface Props {
   domain: IDomainOwnerDisplay;
   dialogTitle: string;
   userListTitle: string;
-  hideSelf: boolean;
+  isActionDisable?: (user: IUserDisplay) => boolean;
   shareApi: (user: IUserDisplay, domain: IDomainOwnerDisplay) => Promise<any>;
   removeSharedApi: (user: IUserDisplay, domain: IDomainOwnerDisplay) => Promise<any>;
   getSharedApi: (domain: IDomainOwnerDisplay) => Promise<any>;
@@ -205,10 +206,6 @@ const loadShared = async () => {
   loading.value = true;
   sharedUsersIdSet.clear();
 
-  if(props.hideSelf) {
-    sharedUsersIdSet.add((Number)(authStore.userId));
-  }
-
   const { data } = await props.getSharedApi(props.domain);
 
   sharedUsers.value = data.data.reduce((arr: IUserDisplayWithShareRole[], item: IUser) => {

frontend/src/components/ShareDomain/ShareManageDialog.vue

@@ -6,8 +6,8 @@
     :share-api="shareApi"
     :remove-shared-api="removeSharedApi"
     :get-shared-api="getSharedApi"
+    :is-action-disable="(row) => row.id === authStore.userId"
     :model-value="modelValue"
-    hide-self
     @update:modelValue="updateModelValue"
     @close="close"
   />
@@ -19,6 +19,10 @@ import ShareDomainDialog from 'components/ShareDomain/ShareDomainDialog.vue';
 import { IUserDisplay } from '../../types/UserTypes';
 import { IDomainOwnerDisplay } from '../../types/DomainTypes';
 import { api } from 'boot/axios';
+import { useAuthStore } from 'src/stores/useAuthStore';
+import { IResponse } from 'src/types/BaseTypes';
+
+const authStore = useAuthStore();
 
 interface Props {
   modelValue: boolean;
@@ -35,11 +39,11 @@ async function shareApi(user: IUserDisplay, domain: IDomainOwnerDisplay) {
 }
 
 async function removeSharedApi(user: IUserDisplay, domain: IDomainOwnerDisplay) {
-  return api.delete(`api/managedomain/${domain.id}/${user.id}`);
+  return api.delete<IResponse>(`api/managedomain/${domain.id}/${user.id}`);
 }
 
 async function getSharedApi(domain: IDomainOwnerDisplay) {
-  return api.get(`/api/managedomainuser/${domain.id}`);
+  return api.get<IResponse>(`/api/managedomainuser/${domain.id}`);
 }
 
 const emit = defineEmits<{