feat(frontend): leerkracht kan alle groepen binnen een assignment zien en leerling kan zijn group zien

frontend/src/queries/assignments.ts

@@ -104,7 +104,7 @@ export function useAssignmentsQuery(
 export function useAssignmentQuery(
     classid: MaybeRefOrGetter<string | undefined>,
     assignmentNumber: MaybeRefOrGetter<number | undefined>,
-): UseQueryReturnType<AssignmentsResponse, Error> {
+): UseQueryReturnType<AssignmentResponse, Error> {
     const { cid, an } = toValues(classid, assignmentNumber, 1, true);
 
     return useQuery({

frontend/src/queries/students.ts

@@ -1,8 +1,9 @@
-import { computed, toValue } from "vue";
+import {computed, type Ref, toValue} from "vue";
 import type { MaybeRefOrGetter } from "vue";
 import {
+    type QueryObserverResult,
     useMutation,
-    type UseMutationReturnType,
+    type UseMutationReturnType, useQueries,
     useQuery,
     useQueryClient,
     type UseQueryReturnType,
@@ -69,6 +70,20 @@ export function useStudentQuery(
     });
 }
 
+export function useStudentsByUsernamesQuery(
+    usernames: MaybeRefOrGetter<string[] | undefined>
+): Ref<QueryObserverResult<StudentResponse>[]> {
+    const resolvedUsernames = toValue(usernames) ?? [];
+
+    return useQueries({
+        queries: resolvedUsernames?.map((username) => ({
+            queryKey: computed(() => studentQueryKey(toValue(username))),
+            queryFn: async () => studentController.getByUsername(toValue(username)),
+            enabled: Boolean(toValue(username)),
+        })),
+    });
+}
+
 export function useStudentClassesQuery(
     username: MaybeRefOrGetter<string | undefined>,
     full: MaybeRefOrGetter<boolean> = true,