feat(backend): De meest recente indiening wordt automatisch ingeladen.

frontend/src/views/learning-paths/learning-object/submissions/LearningObjectSubmissionsView.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+    import type {SubmissionData} from "@/views/learning-paths/learning-object/submission-data";
+    import type {SubmissionDTO} from "@dwengo-1/common/interfaces/submission";
+    import {Language} from "@/data-objects/language.ts";
+    import {useSubmissionsQuery} from "@/queries/submissions.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import SubmitButton from "@/views/learning-paths/learning-object/submissions/SubmitButton.vue";
+    import {watch} from "vue";
+
+    const props = defineProps<{
+        submissionData?: SubmissionData,
+        hruid: string;
+        language: Language;
+        version: number,
+        group: {forGroup: number, assignmentNo: number, classId: string}
+    }>();
+    const emit = defineEmits<{
+        (e: "update:submissionData", value: SubmissionData): void
+    }>();
+
+    const submissionQuery = useSubmissionsQuery(
+        () => props.hruid,
+        () => props.language,
+        () => props.version,
+        () => props.group.classId,
+        () => props.group.assignmentNo,
+        () => props.group.forGroup,
+        () => true
+    );
+
+    function loadSubmission(submission: SubmissionDTO) {
+        emit("update:submissionData", JSON.parse(submission.content));
+        console.log(`emitted: ${JSON.parse(submission.content)}`);
+    }
+
+    watch(submissionQuery.data, () => {
+        const submissions = submissionQuery.data.value;
+        if (submissions && submissions.length > 0) {
+            loadSubmission(submissions[submissions.length - 1]);
+        }
+    });
+</script>
+
+<template>
+    <using-query-result :query-result="submissionQuery" v-slot="submissions: { data: SubmissionDTO[] }">
+        <submit-button
+            :hruid="props.hruid"
+            :language="props.language"
+            :version="props.version"
+            :group="props.group"
+            :submission-data="props.submissionData"
+            :submissions="submissions.data"
+        />
+    </using-query-result>
+</template>
+
+<style scoped>
+</style>

frontend/src/views/learning-paths/learning-object/submissions/SubmitButton.vue

@@ -0,0 +1,102 @@
+<script setup lang="ts">
+    import {computed} from "vue";
+    import authService from "@/services/auth/auth-service.ts";
+    import type {SubmissionData} from "@/views/learning-paths/learning-object/submission-data";
+    import {Language} from "@/data-objects/language.ts";
+    import type {SubmissionDTO} from "@dwengo-1/common/interfaces/submission";
+    import {useCreateSubmissionMutation} from "@/queries/submissions.ts";
+    import {deepEquals} from "@/utils/deep-equals.ts";
+    import type {UserProfile} from "oidc-client-ts";
+    import type {LearningObjectIdentifierDTO} from "@dwengo-1/common/interfaces/learning-content";
+    import type {StudentDTO} from "@dwengo-1/common/interfaces/student";
+    import type {GroupDTO} from "@dwengo-1/common/interfaces/group";
+    import {useI18n} from "vue-i18n";
+
+    const { t } = useI18n();
+
+    const props = defineProps<{
+        submissionData?: SubmissionData,
+        submissions: SubmissionDTO[],
+        hruid: string;
+        language: Language;
+        version: number,
+        group: {forGroup: number, assignmentNo: number, classId: string}
+    }>();
+
+    const {
+        isPending: submissionIsPending,
+        isError: submissionFailed,
+        error: submissionError,
+        isSuccess: submissionSuccess,
+        mutate: submitSolution
+    } = useCreateSubmissionMutation();
+
+    const isStudent = computed(() => authService.authState.activeRole === "student");
+
+    const isSubmitDisabled = computed(() => {
+        if (!props.submissionData || props.submissions === undefined) {
+            return true;
+        }
+        if (props.submissionData.some(answer => answer === null)) {
+            return false;
+        }
+        if (props.submissions.length === 0) {
+            return false;
+        }
+        return deepEquals(
+            JSON.parse(props.submissions[props.submissions.length - 1].content),
+            props.submissionData
+        );
+    });
+
+    function submitCurrentAnswer(): void {
+        const { forGroup, assignmentNo, classId } = props.group!;
+        const currentUser: UserProfile = authService.authState.user!.profile;
+        const learningObjectIdentifier: LearningObjectIdentifierDTO = {
+            hruid: props.hruid,
+            language: props.language as Language,
+            version: props.version
+        };
+        const submitter: StudentDTO = {
+            id: currentUser.preferred_username!,
+            username: currentUser.preferred_username!,
+            firstName: currentUser.given_name!,
+            lastName: currentUser.family_name!
+        };
+        const group: GroupDTO = {
+            class: classId,
+            assignment: assignmentNo,
+            groupNumber: forGroup
+        }
+        const submission: SubmissionDTO = {
+            learningObjectIdentifier,
+            submitter,
+            group,
+            content: JSON.stringify(props.submissionData)
+        }
+        submitSolution({ data: submission });
+    }
+
+    const buttonText = computed(() => {
+        if (props.submissionData && props.submissionData.length === 0) {
+            return t("markAsDone");
+        }
+        return t("submit");
+    });
+</script>
+
+<template>
+    <v-btn v-if="isStudent"
+           prepend-icon="mdi-check"
+           variant="elevated"
+           :loading="submissionIsPending"
+           :disabled="isSubmitDisabled"
+           @click="submitCurrentAnswer()"
+    >
+        {{ buttonText }}
+    </v-btn>
+</template>
+
+<style scoped>
+
+</style>