SCRUM-275: nuxt fe(feature): hide button to add student if they have a supervisor already

Author: nb159

Frontend/pages/admin/dashboard.vue

@@ -20,7 +20,7 @@
           >{{ t("admin.availableSpots") }}
         </span>
       </div>
-      <hr class="border-base-300" />
+      <hr class="border-base-300" >
       <div class="p-8 gap-4 admin-overview-grid">
         <FontAwesomeIcon class="opacity-75" icon="user-group" />
         <span class="text-body text-primary"

Frontend/pages/profiles/[id].vue

@@ -84,9 +84,8 @@
               left-icon="message"
               @click="managePendingRequest"
           />
-          <!-- TODO: conditionally render if student doesnt have an accepted supervisor -->
           <CustomButton
-              v-if="isStudent && !studentPendingRequest"
+              v-if="isStudent && !studentPendingRequest && !hasSupervisor"
               :text="t('generic.addStudent')"
               block
               color="default"
@@ -221,10 +220,25 @@ const isSupervisor = computed(() => {
 const isStudent = computed(() => {
   return routeParamUser.value.role === UserRoles.STUDENT;
 });
+//hacky solution, begin with true to not show the button. IF no supervisor, turn it false
+const hasSupervisor = ref(true)
 
 onMounted(async() => {
   if (isStudent.value) {
     await supervisorStore.getSupervisionRequests();
+    const data = await $fetch(
+      `/api/supervision-requests/count/${routeParamUserId}`,
+      {
+        method: HttpMethods.GET,
+        query: {
+          request_state: supervisionRequestStatus.ACCEPTED,
+        },
+      }
+    );
+    if (data.request_count === 0) {
+      hasSupervisor.value = false;
+    }
+    console.log("requests", supervisorStore.supervisionRequests);
   }
 });
 
@@ -236,7 +250,10 @@ const routeParamUser = data;
 
 const studentPendingRequest = computed(() => {
   return supervisorStore.supervisionRequests?.find(
-    request => request.student.user_id === routeParamUser.value.id
+    request => 
+      request.student.user_id === routeParamUser.value.id &&
+      request.request_state === supervisionRequestStatus.PENDING
+
   );
 });
 

Frontend/server/api/supervision-requests/count/[id]/index.get.ts

@@ -0,0 +1,51 @@
+import { requestStateSchema } from "#shared/validationSchemas/validationSchemas";
+import { ZodError } from "zod";
+
+export default defineEventHandler ( async (event) => {
+    const request_state = getQuery(event).request_state
+    
+        let parsedRequestState: string | undefined = undefined;
+        if (request_state !== undefined) {
+            try {
+                parsedRequestState = requestStateSchema.parse(request_state);
+            } catch (e) {
+                if (e instanceof ZodError) {
+                    const errorMessage = e.errors.map(err => err.message).join(', ');
+                    return sendError(event, createError({
+                        statusCode: 400,
+                        statusMessage: `Invalid QueryParameter: ${errorMessage}`
+                    }));
+                }
+                return sendError(event, createError({
+                    statusCode: 400,
+                    statusMessage: 'Invalid QueryParameter'
+                }));
+            }
+        }
+    
+    
+    // standard setup for every endpoint
+    const token = await getBearerToken(event)
+    const targetPath = getTargetPath(event)
+
+    const queryParams: Record<string, string> = {};
+    if (parsedRequestState !== undefined) {
+        queryParams.request_state = parsedRequestState;
+    }
+
+    // Send request to Nest API
+    return await fetchNest(targetPath, {
+        method: event.method,
+        headers: {
+            Authorization: `Bearer ${token}`,
+            accept: 'application/json',
+        },
+        query: queryParams
+
+    }).catch((error) => {
+        throw createError({
+            statusCode: error.statusCode || 500,
+            statusMessage: error.message || 'Internal Server Error',
+        })
+    })
+})