tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

feat: group query POST, PUT, DELETE mutations

Browse source
This commit is contained in:
Adriaan Jacquet 2025-04-12 19:27:56 +02:00
parent 9bda33123f
commit 955be87da3
1 changed files with 66 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

71
frontend/src/queries/groups.ts
View file

@ -2,7 +2,8 @@ import type { ClassesResponse } from "@/controllers/classes";
import { GroupController, type GroupResponse, type GroupsResponse } from "@/controllers/groups"; import { GroupController, type GroupResponse, type GroupsResponse } from "@/controllers/groups";
import type { QuestionsResponse } from "@/controllers/questions"; import type { QuestionsResponse } from "@/controllers/questions";
import type { SubmissionsResponse } from "@/controllers/submissions"; import type { SubmissionsResponse } from "@/controllers/submissions";
import { useQuery, type UseQueryReturnType } from "@tanstack/vue-query"; import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
import { useMutation, useQuery, useQueryClient, type UseMutationReturnType, type UseQueryReturnType } from "@tanstack/vue-query";
import { computed, toValue, type MaybeRefOrGetter } from "vue"; import { computed, toValue, type MaybeRefOrGetter } from "vue";
const groupController = new GroupController(); const groupController = new GroupController();
@ -50,8 +51,8 @@ export function useGroupsQuery(
} }
export function useGroupQuery( export function useGroupQuery(
classid: string, classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: number, assignmentNumber: MaybeRefOrGetter<number | undefined>,
groupNumber: MaybeRefOrGetter<number | undefined>, groupNumber: MaybeRefOrGetter<number | undefined>,
): UseQueryReturnType<GroupResponse, Error> { ): UseQueryReturnType<GroupResponse, Error> {
const { cid, an, gn } = toValues(classid, assignmentNumber, groupNumber, true); const { cid, an, gn } = toValues(classid, assignmentNumber, groupNumber, true);
@ -63,9 +64,69 @@ export function useGroupQuery(
}); });
} }
// TODO: find way to check if cid and an are not undefined.
// depends on how this function is used.
export function useCreateClassMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, GroupDTO, unknown> {
const queryClient = useQueryClient();
const { cid, an } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (data) => groupController.createGroup(cid!, an!, data),
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
},
});
}
export function useDeleteClassMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, number, unknown> {
const queryClient = useQueryClient();
const { cid, an, gn } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (id) => groupController.deleteGroup(cid!, an!, id),
onSuccess: async (_) => {
await queryClient.invalidateQueries({ queryKey: groupQueryKey(cid!, an!, gn!) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
await queryClient.invalidateQueries({ queryKey: groupSubmissionsQueryKey(cid!, an!, gn!, true) });
await queryClient.invalidateQueries({ queryKey: groupSubmissionsQueryKey(cid!, an!, gn!, false) });
await queryClient.invalidateQueries({ queryKey: groupQuestionsQueryKey(cid!, an!, gn!, true) });
await queryClient.invalidateQueries({ queryKey: groupQuestionsQueryKey(cid!, an!, gn!, false) });
},
});
}
export function useUpdateClassMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, GroupDTO, unknown> {
const queryClient = useQueryClient();
const { cid, an, gn } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (data) => groupController.updateGroup(cid!, an!, gn!, data),
onSuccess: async (data) => {
await queryClient.invalidateQueries({ queryKey: groupQueryKey(cid!, an!, gn!) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
},
});
}
export function useGroupSubmissionsQuery( export function useGroupSubmissionsQuery(
classid: string, classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: number, assignmentNumber: MaybeRefOrGetter<number | undefined>,
groupNumber: MaybeRefOrGetter<number | undefined>, groupNumber: MaybeRefOrGetter<number | undefined>,
full: MaybeRefOrGetter<boolean> = true, full: MaybeRefOrGetter<boolean> = true,
): UseQueryReturnType<SubmissionsResponse, Error> { ): UseQueryReturnType<SubmissionsResponse, Error> {