sd

src/main/webapp/app/entities/registration/registration-details.component.ts

@@ -6,6 +6,8 @@ import useDataUtils from '@/shared/data/data-utils.service';
 import { useDateFormat } from '@/shared/composables';
 import { type IRegistration } from '@/shared/model/registration.model';
 import { useAlertService } from '@/shared/alert/alert.service';
+import { type IUser, User } from '@/shared/model/user.model';
+import UserService from '@/entities/user/user.service';
 
 export default defineComponent({
   compatConfig: { MODE: 3 },
@@ -14,7 +16,9 @@ export default defineComponent({
     const dateFormat = useDateFormat();
     const registrationService = inject('registrationService', () => new RegistrationService());
     const alertService = inject('alertService', () => useAlertService(), true);
-
+    const userService = inject('userService', () => new UserService());
+    // const loggedUser: Ref<IUser> = ref(new User());
+    const currentUserId = ref('');
     const dataUtils = useDataUtils();
 
     const route = useRoute();
@@ -23,6 +27,13 @@ export default defineComponent({
     const previousState = () => router.go(-1);
     const registration: Ref<IRegistration> = ref({});
 
+    // Fetch user details from the /api/account endpoint
+    userService()
+      .fetchAccountDetails()
+      .then(account => {
+        currentUserId.value = `${account.id}`;
+      });
+
     const retrieveRegistration = async registrationId => {
       try {
         const res = await registrationService().find(registrationId);
@@ -37,6 +48,7 @@ export default defineComponent({
     }
 
     return {
+      currentUserId,
       ...dateFormat,
       alertService,
       registration,

src/main/webapp/app/entities/registration/registration-details.vue

@@ -53,7 +53,7 @@
           <font-awesome-icon icon="arrow-left"></font-awesome-icon>&nbsp;<span>Back</span>
         </button>
         <router-link
-          v-if="registration.id"
+          v-if="registration.id && registration.user?.id == currentUserId"
           :to="{ name: 'RegistrationEdit', params: { registrationId: registration.id } }"
           custom
           v-slot="{ navigate }"