From fb0230027421cf29b5f3726f2d18c8d8cdd2a4ca Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Mon, 14 Apr 2025 10:59:59 +0200
Subject: [PATCH 01/49] feat: assignment label bij leerpaden die opdrachten
 zijn

---
 .../views/learning-paths/LearningPathPage.vue  | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 2a86d08d..19c8be04 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -168,6 +168,10 @@
                     </template>
                 </using-query-result>
             </div>
+            <v-divider></v-divider>
+            <div v-if="true" class="assignment-indicator">  
+                ASSIGNMENT
+            </div>
         </v-navigation-drawer>
         <div class="control-bar-above-content">
             <v-btn
@@ -226,4 +230,18 @@
         display: flex;
         justify-content: space-between;
     }
+    .assignment-indicator {
+      position: absolute;
+      bottom: 10px;
+      left: 10px;
+      padding: 4px 12px;
+      border: 2px solid #f8bcbc;
+      border-radius: 20px;
+      color: #f36c6c;
+      background-color: rgba(248, 188, 188, 0.1);
+      font-weight: bold;
+      font-family: Arial, sans-serif;
+      font-size: 14px;
+      text-transform: uppercase;
+      }
 </style>

From d0c6e13944b4d5dc27648cdd7099e5c051656e15 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 16:47:54 +0200
Subject: [PATCH 02/49] fix: onnodige router verwijderd

---
 backend/src/routes/assignments.ts | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/backend/src/routes/assignments.ts b/backend/src/routes/assignments.ts
index 083ee586..5b9ed7c6 100644
--- a/backend/src/routes/assignments.ts
+++ b/backend/src/routes/assignments.ts
@@ -23,12 +23,6 @@ router.delete('/:id', deleteAssignmentHandler);
 
 router.get('/:id/submissions', getAssignmentsSubmissionsHandler);
 
-router.get('/:id/questions', (_req, res) => {
-    res.json({
-        questions: ['0'],
-    });
-});
-
 router.use('/:assignmentid/groups', groupRouter);
 
 export default router;

From ad63cde3b40d03a874d295a6e277963f9d9f3c8c Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Mon, 21 Apr 2025 21:51:54 +0200
Subject: [PATCH 03/49] feat: checken of leerpaden assignments zijn

---
 .../views/learning-paths/LearningPathPage.vue | 42 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 19c8be04..cd42a8d8 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -12,6 +12,9 @@
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import authService from "@/services/auth/auth-service.ts";
     import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
+import { useStudentAssignmentsQuery } from "@/queries/students";
+import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import { watch } from "vue";
 
     const route = useRoute();
     const { t } = useI18n();
@@ -98,6 +101,43 @@
         }
         return "notCompleted";
     }
+
+    //TODO: berekenen of het een assignment is voor de student werkt nog niet zoals het hoort...
+
+    const studentAssignmentsQuery = useStudentAssignmentsQuery(authService.authState.user?.profile?.preferred_username);
+
+    watch(
+        () => authService.authState.user?.profile?.preferred_username,
+        (newUsername) => {
+            if (newUsername) {
+                studentAssignmentsQuery.refetch();
+            }
+        }
+    );
+
+    const isAssignmentForStudent = computed(() => {
+        // Check if the user is a student
+        const isStudent = authService.authState.activeRole === "student";
+
+        if (isStudent && studentAssignmentsQuery.isSuccess) {
+            // Use the query to fetch assignments for the current student
+            console.log("Query Result:", studentAssignmentsQuery.data?.value);
+
+            // Check if the query is successful and contains the current learning path
+            const isAssignment = (studentAssignmentsQuery.data?.value?.assignments as AssignmentDTO[]).some(
+                (assignment: AssignmentDTO) => {
+                    console.log(assignment.learningPath)
+                    return assignment.learningPath === props.hruid
+                }
+            );
+
+            // Return true only if the user is a student and the learning path is an assignment
+            return isAssignment;
+        }
+
+        return false;
+    });
+
 </script>
 
 <template>
@@ -169,7 +209,7 @@
                 </using-query-result>
             </div>
             <v-divider></v-divider>
-            <div v-if="true" class="assignment-indicator">  
+            <div v-if="isAssignmentForStudent" class="assignment-indicator">  
                 ASSIGNMENT
             </div>
         </v-navigation-drawer>

From 6f639dbe596657435ed3545413f233703116ace3 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 22:29:38 +0200
Subject: [PATCH 04/49] fix: language undefined

---
 backend/src/controllers/questions.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/controllers/questions.ts b/backend/src/controllers/questions.ts
index 3240aa71..f467f907 100644
--- a/backend/src/controllers/questions.ts
+++ b/backend/src/controllers/questions.ts
@@ -31,7 +31,7 @@ export function getQuestionId(learningObjectIdentifier: LearningObjectIdentifier
 export async function getAllQuestionsHandler(req: Request, res: Response): Promise<void> {
     const hruid = req.params.hruid;
     const version = req.params.version;
-    const language = req.query.lang as string;
+    const language = (req.query.lang ? req.query.lang : FALLBACK_LANG) as string;
     const full = req.query.full === 'true';
     requireFields({ hruid });
 

From db33cd49082f3ab64201e140547d1c07c5fcbcf7 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 22:30:10 +0200
Subject: [PATCH 05/49] fix: super moet eerst opgeroepen worden + variabele
 moet geinitialiseerd worden

---
 frontend/src/controllers/questions.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/controllers/questions.ts b/frontend/src/controllers/questions.ts
index 60a51d1a..86f4a56d 100644
--- a/frontend/src/controllers/questions.ts
+++ b/frontend/src/controllers/questions.ts
@@ -11,28 +11,30 @@ export interface QuestionResponse {
 }
 
 export class QuestionController extends BaseController {
+    loId: LearningObjectIdentifierDTO;
+
     constructor(loId: LearningObjectIdentifierDTO) {
-        this.loId = loId;
         super(`learningObject/${loId.hruid}/:${loId.version}/questions`);
+        this.loId = loId;
     }
 
     async getAll(full = true): Promise<QuestionsResponse> {
-        return this.get<QuestionsResponse>("/", { lang: this.loId.lang, full });
+        return this.get<QuestionsResponse>("/", { lang: this.loId.language, full });
     }
 
     async getBy(sequenceNumber: number): Promise<QuestionResponse> {
-        return this.get<QuestionResponse>(`/${sequenceNumber}`, { lang: this.loId.lang });
+        return this.get<QuestionResponse>(`/${sequenceNumber}`, { lang: this.loId.language });
     }
 
     async create(questionData: QuestionData): Promise<QuestionResponse> {
-        return this.post<QuestionResponse>("/", questionData, { lang: this.loId.lang });
+        return this.post<QuestionResponse>("/", questionData, { lang: this.loId.language });
     }
 
     async remove(sequenceNumber: number): Promise<QuestionResponse> {
-        return this.delete<QuestionResponse>(`/${sequenceNumber}`, { lang: this.loId.lang });
+        return this.delete<QuestionResponse>(`/${sequenceNumber}`, { lang: this.loId.language });
     }
 
     async update(sequenceNumber: number, questionData: QuestionData): Promise<QuestionResponse> {
-        return this.put<QuestionResponse>(`/${sequenceNumber}`, questionData, { lang: this.loId.lang });
+        return this.put<QuestionResponse>(`/${sequenceNumber}`, questionData, { lang: this.loId.language });
     }
 }

From c446e09affe9b0b81d7e3dbd592833f62e8e67e5 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 23:45:01 +0200
Subject: [PATCH 06/49] fix: errors super en this

---
 frontend/src/controllers/answers.ts | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/controllers/answers.ts b/frontend/src/controllers/answers.ts
index 04235e77..3a378a96 100644
--- a/frontend/src/controllers/answers.ts
+++ b/frontend/src/controllers/answers.ts
@@ -1,6 +1,7 @@
 import type { AnswerData, AnswerDTO, AnswerId } from "@dwengo-1/common/interfaces/answer";
 import { BaseController } from "@/controllers/base-controller.ts";
 import type { QuestionId } from "@dwengo-1/common/interfaces/question";
+import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
 
 export interface AnswersResponse {
     answers: AnswerDTO[] | AnswerId[];
@@ -11,29 +12,34 @@ export interface AnswerResponse {
 }
 
 export class AnswerController extends BaseController {
+
+    loId: LearningObjectIdentifierDTO;
+    sequenceNumber: number;
+
+
     constructor(questionId: QuestionId) {
+        super(`learningObject/${questionId.learningObjectIdentifier.hruid}/:${questionId.learningObjectIdentifier.version}/questions/${questionId.sequenceNumber}/answers`);
         this.loId = questionId.learningObjectIdentifier;
         this.sequenceNumber = questionId.sequenceNumber;
-        super(`learningObject/${loId.hruid}/:${loId.version}/questions/${this.sequenceNumber}/answers`);
     }
 
     async getAll(full = true): Promise<AnswersResponse> {
-        return this.get<AnswersResponse>("/", { lang: this.loId.lang, full });
+        return this.get<AnswersResponse>("/", { lang: this.loId.language, full });
     }
 
     async getBy(seq: number): Promise<AnswerResponse> {
-        return this.get<AnswerResponse>(`/${seq}`, { lang: this.loId.lang });
+        return this.get<AnswerResponse>(`/${seq}`, { lang: this.loId.language });
     }
 
     async create(answerData: AnswerData): Promise<AnswerResponse> {
-        return this.post<AnswerResponse>("/", answerData, { lang: this.loId.lang });
+        return this.post<AnswerResponse>("/", answerData, { lang: this.loId.language });
     }
 
     async remove(seq: number): Promise<AnswerResponse> {
-        return this.delete<AnswerResponse>(`/${seq}`, { lang: this.loId.lang });
+        return this.delete<AnswerResponse>(`/${seq}`, { lang: this.loId.language });
     }
 
     async update(seq: number, answerData: AnswerData): Promise<AnswerResponse> {
-        return this.put<AnswerResponse>(`/${seq}`, answerData, { lang: this.loId.lang });
+        return this.put<AnswerResponse>(`/${seq}`, answerData, { lang: this.loId.language });
     }
 }

From d5031de5374c7971d414070bfe1517a42490cce8 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 23:45:14 +0200
Subject: [PATCH 07/49] test: extra testdate

---
 .../test_assets/questions/answers.testdata.ts | 21 +++++++++-
 .../questions/questions.testdata.ts           | 40 ++++++++++++++++++-
 2 files changed, 58 insertions(+), 3 deletions(-)

diff --git a/backend/tests/test_assets/questions/answers.testdata.ts b/backend/tests/test_assets/questions/answers.testdata.ts
index ec15527f..44724604 100644
--- a/backend/tests/test_assets/questions/answers.testdata.ts
+++ b/backend/tests/test_assets/questions/answers.testdata.ts
@@ -2,6 +2,9 @@ import { EntityManager } from '@mikro-orm/core';
 import { Answer } from '../../../src/entities/questions/answer.entity';
 import { Teacher } from '../../../src/entities/users/teacher.entity';
 import { Question } from '../../../src/entities/questions/question.entity';
+import { getTestleerling1 } from '../users/students.testdata';
+import { getTestleerkracht1 } from '../users/teachers.testdata';
+import { getQuestion07 } from './questions.testdata';
 
 export function makeTestAnswers(em: EntityManager, teachers: Teacher[], questions: Question[]): Answer[] {
     const answer01 = em.create(Answer, {
@@ -28,5 +31,21 @@ export function makeTestAnswers(em: EntityManager, teachers: Teacher[], question
         content: 'answer3',
     });
 
-    return [answer01, answer02, answer03];
+    const answer04 = em.create(Answer, {
+        author: getTestleerkracht1(),
+        toQuestion: getQuestion07(),
+        sequenceNumber: 1,
+        timestamp: new Date(),
+        content: "this is a test answer"
+    });
+
+    const answer05 = em.create(Answer, {
+        author: getTestleerkracht1(),
+        toQuestion: getQuestion07(),
+        sequenceNumber: 2,
+        timestamp: new Date(),
+        content: "this is a test answer"
+    });
+
+    return [answer01, answer02, answer03, answer04, answer05];
 }
diff --git a/backend/tests/test_assets/questions/questions.testdata.ts b/backend/tests/test_assets/questions/questions.testdata.ts
index 10a04571..5e50d7d7 100644
--- a/backend/tests/test_assets/questions/questions.testdata.ts
+++ b/backend/tests/test_assets/questions/questions.testdata.ts
@@ -3,6 +3,9 @@ import { Question } from '../../../src/entities/questions/question.entity';
 import { Language } from '@dwengo-1/common/util/language';
 import { Student } from '../../../src/entities/users/student.entity';
 import { Group } from '../../../src/entities/assignments/group.entity';
+import { getTestleerling1 } from '../users/students.testdata';
+import { testLearningObjectMultipleChoice } from '../content/learning-objects.testdata';
+import { getGroup1ConditionalLearningPath } from '../assignments/groups.testdata';
 
 export function makeTestQuestions(em: EntityManager, students: Student[], groups: Group[]): Question[] {
     const question01 = em.create(Question, {
@@ -66,10 +69,43 @@ export function makeTestQuestions(em: EntityManager, students: Student[], groups
         learningObjectHruid: 'id05',
         sequenceNumber: 4,
         author: students[2],
-        inGroup: groups[3], // Group #4 for Assignment #2 in class 'id02'
+        inGroup: groups[5], // Group #4 for Assignment #2 in class 'id02'
         timestamp: new Date(),
         content: 'question',
     });
+    
+    question07 = em.create(Question, {
+        learningObjectLanguage: Language.English,
+        learningObjectVersion: 1,
+        learningObjectHruid: testLearningObjectMultipleChoice.hruid,
+        sequenceNumber: 1,
+        author: getTestleerling1(),
+        inGroup: getGroup1ConditionalLearningPath(),
+        timestamp: new Date(),
+        content: 'this is a test question',
+    });
 
-    return [question01, question02, question03, question04, question05, question06];
+    question08 = em.create(Question, {
+        learningObjectLanguage: Language.English,
+        learningObjectVersion: 1,
+        learningObjectHruid: testLearningObjectMultipleChoice.hruid,
+        sequenceNumber: 2,
+        author: getTestleerling1(),
+        inGroup: getGroup1ConditionalLearningPath(),
+        timestamp: new Date(),
+        content: 'this is a second test question'
+    });
+
+    return [question01, question02, question03, question04, question05, question06, question07, question08];
 }
+
+let question08: Question;
+let question07: Question;
+
+export function getQuestion07(): Question {
+    return question07;
+}
+
+export function getQuestion08(): Question {
+    return question08;
+}
\ No newline at end of file

From b8f3785edb0c8b27ab2812be3f6633fdb75161fb Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 23:45:36 +0200
Subject: [PATCH 08/49] refactor: naam aangepast

---
 backend/tests/test_assets/users/teachers.testdata.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/tests/test_assets/users/teachers.testdata.ts b/backend/tests/test_assets/users/teachers.testdata.ts
index 03366c80..cfb906b6 100644
--- a/backend/tests/test_assets/users/teachers.testdata.ts
+++ b/backend/tests/test_assets/users/teachers.testdata.ts
@@ -30,8 +30,8 @@ export function makeTestTeachers(em: EntityManager): Teacher[] {
     // Makes sure when logged in as testleerkracht1, there exists a corresponding user
     testleerkracht1 = em.create(Teacher, {
         username: 'testleerkracht1',
-        firstName: 'Kris',
-        lastName: 'Coolsaet',
+        firstName: 'David',
+        lastName: 'Bowie',
     });
 
     return [teacher01, teacher02, teacher03, teacher04, testleerkracht1];

From a3ae3db81d093dbc4ef403c098ffd914efb8f6ca Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 23:45:50 +0200
Subject: [PATCH 09/49] feat: compontenten voor q&a

---
 frontend/src/components/QandA.vue          |  22 +++++
 frontend/src/components/SingleQuestion.vue | 108 +++++++++++++++++++++
 2 files changed, 130 insertions(+)
 create mode 100644 frontend/src/components/QandA.vue
 create mode 100644 frontend/src/components/SingleQuestion.vue

diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
new file mode 100644
index 00000000..3d7bae39
--- /dev/null
+++ b/frontend/src/components/QandA.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+    import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
+    import SingleQuestion from "./SingleQuestion.vue";
+
+    defineProps<{
+        questions: QuestionDTO[];
+    }>();
+</script>
+<template>
+    <div class="space-y-4">
+        <div
+            v-for="(question) in questions"
+            :key="(question.sequenceNumber, question.content)"
+            class="border rounded-2xl p-4 shadow-sm bg-white"
+        >
+            <SingleQuestion :question="question"></SingleQuestion>
+
+        
+        </div>
+    </div>
+</template>
+<style scoped></style>
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
new file mode 100644
index 00000000..f0607b8b
--- /dev/null
+++ b/frontend/src/components/SingleQuestion.vue
@@ -0,0 +1,108 @@
+<script setup lang="ts">
+    import { useAnswersQuery } from "@/queries/answers";
+    import type { QuestionDTO, QuestionId } from "@dwengo-1/common/interfaces/question";
+    import { computed, ref } from "vue";
+    import UsingQueryResult from "./UsingQueryResult.vue";
+    import type { AnswersResponse } from "@/controllers/answers";
+    import type { AnswerDTO } from "@dwengo-1/common/interfaces/answer";
+
+    const props = defineProps<{
+        question: QuestionDTO;
+    }>();
+
+    const expanded = ref(false);
+
+    const toggle = () => {
+        expanded.value = !expanded.value;
+    };
+
+    const formatDate = (timestamp: string | Date): string => {
+        return new Date(timestamp).toLocaleString();
+    };
+
+    const answersQuery = useAnswersQuery(
+        computed(
+            () =>
+                ({
+                    learningObjectIdentifier: props.question.learningObjectIdentifier,
+                    sequenceNumber: props.question.sequenceNumber,
+                }) as QuestionId,
+        ),
+    );
+</script>
+<template>
+    <div class="space-y-4">
+        <div
+            class="flex justify-between items-center mb-2"
+            style="
+                margin-right: 5px;
+                margin-left: 5px;
+                font-weight: bold;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+            "
+        >
+            <span class="font-semibold text-lg text-gray-800">{{
+                question.author.firstName + " " + question.author.lastName
+            }}</span>
+            <span class="text-sm text-gray-500">{{ formatDate(question.timestamp) }}</span>
+        </div>
+
+        <div
+            class="text-gray-700 mb-3"
+            style="margin-left: 10px"
+        >
+            {{ question.content }}
+        </div>
+
+        <using-query-result
+            :query-result="answersQuery"
+            v-slot="answersResponse: { data: AnswersResponse }"
+        >
+            <button
+                v-if="answersResponse.data.answers && answersResponse.data.answers.length > 0"
+                @click="toggle()"
+                class="text-blue-600 hover:underline text-sm"
+            >
+                {{ expanded ? "Hide Answers" : "Show Answers" }}
+            </button>
+
+            <div
+                v-if="expanded"
+                class="mt-3 pl-4 border-l-2 border-blue-200 space-y-2"
+            >
+                <div
+                    v-for="(answer, answerIndex) in answersResponse.data.answers as AnswerDTO[]"
+                    :key="answerIndex"
+                    class="text-gray-600"
+                >
+                    <div
+                        class="flex justify-between items-center mb-2"
+                        style="
+                            margin-right: 5px;
+                            margin-left: 5px;
+                            font-weight: bold;
+                            display: flex;
+                            flex-direction: row;
+                            justify-content: space-between;
+                        "
+                    >
+                        <span class="font-semibold text-lg text-gray-800">{{
+                            answer.author.username
+                        }}</span>
+                        <span class="text-sm text-gray-500">{{ formatDate(answer.timestamp) }}</span>
+                    </div>
+
+                    <div
+                        class="text-gray-700 mb-3"
+                        style="margin-left: 10px"
+                    >
+                        {{ answer.content }}
+                    </div>
+                </div>
+            </div>
+        </using-query-result>
+    </div>
+</template>
+<style scoped></style>

From 8c5adb00492ef8a2077eb7b056b9d2a0c5b3215d Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Mon, 21 Apr 2025 23:46:01 +0200
Subject: [PATCH 10/49] feat: zien vragen en antwoorden

---
 .../views/learning-paths/LearningPathPage.vue | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 453ac66a..0e8218bc 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -13,6 +13,11 @@
     import authService from "@/services/auth/auth-service.ts";
     import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
     import LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
+    import { useQuestionsQuery } from "@/queries/questions";
+    import type { QuestionsResponse } from "@/controllers/questions";
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
+    import QandA from "@/components/QandA.vue";
+import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
 
     const router = useRouter();
     const route = useRoute();
@@ -68,6 +73,17 @@
         return currentIndex < nodesList.value?.length ? nodesList.value?.[currentIndex - 1] : undefined;
     });
 
+    const getQuestionsQuery = useQuestionsQuery(
+        computed(
+            () =>
+                ({
+                    language: currentNode.value?.language,
+                    hruid: currentNode.value?.learningobjectHruid,
+                    version: currentNode.value?.version,
+                }) as LearningObjectIdentifierDTO,
+        ),
+    );
+
     const navigationDrawerShown = ref(true);
 
     function isLearningObjectCompleted(learningObject: LearningObject): boolean {
@@ -257,6 +273,12 @@
                 {{ t("next") }}
             </v-btn>
         </div>
+        <using-query-result
+            :query-result="getQuestionsQuery"
+            v-slot="questionsResponse: { data: QuestionsResponse }"
+        >
+            <QandA :questions="questionsResponse.data.questions as QuestionDTO[] ?? []" />
+        </using-query-result>
     </using-query-result>
 </template>
 

From 8751eec006838b6fb32b3f08679ac44e70803392 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 22 Apr 2025 09:05:30 +0200
Subject: [PATCH 11/49] feat: leerpad vraag layout

---
 .../views/learning-paths/LearningPathPage.vue | 75 ++++++++++++++++++-
 1 file changed, 74 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index cd42a8d8..38c9e409 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -138,6 +138,11 @@ import { watch } from "vue";
         return false;
     });
 
+    function submitQuestion() {
+      // Replace with actual submission logic
+      alert(`Submitted`);
+    }
+
 </script>
 
 <template>
@@ -209,7 +214,7 @@ import { watch } from "vue";
                 </using-query-result>
             </div>
             <v-divider></v-divider>
-            <div v-if="isAssignmentForStudent" class="assignment-indicator">  
+            <div v-if="true" class="assignment-indicator">  
                 ASSIGNMENT
             </div>
         </v-navigation-drawer>
@@ -230,6 +235,20 @@ import { watch } from "vue";
             :version="currentNode.version"
             v-if="currentNode"
         ></learning-object-view>
+        <div class="question-box">
+            <div class="input-wrapper">
+              <input
+                type="text"
+                placeholder="question : ..."
+                class="question-input"
+              />
+              <button @click="submitQuestion" class="send-button">▶</button>
+            </div>
+            <div class="discussion-link">
+              <span>view answers in </span>
+              <a href="/discussions/">discussions</a>.
+            </div>
+          </div>
         <div class="navigation-buttons-container">
             <v-btn
                 prepend-icon="mdi-chevron-left"
@@ -284,4 +303,58 @@ import { watch } from "vue";
       font-size: 14px;
       text-transform: uppercase;
       }
+      .question-box {
+        width: 100%;
+        max-width: 400px;
+        margin: 20px auto;
+        font-family: sans-serif;
+      }
+      .input-wrapper {
+        display: flex;
+        align-items: center;
+        border: 1px solid #ccc;
+        border-radius: 999px;
+        padding: 8px 12px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+      
+      .question-input {
+        flex: 1;
+        border: none;
+        outline: none;
+        font-size: 14px;
+        background-color: transparent;
+      }
+      
+      .question-input::placeholder {
+        color: #999;
+      }
+      
+      .send-button {
+        background: none;
+        border: none;
+        cursor: pointer;
+        font-size: 16px;
+        color: #555;
+        transition: color 0.2s ease;
+      }
+      
+      .send-button:hover {
+        color: #000;
+      }
+      
+      .discussion-link {
+        margin-top: 8px;
+        font-size: 13px;
+        color: #444;
+      }
+      
+      .discussion-link a {
+        color: #3b82f6; /* blue */
+        text-decoration: none;
+      }
+      
+      .discussion-link a:hover {
+        text-decoration: underline;
+      }
 </style>

From 81ae0f208602863b4827a8c547947fd5ce866041 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 20:24:46 +0200
Subject: [PATCH 12/49] fix: update package.json

---
 frontend/package.json |   1 +
 package-lock.json     | 330 +++++++++++++++++++++++++++++++++++++-----
 2 files changed, 295 insertions(+), 36 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index e529e6f8..c5224a1a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
         "@tanstack/vue-query": "^5.69.0",
         "axios": "^1.8.2",
         "oidc-client-ts": "^3.1.0",
+        "rollup": "^4.40.0",
         "uuid": "^11.1.0",
         "vue": "^3.5.13",
         "vue-i18n": "^11.1.2",
diff --git a/package-lock.json b/package-lock.json
index 1728b06d..8246f3dc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -105,6 +105,7 @@
                 "@tanstack/vue-query": "^5.69.0",
                 "axios": "^1.8.2",
                 "oidc-client-ts": "^3.1.0",
+                "rollup": "^4.40.0",
                 "uuid": "^11.1.0",
                 "vue": "^3.5.13",
                 "vue-i18n": "^11.1.2",
@@ -1761,35 +1762,265 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.38.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.38.0.tgz",
-            "integrity": "sha512-vPvNgFlZRAgO7rwncMeE0+8c4Hmc+qixnp00/Uv3ht2x7KYrJ6ERVd3/R0nUtlE6/hu7/HiiNHJ/rP6knRFt1w==",
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.0.tgz",
+            "integrity": "sha512-+Fbls/diZ0RDerhE8kyC6hjADCXA1K4yVNlH0EYfd2XjyH0UGgzaQ8MlT0pCXAThfxv3QUAczHaL+qSv1E4/Cg==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.0.tgz",
+            "integrity": "sha512-PPA6aEEsTPRz+/4xxAmaoWDqh67N7wFbgFUJGMnanCFs0TV99M0M8QhhaSCks+n6EbQoFvLQgYOGXxlMGQe/6w==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.0.tgz",
+            "integrity": "sha512-GwYOcOakYHdfnjjKwqpTGgn5a6cUX7+Ra2HeNj/GdXvO2VJOOXCiYYlRFU4CubFM67EhbmzLOmACKEfvp3J1kQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.0.tgz",
+            "integrity": "sha512-CoLEGJ+2eheqD9KBSxmma6ld01czS52Iw0e2qMZNpPDlf7Z9mj8xmMemxEucinev4LgHalDPczMyxzbq+Q+EtA==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.0.tgz",
+            "integrity": "sha512-r7yGiS4HN/kibvESzmrOB/PxKMhPTlz+FcGvoUIKYoTyGd5toHp48g1uZy1o1xQvybwwpqpe010JrcGG2s5nkg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.0.tgz",
+            "integrity": "sha512-mVDxzlf0oLzV3oZOr0SMJ0lSDd3xC4CmnWJ8Val8isp9jRGl5Dq//LLDSPFrasS7pSm6m5xAcKaw3sHXhBjoRw==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.0.tgz",
+            "integrity": "sha512-y/qUMOpJxBMy8xCXD++jeu8t7kzjlOCkoxxajL58G62PJGBZVl/Gwpm7JK9+YvlB701rcQTzjUZ1JgUoPTnoQA==",
+            "cpu": [
+                "arm"
+            ],
             "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.0.tgz",
+            "integrity": "sha512-GoCsPibtVdJFPv/BOIvBKO/XmwZLwaNWdyD8TKlXuqp0veo2sHE+A/vpMQ5iSArRUz/uaoj4h5S6Pn0+PdhRjg==",
+            "cpu": [
+                "arm"
             ],
-            "peer": true
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.0.tgz",
+            "integrity": "sha512-L5ZLphTjjAD9leJzSLI7rr8fNqJMlGDKlazW2tX4IUF9P7R5TMQPElpH82Q7eNIDQnQlAyiNVfRPfP2vM5Avvg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.0.tgz",
+            "integrity": "sha512-ATZvCRGCDtv1Y4gpDIXsS+wfFeFuLwVxyUBSLawjgXK2tRE6fnsQEkE4csQQYWlBlsFztRzCnBvWVfcae/1qxQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.0.tgz",
+            "integrity": "sha512-wG9e2XtIhd++QugU5MD9i7OnpaVb08ji3P1y/hNbxrQ3sYEelKJOq1UJ5dXczeo6Hj2rfDEL5GdtkMSVLa/AOg==",
+            "cpu": [
+                "loong64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.0.tgz",
+            "integrity": "sha512-vgXfWmj0f3jAUvC7TZSU/m/cOE558ILWDzS7jBhiCAFpY2WEBn5jqgbqvmzlMjtp8KlLcBlXVD2mkTSEQE6Ixw==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.0.tgz",
+            "integrity": "sha512-uJkYTugqtPZBS3Z136arevt/FsKTF/J9dEMTX/cwR7lsAW4bShzI2R0pJVw+hcBTWF4dxVckYh72Hk3/hWNKvA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.0.tgz",
+            "integrity": "sha512-rKmSj6EXQRnhSkE22+WvrqOqRtk733x3p5sWpZilhmjnkHkpeCgWsFFo0dGnUGeA+OZjRl3+VYq+HyCOEuwcxQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.0.tgz",
+            "integrity": "sha512-SpnYlAfKPOoVsQqmTFJ0usx0z84bzGOS9anAC0AZ3rdSo3snecihbhFTlJZ8XMwzqAcodjFU4+/SM311dqE5Sw==",
+            "cpu": [
+                "s390x"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.0.tgz",
+            "integrity": "sha512-RcDGMtqF9EFN8i2RYN2W+64CdHruJ5rPqrlYw+cgM3uOVPSsnAQps7cpjXe9be/yDp8UC7VLoCoKC8J3Kn2FkQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.38.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.38.0.tgz",
-            "integrity": "sha512-q5Zv+goWvQUGCaL7fU8NuTw8aydIL/C9abAVGCzRReuj5h30TPx4LumBtAidrVOtXnlB+RZkBtExMsfqkMfb8g==",
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.0.tgz",
+            "integrity": "sha512-HZvjpiUmSNx5zFgwtQAV1GaGazT2RWvqeDi0hV+AtC8unqqDSsaFjPxfsO6qPtKRRg25SisACWnJ37Yio8ttaw==",
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
                 "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.0.tgz",
+            "integrity": "sha512-UtZQQI5k/b8d7d3i9AZmA/t+Q4tk3hOC0tMOMSq2GlMYOfxbesxG4mJSeDp0EHs30N9bsfwUvs3zF4v/RzOeTQ==",
+            "cpu": [
+                "arm64"
             ],
-            "peer": true
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.0.tgz",
+            "integrity": "sha512-+m03kvI2f5syIqHXCZLPVYplP8pQch9JHyXKZ3AGMKlg8dCyr2PKHjwRLiW53LTrN/Nc3EqHOKxUxzoSPdKddA==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.0.tgz",
+            "integrity": "sha512-lpPE1cLfP5oPzVjKMx10pgBmKELQnFJXHgvtHCtuJWOv8MxqdEIMNtgHgBFf7Ea2/7EuVwa9fodWUfXAlXZLZQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
         },
         "node_modules/@scarf/scarf": {
             "version": "1.4.0",
@@ -1981,7 +2212,6 @@
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
             "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
-            "dev": true,
             "license": "MIT"
         },
         "node_modules/@types/express": {
@@ -5251,6 +5481,20 @@
             "devOptional": true,
             "license": "ISC"
         },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
         "node_modules/function-bind": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -7937,6 +8181,21 @@
                 "node": ">=18"
             }
         },
+        "node_modules/playwright/node_modules/fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
         "node_modules/postcss": {
             "version": "8.5.3",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
@@ -8440,10 +8699,9 @@
             }
         },
         "node_modules/rollup": {
-            "version": "4.38.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.38.0.tgz",
-            "integrity": "sha512-5SsIRtJy9bf1ErAOiFMFzl64Ex9X5V7bnJ+WlFMb+zmP459OSWCEG7b0ERZ+PEU7xPt4OG3RHbrp1LJlXxYTrw==",
-            "dev": true,
+            "version": "4.40.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
+            "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.7"
@@ -8456,26 +8714,26 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.38.0",
-                "@rollup/rollup-android-arm64": "4.38.0",
-                "@rollup/rollup-darwin-arm64": "4.38.0",
-                "@rollup/rollup-darwin-x64": "4.38.0",
-                "@rollup/rollup-freebsd-arm64": "4.38.0",
-                "@rollup/rollup-freebsd-x64": "4.38.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.38.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.38.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.38.0",
-                "@rollup/rollup-linux-arm64-musl": "4.38.0",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.38.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.38.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.38.0",
-                "@rollup/rollup-linux-riscv64-musl": "4.38.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.38.0",
-                "@rollup/rollup-linux-x64-gnu": "4.38.0",
-                "@rollup/rollup-linux-x64-musl": "4.38.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.38.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.38.0",
-                "@rollup/rollup-win32-x64-msvc": "4.38.0",
+                "@rollup/rollup-android-arm-eabi": "4.40.0",
+                "@rollup/rollup-android-arm64": "4.40.0",
+                "@rollup/rollup-darwin-arm64": "4.40.0",
+                "@rollup/rollup-darwin-x64": "4.40.0",
+                "@rollup/rollup-freebsd-arm64": "4.40.0",
+                "@rollup/rollup-freebsd-x64": "4.40.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.40.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.40.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.40.0",
+                "@rollup/rollup-linux-arm64-musl": "4.40.0",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.40.0",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.40.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.40.0",
+                "@rollup/rollup-linux-riscv64-musl": "4.40.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.40.0",
+                "@rollup/rollup-linux-x64-gnu": "4.40.0",
+                "@rollup/rollup-linux-x64-musl": "4.40.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.40.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.40.0",
+                "@rollup/rollup-win32-x64-msvc": "4.40.0",
                 "fsevents": "~2.3.2"
             }
         },

From 13eb6ec4cfb32b1ca9bb6e8fa6d875fe00519d0b Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 20:47:07 +0200
Subject: [PATCH 13/49] verwijder oude manier op assignments op te vragen

---
 .../views/learning-paths/LearningPathPage.vue | 43 +++----------------
 1 file changed, 5 insertions(+), 38 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index b4bf6c64..bf4e0c25 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -18,10 +18,7 @@
     import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
     import QandA from "@/components/QandA.vue";
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
-
-    import { useStudentAssignmentsQuery } from "@/queries/students";
-    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-    import { watch } from "vue";
+    import {useStudentAssignmentsQuery} from "@/queries/students"
 
     const router = useRouter();
     const route = useRoute();
@@ -148,40 +145,10 @@
 
     //TODO: berekenen of het een assignment is voor de student werkt nog niet zoals het hoort...
 
-    const studentAssignmentsQuery = useStudentAssignmentsQuery(authService.authState.user?.profile?.preferred_username);
-
-    watch(
-        () => authService.authState.user?.profile?.preferred_username,
-        (newUsername) => {
-            if (newUsername) {
-                studentAssignmentsQuery.refetch();
-            }
-        }
-    );
-
-    const isAssignmentForStudent = computed(() => {
-        // Check if the user is a student
-        const isStudent = authService.authState.activeRole === "student";
-
-        if (isStudent && studentAssignmentsQuery.isSuccess) {
-            // Use the query to fetch assignments for the current student
-            console.log("Query Result:", studentAssignmentsQuery.data?.value);
-
-            // Check if the query is successful and contains the current learning path
-            const isAssignment = (studentAssignmentsQuery.data?.value?.assignments as AssignmentDTO[]).some(
-                (assignment: AssignmentDTO) => {
-                    console.log(assignment.learningPath)
-                    return assignment.learningPath === props.hruid
-                }
-            );
-
-            // Return true only if the user is a student and the learning path is an assignment
-            return isAssignment;
-        }
-
-        return false;
-    });
+    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(authService.authState.user?.profile.preferred_username)
+    const pathIsAssignment = true  // TODO
 
+    
     function submitQuestion() {
       // Replace with actual submission logic
       alert(`Submitted`);
@@ -281,7 +248,7 @@
                 </v-list-item>
             </div>
             <v-divider></v-divider>
-            <div v-if="true" class="assignment-indicator">  
+            <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
                 ASSIGNMENT
             </div>
         </v-navigation-drawer>

From a2304162e1a47866cd3237c9c7ee4fb1d1da8f96 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 21:35:12 +0200
Subject: [PATCH 14/49] feat: assignment opvragen (werkt nog niet voor een of
 andere reden...)

---
 .../views/learning-paths/LearningPathPage.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index bf4e0c25..6eaf782f 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -19,6 +19,7 @@
     import QandA from "@/components/QandA.vue";
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import {useStudentAssignmentsQuery} from "@/queries/students"
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
 
     const router = useRouter();
     const route = useRoute();
@@ -144,10 +145,20 @@
     }
 
     //TODO: berekenen of het een assignment is voor de student werkt nog niet zoals het hoort...
-
-    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(authService.authState.user?.profile.preferred_username)
-    const pathIsAssignment = true  // TODO
-
+    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(authService.authState.user?.profile.preferred_username);
+    const pathIsAssignment = computed(() => {
+        console.log("Query Result:", studentAssignmentsQueryResult); //debug
+        console.log("Loading:", studentAssignmentsQueryResult.isLoading.value); //debug
+        console.log("Succes:", studentAssignmentsQueryResult.isSuccess.value); //debug
+        console.log("data:", studentAssignmentsQueryResult.data.value); //debug
+        const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[] || [];
+        console.log(assignments) //debug
+        return Array.isArray(assignments) && assignments.some(
+            (assignment) =>
+                assignment.title === props.hruid &&
+                assignment.language === props.language
+        );
+    });
     
     function submitQuestion() {
       // Replace with actual submission logic

From dbff241834ed9fa9846473ef5fc593551f6a1585 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Wed, 23 Apr 2025 21:55:28 +0200
Subject: [PATCH 15/49] fix: await vergeten

---
 backend/src/controllers/students.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/controllers/students.ts b/backend/src/controllers/students.ts
index 51488a2a..229cff7e 100644
--- a/backend/src/controllers/students.ts
+++ b/backend/src/controllers/students.ts
@@ -73,7 +73,7 @@ export async function getStudentAssignmentsHandler(req: Request, res: Response):
     const username = req.params.username;
     requireFields({ username });
 
-    const assignments = getStudentAssignments(username, full);
+    const assignments = await getStudentAssignments(username, full);
 
     res.json({ assignments });
 }

From 7d1a55710f58a5a30e8ec799413e1e2582c9936b Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 22:07:11 +0200
Subject: [PATCH 16/49] feat: Assignment indicator komt correct tevoorschijn
 (enkel als leerpad een assignment is voor de student)

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 6eaf782f..eaf7b100 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -144,18 +144,12 @@
         });
     }
 
-    //TODO: berekenen of het een assignment is voor de student werkt nog niet zoals het hoort...
     const studentAssignmentsQueryResult = useStudentAssignmentsQuery(authService.authState.user?.profile.preferred_username);
     const pathIsAssignment = computed(() => {
-        console.log("Query Result:", studentAssignmentsQueryResult); //debug
-        console.log("Loading:", studentAssignmentsQueryResult.isLoading.value); //debug
-        console.log("Succes:", studentAssignmentsQueryResult.isSuccess.value); //debug
-        console.log("data:", studentAssignmentsQueryResult.data.value); //debug
         const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[] || [];
-        console.log(assignments) //debug
-        return Array.isArray(assignments) && assignments.some(
+        return assignments.some(
             (assignment) =>
-                assignment.title === props.hruid &&
+                assignment.learningPath === props.hruid &&
                 assignment.language === props.language
         );
     });

From 7b613a5d79dadaf628bab5b851ade284fd3b98a7 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 22:21:53 +0200
Subject: [PATCH 17/49] style: assignment knop blijft staan

---
 .../views/learning-paths/LearningPathPage.vue | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index eaf7b100..0cc24c74 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -251,10 +251,11 @@
                         >
                     </template>
                 </v-list-item>
-            </div>
-            <v-divider></v-divider>
-            <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
-                ASSIGNMENT
+                <v-list-item>
+                    <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
+                        ASSIGNMENT
+                    </div>
+                </v-list-item>
             </div>
         </v-navigation-drawer>
         <div class="control-bar-above-content">
@@ -277,7 +278,7 @@
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <div class="question-box">
+        <div v-if="authService.authState.activeRole === 'student'" class="question-box">
             <div class="input-wrapper">
               <input
                 type="text"
@@ -343,19 +344,20 @@
         justify-content: space-between;
     }
     .assignment-indicator {
-      position: absolute;
-      bottom: 10px;
-      left: 10px;
-      padding: 4px 12px;
-      border: 2px solid #f8bcbc;
-      border-radius: 20px;
-      color: #f36c6c;
-      background-color: rgba(248, 188, 188, 0.1);
-      font-weight: bold;
-      font-family: Arial, sans-serif;
-      font-size: 14px;
-      text-transform: uppercase;
-      }
+        position: absolute;
+        bottom: 10px;
+        left: 10px;
+        padding: 4px 12px;
+        border: 2px solid #f8bcbc;
+        border-radius: 20px;
+        color: #f36c6c;
+        background-color: rgba(248, 188, 188, 0.1);
+        font-weight: bold;
+        font-family: Arial, sans-serif;
+        font-size: 14px;
+        text-transform: uppercase;
+        z-index: 2; /* Less than modals/popups */
+    }
       .question-box {
         width: 100%;
         max-width: 400px;

From e29c7cd74832f7e26a63d2ada8c242005ecd06a4 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Wed, 23 Apr 2025 22:27:12 +0200
Subject: [PATCH 18/49] i18n: assignment indicator beschikbaar in verschillende
 talen

---
 frontend/src/i18n/locale/de.json                       | 3 ++-
 frontend/src/i18n/locale/en.json                       | 3 ++-
 frontend/src/i18n/locale/fr.json                       | 3 ++-
 frontend/src/i18n/locale/nl.json                       | 3 ++-
 frontend/src/views/learning-paths/LearningPathPage.vue | 2 +-
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index f79af679..b0bf13fe 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -100,5 +100,6 @@
     "accepted": "akzeptiert",
     "enterUsername": "Geben Sie den Benutzernamen der Lehrkraft ein, die Sie einladen möchten",
     "username": "Nutzername",
-    "invite": "einladen"
+    "invite": "einladen",
+    "assignmentIndicator": "AUFGABE"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index 5bcc44c0..259195a6 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -100,5 +100,6 @@
     "rejected": "rejected",
     "enterUsername": "enter the username of the teacher you would like to invite",
     "username": "username",
-    "invite": "invite"
+    "invite": "invite",
+    "assignmentIndicator": "ASSIGNMENT"
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index c5ecc6b7..aac60a58 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -100,5 +100,6 @@
     "rejected": "rejetée",
     "enterUsername": "entrez le nom d'utilisateur de l'enseignant que vous souhaitez inviter",
     "username": "Nom d'utilisateur",
-    "invite": "inviter"
+    "invite": "inviter",
+    "assignmentIndicator": "DEVOIR"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 62f027ac..bfb8d61b 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -100,5 +100,6 @@
     "rejected": "geweigerd",
     "enterUsername": "vul de gebruikersnaam van de leerkracht die je wilt uitnodigen in",
     "username": "gebruikersnaam",
-    "invite": "uitnodigen"
+    "invite": "uitnodigen",
+    "assignmentIndicator": "OPDRACHT"
 }
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 0cc24c74..d311f36f 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -253,7 +253,7 @@
                 </v-list-item>
                 <v-list-item>
                     <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
-                        ASSIGNMENT
+                        {{ t("assignmentIndicator") }}
                     </div>
                 </v-list-item>
             </div>

From 95715728e4ec4bde2c212026c96d867f8c928387 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 01:07:29 +0200
Subject: [PATCH 19/49] feat: submit vraag (POST response zegt dat hier nog een
 fout zit)

---
 .../views/learning-paths/LearningPathPage.vue | 43 ++++++++++++++++---
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index d311f36f..5de19524 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -13,13 +13,14 @@
     import authService from "@/services/auth/auth-service.ts";
     import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
     import LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
-    import { useQuestionsQuery } from "@/queries/questions";
+    import { useCreateQuestionMutation, useQuestionsQuery } from "@/queries/questions";
     import type { QuestionsResponse } from "@/controllers/questions";
     import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
     import QandA from "@/components/QandA.vue";
-    import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
-    import {useStudentAssignmentsQuery} from "@/queries/students"
+    import type { QuestionData, QuestionDTO } from "@dwengo-1/common/interfaces/question";
+    import {useStudentAssignmentsQuery, useStudentGroupsQuery} from "@/queries/students"
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
 
     const router = useRouter();
     const route = useRoute();
@@ -153,10 +154,39 @@
                 assignment.language === props.language
         );
     });
-    
+
+    const loID:LearningObjectIdentifierDTO = {
+            hruid: props.learningObjectHruid as string,
+            language: props.language
+        }
+    const createQuestionMutation = useCreateQuestionMutation(loID)
+    const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username)
+
+    const questionInput = ref("");
+
     function submitQuestion() {
-      // Replace with actual submission logic
-      alert(`Submitted`);
+        const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]
+        const assignment = assignments.find(
+            (assignment) =>
+                assignment.learningPath === props.hruid &&
+                assignment.language === props.language
+        )
+        const groups = groupsQueryResult.data.value?.groups as GroupDTO[]
+        const group = groups?.find(group => group.assignment === assignment?.id) as GroupDTO
+        const questionData:QuestionData = {
+            author: authService.authState.user?.profile.preferred_username,
+            content: questionInput.value,
+            inGroup: group //TODO: POST response zegt dat dit null is???
+        }
+        createQuestionMutation.mutate(questionData, {
+            onSuccess: () => {
+                questionInput.value = "question:..."; // Clear the input field after submission
+            },
+            onError: (e) => {
+                console.error(e)
+                questionInput.value = ""; // Clear the input field after submission
+            },
+        })
     }
 
 </script>
@@ -284,6 +314,7 @@
                 type="text"
                 placeholder="question : ..."
                 class="question-input"
+                v-model="questionInput"
               />
               <button @click="submitQuestion" class="send-button">▶</button>
             </div>

From 5c6e0b8554e0c8370885604ee87974494c990985 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Thu, 24 Apr 2025 15:18:00 +0200
Subject: [PATCH 20/49] fix: assignment opvragen met andere types

---
 backend/src/services/questions.ts | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index a16c277b..a84f59a5 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -12,6 +12,8 @@ import { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
 import { fetchStudent } from './students.js';
 import { NotFoundException } from '../exceptions/not-found-exception.js';
 import { FALLBACK_VERSION_NUM } from '../config.js';
+import {fetchClass} from "./classes";
+import {fetchAssignment} from "./assignments";
 
 export async function getQuestionsAboutLearningObjectInAssignment(
     loId: LearningObjectIdentifier,
@@ -86,8 +88,17 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     const author = await fetchStudent(questionData.author!);
     const content = questionData.content;
 
-    const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);
-    const assignment = mapToAssignment(questionData.inGroup.assignment as AssignmentDTO, clazz!);
+    let assignment;
+
+    if (questionData.inGroup.assignment instanceof Number && questionData.inGroup.class instanceof String) {
+        assignment = await fetchAssignment(questionData.inGroup.class as string,
+            questionData.inGroup.assignment as number);
+    } else {
+        // TODO check if necessary and no conflicts to delete this if
+        const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);
+        assignment = mapToAssignment(questionData.inGroup.assignment as AssignmentDTO, clazz!);
+    }
+
     const inGroup = await getGroupRepository().findByAssignmentAndGroupNumber(assignment, questionData.inGroup.groupNumber);
 
     const question = await questionRepository.createQuestion({

From 2b21cf4c53016f72ff1aded75a78a46c0022ba6c Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 15:42:09 +0200
Subject: [PATCH 21/49] feat: verplicht de gebruiker om een vraag te typen
 voordat hij submit

---
 .../views/learning-paths/LearningPathPage.vue | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 5de19524..e329b4f9 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -178,15 +178,21 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
             content: questionInput.value,
             inGroup: group //TODO: POST response zegt dat dit null is???
         }
-        createQuestionMutation.mutate(questionData, {
-            onSuccess: () => {
-                questionInput.value = "question:..."; // Clear the input field after submission
-            },
-            onError: (e) => {
-                console.error(e)
-                questionInput.value = ""; // Clear the input field after submission
-            },
-        })
+        console.log(questionData)
+        if (questionInput.value != "") {
+            createQuestionMutation.mutate(questionData, {
+                onSuccess: () => {
+                    questionInput.value = "question:..."; // Clear the input field after submission
+                },
+                onError: (e) => {
+                    console.error(e)
+                    questionInput.value = ""; // Clear the input field after submission
+                },
+            })
+        } else {
+            alert("Please type a question before submitting.")
+        }
+        
     }
 
 </script>

From d37d3b6eac93c9461d80a167f020666abe43b371 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:17:56 +0200
Subject: [PATCH 22/49] fix: branch werd niet genomen door instanceof ipv
 typeof

---
 backend/src/services/questions.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index a84f59a5..766d28fa 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -90,7 +90,7 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
 
     let assignment;
 
-    if (questionData.inGroup.assignment instanceof Number && questionData.inGroup.class instanceof String) {
+    if ((typeof questionData.inGroup.assignment === "number") && (typeof questionData.inGroup.class === "string")) {
         assignment = await fetchAssignment(questionData.inGroup.class as string,
             questionData.inGroup.assignment as number);
     } else {
@@ -100,14 +100,19 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     }
 
     const inGroup = await getGroupRepository().findByAssignmentAndGroupNumber(assignment, questionData.inGroup.groupNumber);
-
+    
     const question = await questionRepository.createQuestion({
         loId,
         author,
         inGroup: inGroup!,
         content,
     });
-
+    console.log()
+    console.log(loId)
+    console.log(author)
+    console.log(inGroup)
+    console.log(content)
+    console.log(question)
     return mapToQuestionDTO(question);
 }
 

From c344e5e9242d48fe49fc480525438f465b706b8b Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:18:04 +0200
Subject: [PATCH 23/49] fix: missing await

---
 backend/src/data/questions/question-repository.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/backend/src/data/questions/question-repository.ts b/backend/src/data/questions/question-repository.ts
index 362ec4c9..941bca79 100644
--- a/backend/src/data/questions/question-repository.ts
+++ b/backend/src/data/questions/question-repository.ts
@@ -24,7 +24,8 @@ export class QuestionRepository extends DwengoEntityRepository<Question> {
         questionEntity.author = question.author;
         questionEntity.inGroup = question.inGroup;
         questionEntity.content = question.content;
-        return this.insert(questionEntity);
+        await this.insert(questionEntity);
+        return questionEntity;
     }
     public async findAllQuestionsAboutLearningObject(loId: LearningObjectIdentifier): Promise<Question[]> {
         return this.findAll({

From 9bc0c59249852c1384ec5507a14bef306872bd5d Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:18:26 +0200
Subject: [PATCH 24/49] debug: cleanup logging

---
 backend/src/services/questions.ts | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index 766d28fa..0841b574 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -107,12 +107,7 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
         inGroup: inGroup!,
         content,
     });
-    console.log()
-    console.log(loId)
-    console.log(author)
-    console.log(inGroup)
-    console.log(content)
-    console.log(question)
+    
     return mapToQuestionDTO(question);
 }
 

From c1eeee4e3942fddc5247e294fe6ce567d1a204b7 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:18:53 +0200
Subject: [PATCH 25/49] chore: questionInput wordt enkel leeggemaakt als vraag
 verstuurd is

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index e329b4f9..0e050477 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -182,11 +182,10 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
         if (questionInput.value != "") {
             createQuestionMutation.mutate(questionData, {
                 onSuccess: () => {
-                    questionInput.value = "question:..."; // Clear the input field after submission
+                    questionInput.value = ""; // Clear the input field after submission
                 },
                 onError: (e) => {
                     console.error(e)
-                    questionInput.value = ""; // Clear the input field after submission
                 },
             })
         } else {

From f5e75cd86810fe0912ccef6d7030cdc511521e4e Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:38:36 +0200
Subject: [PATCH 26/49] todo: i18n

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 0e050477..8d59acb4 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -189,7 +189,7 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
                 },
             })
         } else {
-            alert("Please type a question before submitting.")
+            alert("Please type a question before submitting.") // TODO: i18n
         }
         
     }

From cab39dc87744dd3048cd5120e954f9527821af56 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:40:04 +0200
Subject: [PATCH 27/49] fix: missing await

---
 backend/src/data/questions/answer-repository.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/backend/src/data/questions/answer-repository.ts b/backend/src/data/questions/answer-repository.ts
index 54f67a01..ba5cf796 100644
--- a/backend/src/data/questions/answer-repository.ts
+++ b/backend/src/data/questions/answer-repository.ts
@@ -12,7 +12,8 @@ export class AnswerRepository extends DwengoEntityRepository<Answer> {
             content: answer.content,
             timestamp: new Date(),
         });
-        return this.insert(answerEntity);
+        await this.insert(answerEntity);
+        return answerEntity;
     }
     public async findAllAnswersToQuestion(question: Question): Promise<Answer[]> {
         return this.findAll({

From 7d881e6c356fdf261e41246db4d29e05a4b4b325 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 16:51:08 +0200
Subject: [PATCH 28/49] feat: answer input box toegevoegd

---
 frontend/src/components/SingleQuestion.vue | 60 +++++++++++++++++++++-
 1 file changed, 58 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index f0607b8b..69b543e1 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -29,6 +29,12 @@
                 }) as QuestionId,
         ),
     );
+
+    const answer = ref('')
+
+    function submitAnswer() {
+        console.log('Submitted answer:', answer.value)
+    }
 </script>
 <template>
     <div class="space-y-4">
@@ -55,7 +61,15 @@
         >
             {{ question.content }}
         </div>
-
+        <div class="answer-input-container">
+            <input
+              v-model="answer"
+              type="text"
+              placeholder="answer: ..."
+              class="answer-input"
+            />
+            <button @click="submitAnswer" class="submit-button">▶</button>
+          </div>
         <using-query-result
             :query-result="answersQuery"
             v-slot="answersResponse: { data: AnswersResponse }"
@@ -105,4 +119,46 @@
         </using-query-result>
     </div>
 </template>
-<style scoped></style>
+<style scoped>
+.answer-input {
+    flex-grow: 1;
+    outline: none;
+    border: none;
+    background: transparent;
+    color: #374151; /* gray-700 */
+    font-size: 0.875rem; /* smaller font size */
+  }
+  
+  .answer-input::placeholder {
+    color: #9ca3af; /* gray-400 */
+  }
+  
+  .submit-button {
+    margin-left: 0.25rem;
+    padding: 0.25rem;
+    background-color: #f3f4f6; /* gray-100 */
+    border-radius: 9999px;
+    transition: background-color 0.2s;
+    border: none;
+    cursor: pointer;
+  }
+  
+  .submit-button:hover {
+    background-color: #e5e7eb; /* gray-200 */
+  }
+  
+  .submit-icon {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: #4b5563; /* gray-600 */
+  }
+.answer-input-container {
+    display: flex;
+    align-items: center;
+    border: 1px solid #d1d5db; /* gray-300 */
+    border-radius: 9999px;
+    padding: 0.5rem 1rem;
+    max-width: 28rem;
+    width: 100%;
+  }
+</style>

From ff702de3795030396a94442bef94af170b69fd17 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 17:05:00 +0200
Subject: [PATCH 29/49] feat: antwoorden kunnen gepost worden

---
 frontend/src/components/SingleQuestion.vue | 28 ++++++++++++++++++----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 69b543e1..38960ea3 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-    import { useAnswersQuery } from "@/queries/answers";
+    import { useAnswersQuery, useCreateAnswerMutation } from "@/queries/answers";
     import type { QuestionDTO, QuestionId } from "@dwengo-1/common/interfaces/question";
     import { computed, ref } from "vue";
     import UsingQueryResult from "./UsingQueryResult.vue";
     import type { AnswersResponse } from "@/controllers/answers";
-    import type { AnswerDTO } from "@dwengo-1/common/interfaces/answer";
+    import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
+import authService from "@/services/auth/auth-service";
 
     const props = defineProps<{
         question: QuestionDTO;
@@ -29,11 +30,28 @@
                 }) as QuestionId,
         ),
     );
+    
+    const questionId : QuestionId = {
+        learningObjectIdentifier: props.question.learningObjectIdentifier,
+        sequenceNumber: props.question.sequenceNumber as number
+    };
+    const createAnswerMutation = useCreateAnswerMutation(questionId);
 
-    const answer = ref('')
+    const answer = ref('');
 
     function submitAnswer() {
-        console.log('Submitted answer:', answer.value)
+        const answerData: AnswerData = {
+            author: authService.authState.user?.profile.preferred_username as string,
+            content: answer.value
+        };
+        if (answer.value != "") {
+            createAnswerMutation.mutate(answerData, {
+                onSuccess: () => {answer.value = "";}
+            });
+        } else {
+            alert("Please type an answer before submitting") //TODO: i18n
+        }
+        
     }
 </script>
 <template>
@@ -61,7 +79,7 @@
         >
             {{ question.content }}
         </div>
-        <div class="answer-input-container">
+        <div v-if="(authService.authState.activeRole === 'teacher')" class="answer-input-container">
             <input
               v-model="answer"
               type="text"

From 7296fa8f182245fc7d9b1743f6eec45934225f60 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 17:25:06 +0200
Subject: [PATCH 30/49] =?UTF-8?q?feat:=20vragen=20worden=20automatische=20?=
 =?UTF-8?q?ge=C3=BCpdate=20als=20er=20een=20nieuwe=20wordt=20gesteld?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 8d59acb4..9ab66631 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -183,6 +183,7 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
             createQuestionMutation.mutate(questionData, {
                 onSuccess: () => {
                     questionInput.value = ""; // Clear the input field after submission
+                    getQuestionsQuery.refetch(); // Reload the questions
                 },
                 onError: (e) => {
                     console.error(e)

From 760e86788f8d2f44b4931cd7acbdd70834adaf1a Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 17:48:31 +0200
Subject: [PATCH 31/49] fix: answer.author wou niet opslaan

---
 backend/src/data/questions/answer-repository.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/backend/src/data/questions/answer-repository.ts b/backend/src/data/questions/answer-repository.ts
index ba5cf796..ae59a56c 100644
--- a/backend/src/data/questions/answer-repository.ts
+++ b/backend/src/data/questions/answer-repository.ts
@@ -13,6 +13,9 @@ export class AnswerRepository extends DwengoEntityRepository<Answer> {
             timestamp: new Date(),
         });
         await this.insert(answerEntity);
+        answerEntity.toQuestion = answer.toQuestion;
+        answerEntity.author = answer.author;
+        answerEntity.content = answer.content;     
         return answerEntity;
     }
     public async findAllAnswersToQuestion(question: Question): Promise<Answer[]> {

From cfe7342434a1bca5ab24c9dbb2e6374298705929 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 17:48:58 +0200
Subject: [PATCH 32/49] feat: reload answers als er nieuwe gepost worden

---
 frontend/src/components/SingleQuestion.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 38960ea3..13553290 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -46,7 +46,10 @@ import authService from "@/services/auth/auth-service";
         };
         if (answer.value != "") {
             createAnswerMutation.mutate(answerData, {
-                onSuccess: () => {answer.value = "";}
+                onSuccess: () => {
+                    answer.value = "";
+                    answersQuery.refetch();
+                }
             });
         } else {
             alert("Please type an answer before submitting") //TODO: i18n

From 84774e27206c42f9a1d4b1b5a792fdffb71b2e89 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 17:58:32 +0200
Subject: [PATCH 33/49] chore: discussions link voorlopig weg gehaald

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 9ab66631..5f3378e1 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -324,10 +324,6 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
               />
               <button @click="submitQuestion" class="send-button">▶</button>
             </div>
-            <div class="discussion-link">
-              <span>view answers in </span>
-              <a href="/discussions/">discussions</a>.
-            </div>
           </div>
         <div class="navigation-buttons-container">
             <v-btn

From e07c206ef12285e7712119d69c62bb6cf0334f3b Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 19:09:35 +0200
Subject: [PATCH 34/49] feat: question icon verschijnt naast leerobjecten die
 vragen hebben

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 5f3378e1..94ac74fd 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -20,7 +20,7 @@
     import type { QuestionData, QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import {useStudentAssignmentsQuery, useStudentGroupsQuery} from "@/queries/students"
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
 
     const router = useRouter();
     const route = useRoute();
@@ -192,7 +192,7 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
         } else {
             alert("Please type a question before submitting.") // TODO: i18n
         }
-        
+
     }
 
 </script>
@@ -271,8 +271,11 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
                                         :color="COLORS[getNavItemState(node)]"
                                         :icon="ICONS[getNavItemState(node)]"
                                     ></v-icon>
+                                </template> 
+                                <template v-slot:append>
+                                    <v-icon v-if="false" icon="mdi-help-circle-outline" color="red" />
+                                    <div>{{ node.estimatedTime }}'</div> 
                                 </template>
-                                <template v-slot:append> {{ node.estimatedTime }}' </template>
                             </v-list-item>
                         </template>
                     </using-query-result>

From 103742db3190d3a5e2ec63248f47ea76d28232cb Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 19:36:48 +0200
Subject: [PATCH 35/49] feat: poging tot precomputen van check of leerobjecten
 vragen hebben

---
 .../views/learning-paths/LearningPathPage.vue | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 94ac74fd..d5308b12 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -20,7 +20,7 @@
     import type { QuestionData, QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import {useStudentAssignmentsQuery, useStudentGroupsQuery} from "@/queries/students"
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
 
     const router = useRouter();
     const route = useRoute();
@@ -192,8 +192,31 @@
         } else {
             alert("Please type a question before submitting.") // TODO: i18n
         }
-
     }
+    
+    const learningObjectHasQuestions = computed(() => {
+        const result = new Map<string, boolean>();
+        const learningObjects = learningObjectListQueryResult.data?.value ?? [];
+
+        learningObjects.forEach((learningObject) => {
+            const nodeLoId: LearningObjectIdentifierDTO = {
+                hruid: learningObject.key,
+                language: learningObject.language,
+                version: learningObject.version
+            };
+
+            // Check if the learning object has questions
+            const questions = useQuestionsQuery(nodeLoId).data.value?.questions as QuestionDTO[] || [];
+            result.set(learningObject.key, questions.length > 0);
+        });
+
+        return result;
+    });
+
+// Helper function to check if a learning object has questions
+function hasQuestions(learningObjectKey: string): boolean {
+    return learningObjectHasQuestions.value.get(learningObjectKey) ?? false;
+}
 
 </script>
 
@@ -273,7 +296,7 @@
                                     ></v-icon>
                                 </template> 
                                 <template v-slot:append>
-                                    <v-icon v-if="false" icon="mdi-help-circle-outline" color="red" />
+                                    <v-icon v-if="hasQuestions(node.key)" icon="mdi-help-circle-outline" color="red" />
                                     <div>{{ node.estimatedTime }}'</div> 
                                 </template>
                             </v-list-item>

From 3f26353d797a4bf45894a0f0daeaf0f83080b686 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 24 Apr 2025 20:43:12 +0200
Subject: [PATCH 36/49] feat: melding bij leerobjecten met vragen

---
 .../src/components/QuestionNotification.vue   | 24 +++++++++++++++
 .../views/learning-paths/LearningPathPage.vue | 30 ++-----------------
 2 files changed, 26 insertions(+), 28 deletions(-)
 create mode 100644 frontend/src/components/QuestionNotification.vue

diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
new file mode 100644
index 00000000..75540754
--- /dev/null
+++ b/frontend/src/components/QuestionNotification.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
+import { useQuestionsQuery } from '@/queries/questions';
+import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
+import { languageMap } from '@dwengo-1/common/util/language';
+import { computed, ref } from 'vue';
+
+const props = defineProps<{
+        node: LearningObject
+}>();
+
+const loid = { hruid: props.node.key, version: props.node.version, language: props.node.language} as LearningObjectIdentifierDTO;
+const { data, isLoading, error} = useQuestionsQuery(loid);
+
+const hasQuestions = computed(() => {
+    return (data.value?.questions.length ?? 0) > 0;
+});
+
+</script>
+<template v-if="!isLoading & !error">
+    <v-icon v-if="hasQuestions" icon="mdi-help-circle-outline" color="red" size="small" />
+    <div>{{ node.estimatedTime }}'</div> 
+</template>
+<style scoped></style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index d5308b12..94d8e8a7 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -21,6 +21,7 @@
     import {useStudentAssignmentsQuery, useStudentGroupsQuery} from "@/queries/students"
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
 import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+import QuestionNotification from "@/components/QuestionNotification.vue";
 
     const router = useRouter();
     const route = useRoute();
@@ -193,30 +194,6 @@ import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
             alert("Please type a question before submitting.") // TODO: i18n
         }
     }
-    
-    const learningObjectHasQuestions = computed(() => {
-        const result = new Map<string, boolean>();
-        const learningObjects = learningObjectListQueryResult.data?.value ?? [];
-
-        learningObjects.forEach((learningObject) => {
-            const nodeLoId: LearningObjectIdentifierDTO = {
-                hruid: learningObject.key,
-                language: learningObject.language,
-                version: learningObject.version
-            };
-
-            // Check if the learning object has questions
-            const questions = useQuestionsQuery(nodeLoId).data.value?.questions as QuestionDTO[] || [];
-            result.set(learningObject.key, questions.length > 0);
-        });
-
-        return result;
-    });
-
-// Helper function to check if a learning object has questions
-function hasQuestions(learningObjectKey: string): boolean {
-    return learningObjectHasQuestions.value.get(learningObjectKey) ?? false;
-}
 
 </script>
 
@@ -295,10 +272,7 @@ function hasQuestions(learningObjectKey: string): boolean {
                                         :icon="ICONS[getNavItemState(node)]"
                                     ></v-icon>
                                 </template> 
-                                <template v-slot:append>
-                                    <v-icon v-if="hasQuestions(node.key)" icon="mdi-help-circle-outline" color="red" />
-                                    <div>{{ node.estimatedTime }}'</div> 
-                                </template>
+                                <QuestionNotification :node="node" v-slot:append></QuestionNotification>
                             </v-list-item>
                         </template>
                     </using-query-result>

From 0a37d96c6946aebdc88668fba15baf58553bd437 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 20:58:06 +0200
Subject: [PATCH 37/49] style: vraag indicator en estimated time staan naast
 elkaar ipv onder

---
 frontend/src/components/QuestionNotification.vue       | 1 -
 frontend/src/views/learning-paths/LearningPathPage.vue | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
index 75540754..21801fea 100644
--- a/frontend/src/components/QuestionNotification.vue
+++ b/frontend/src/components/QuestionNotification.vue
@@ -19,6 +19,5 @@ const hasQuestions = computed(() => {
 </script>
 <template v-if="!isLoading & !error">
     <v-icon v-if="hasQuestions" icon="mdi-help-circle-outline" color="red" size="small" />
-    <div>{{ node.estimatedTime }}'</div> 
 </template>
 <style scoped></style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 94d8e8a7..5e157808 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -272,7 +272,11 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                                         :icon="ICONS[getNavItemState(node)]"
                                     ></v-icon>
                                 </template> 
-                                <QuestionNotification :node="node" v-slot:append></QuestionNotification>
+                                <template v-slot:append>
+                                    <QuestionNotification :node="node"></QuestionNotification>
+                                    <div>{{ node.estimatedTime }}'</div> 
+                                </template>
+                                
                             </v-list-item>
                         </template>
                     </using-query-result>

From 085e72b0ebb850defb320f991a9aecc87d1aa10a Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 21:02:13 +0200
Subject: [PATCH 38/49] style: estimated time toont altijd 2 cijfers

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 5e157808..0da7c85c 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -274,7 +274,7 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                                 </template> 
                                 <template v-slot:append>
                                     <QuestionNotification :node="node"></QuestionNotification>
-                                    <div>{{ node.estimatedTime }}'</div> 
+                                    <div>{{ (node.estimatedTime!).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) }}'</div> 
                                 </template>
                                 
                             </v-list-item>

From 4be7aa9b215170ec099c9588d7cb9e6a68fa3054 Mon Sep 17 00:00:00 2001
From: Gabriellvl <vanlangenhovefga@gmail.com>
Date: Thu, 24 Apr 2025 21:13:06 +0200
Subject: [PATCH 39/49] fix: commas in json

---
 frontend/src/i18n/locale/de.json | 2 +-
 frontend/src/i18n/locale/en.json | 2 +-
 frontend/src/i18n/locale/fr.json | 2 +-
 frontend/src/i18n/locale/nl.json | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 98627f47..fbdc652a 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -119,7 +119,7 @@
     "enterUsername": "Geben Sie den Benutzernamen der Lehrkraft ein, die Sie einladen möchten",
     "username": "Nutzername",
     "invite": "einladen",
-    "assignmentIndicator": "AUFGABE"
+    "assignmentIndicator": "AUFGABE",
     "searchAllLearningPathsTitle": "Alle Lernpfade durchsuchen",
     "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen."
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index 710351c1..e4042d09 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -119,7 +119,7 @@
     "enterUsername": "enter the username of the teacher you would like to invite",
     "username": "username",
     "invite": "invite",
-    "assignmentIndicator": "ASSIGNMENT"
+    "assignmentIndicator": "ASSIGNMENT",
     "searchAllLearningPathsTitle": "Search all learning paths",
     "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths."
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 4e64a347..b331a168 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -119,7 +119,7 @@
     "enterUsername": "entrez le nom d'utilisateur de l'enseignant que vous souhaitez inviter",
     "username": "Nom d'utilisateur",
     "invite": "inviter",
-    "assignmentIndicator": "DEVOIR"
+    "assignmentIndicator": "DEVOIR",
     "searchAllLearningPathsTitle": "Rechercher tous les parcours d'apprentissage",
     "searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles."
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 57facc49..5aa17930 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -119,7 +119,7 @@
     "enterUsername": "vul de gebruikersnaam van de leerkracht die je wilt uitnodigen in",
     "username": "gebruikersnaam",
     "invite": "uitnodigen",
-    "assignmentIndicator": "OPDRACHT"
+    "assignmentIndicator": "OPDRACHT",
     "searchAllLearningPathsTitle": "Alle leerpaden doorzoeken",
     "searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken."
 }

From efb2ba68a92b94a0545d8b26fc1a206a9f64b9ec Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Thu, 24 Apr 2025 21:20:54 +0200
Subject: [PATCH 40/49] fix: .js toevoegen aan imports

---
 backend/src/services/questions.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index 0841b574..f59f5166 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -12,8 +12,7 @@ import { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
 import { fetchStudent } from './students.js';
 import { NotFoundException } from '../exceptions/not-found-exception.js';
 import { FALLBACK_VERSION_NUM } from '../config.js';
-import {fetchClass} from "./classes";
-import {fetchAssignment} from "./assignments";
+import { fetchAssignment } from './assignments.js';
 
 export async function getQuestionsAboutLearningObjectInAssignment(
     loId: LearningObjectIdentifier,

From 0e44de0e7c6a8be2ab7fc4b6d962adb1c365f61d Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 21:22:06 +0200
Subject: [PATCH 41/49] chore: package-lock die zeker en vast klopt!

---
 package-lock.json | 354 ++--------------------------------------------
 1 file changed, 9 insertions(+), 345 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a3f35b8b..d90cc651 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2358,7 +2358,7 @@
             "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.0.tgz",
             "integrity": "sha512-CoLEGJ+2eheqD9KBSxmma6ld01czS52Iw0e2qMZNpPDlf7Z9mj8xmMemxEucinev4LgHalDPczMyxzbq+Q+EtA==",
             "cpu": [
-                "arm"
+                "x64"
             ],
             "license": "MIT",
             "optional": true,
@@ -2526,12 +2526,8 @@
             "version": "4.40.0",
             "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.0.tgz",
             "integrity": "sha512-HZvjpiUmSNx5zFgwtQAV1GaGazT2RWvqeDi0hV+AtC8unqqDSsaFjPxfsO6qPtKRRg25SisACWnJ37Yio8ttaw==",
-        "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.0.tgz",
-            "integrity": "sha512-PPA6aEEsTPRz+/4xxAmaoWDqh67N7wFbgFUJGMnanCFs0TV99M0M8QhhaSCks+n6EbQoFvLQgYOGXxlMGQe/6w==",
             "cpu": [
-                "arm64"
+                "x64"
             ],
             "license": "MIT",
             "optional": true,
@@ -2578,276 +2574,6 @@
                 "win32"
             ]
         },
-        "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.0.tgz",
-            "integrity": "sha512-GwYOcOakYHdfnjjKwqpTGgn5a6cUX7+Ra2HeNj/GdXvO2VJOOXCiYYlRFU4CubFM67EhbmzLOmACKEfvp3J1kQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.0.tgz",
-            "integrity": "sha512-CoLEGJ+2eheqD9KBSxmma6ld01czS52Iw0e2qMZNpPDlf7Z9mj8xmMemxEucinev4LgHalDPczMyxzbq+Q+EtA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-freebsd-arm64": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.0.tgz",
-            "integrity": "sha512-r7yGiS4HN/kibvESzmrOB/PxKMhPTlz+FcGvoUIKYoTyGd5toHp48g1uZy1o1xQvybwwpqpe010JrcGG2s5nkg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-freebsd-x64": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.0.tgz",
-            "integrity": "sha512-mVDxzlf0oLzV3oZOr0SMJ0lSDd3xC4CmnWJ8Val8isp9jRGl5Dq//LLDSPFrasS7pSm6m5xAcKaw3sHXhBjoRw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.0.tgz",
-            "integrity": "sha512-y/qUMOpJxBMy8xCXD++jeu8t7kzjlOCkoxxajL58G62PJGBZVl/Gwpm7JK9+YvlB701rcQTzjUZ1JgUoPTnoQA==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.0.tgz",
-            "integrity": "sha512-GoCsPibtVdJFPv/BOIvBKO/XmwZLwaNWdyD8TKlXuqp0veo2sHE+A/vpMQ5iSArRUz/uaoj4h5S6Pn0+PdhRjg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.0.tgz",
-            "integrity": "sha512-L5ZLphTjjAD9leJzSLI7rr8fNqJMlGDKlazW2tX4IUF9P7R5TMQPElpH82Q7eNIDQnQlAyiNVfRPfP2vM5Avvg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.0.tgz",
-            "integrity": "sha512-ATZvCRGCDtv1Y4gpDIXsS+wfFeFuLwVxyUBSLawjgXK2tRE6fnsQEkE4csQQYWlBlsFztRzCnBvWVfcae/1qxQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.0.tgz",
-            "integrity": "sha512-wG9e2XtIhd++QugU5MD9i7OnpaVb08ji3P1y/hNbxrQ3sYEelKJOq1UJ5dXczeo6Hj2rfDEL5GdtkMSVLa/AOg==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.0.tgz",
-            "integrity": "sha512-vgXfWmj0f3jAUvC7TZSU/m/cOE558ILWDzS7jBhiCAFpY2WEBn5jqgbqvmzlMjtp8KlLcBlXVD2mkTSEQE6Ixw==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.0.tgz",
-            "integrity": "sha512-uJkYTugqtPZBS3Z136arevt/FsKTF/J9dEMTX/cwR7lsAW4bShzI2R0pJVw+hcBTWF4dxVckYh72Hk3/hWNKvA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-musl": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.0.tgz",
-            "integrity": "sha512-rKmSj6EXQRnhSkE22+WvrqOqRtk733x3p5sWpZilhmjnkHkpeCgWsFFo0dGnUGeA+OZjRl3+VYq+HyCOEuwcxQ==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.0.tgz",
-            "integrity": "sha512-SpnYlAfKPOoVsQqmTFJ0usx0z84bzGOS9anAC0AZ3rdSo3snecihbhFTlJZ8XMwzqAcodjFU4+/SM311dqE5Sw==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.0.tgz",
-            "integrity": "sha512-RcDGMtqF9EFN8i2RYN2W+64CdHruJ5rPqrlYw+cgM3uOVPSsnAQps7cpjXe9be/yDp8UC7VLoCoKC8J3Kn2FkQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.0.tgz",
-            "integrity": "sha512-HZvjpiUmSNx5zFgwtQAV1GaGazT2RWvqeDi0hV+AtC8unqqDSsaFjPxfsO6qPtKRRg25SisACWnJ37Yio8ttaw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.0.tgz",
-            "integrity": "sha512-UtZQQI5k/b8d7d3i9AZmA/t+Q4tk3hOC0tMOMSq2GlMYOfxbesxG4mJSeDp0EHs30N9bsfwUvs3zF4v/RzOeTQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.0.tgz",
-            "integrity": "sha512-+m03kvI2f5syIqHXCZLPVYplP8pQch9JHyXKZ3AGMKlg8dCyr2PKHjwRLiW53LTrN/Nc3EqHOKxUxzoSPdKddA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "peer": true
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.0.tgz",
-            "integrity": "sha512-lpPE1cLfP5oPzVjKMx10pgBmKELQnFJXHgvtHCtuJWOv8MxqdEIMNtgHgBFf7Ea2/7EuVwa9fodWUfXAlXZLZQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "peer": true
-        },
         "node_modules/@scarf/scarf": {
             "version": "1.4.0",
             "resolved": "https://registry.npmjs.org/@scarf/scarf/-/scarf-1.4.0.tgz",
@@ -6661,9 +6387,9 @@
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.141",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.141.tgz",
-            "integrity": "sha512-qS+qH9oqVYc1ooubTiB9l904WVyM6qNYxtOEEGReoZXw3xlqeYdFr5GclNzbkAufWgwWLEPoDi3d9MoRwwIjGw==",
+            "version": "1.5.142",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.142.tgz",
+            "integrity": "sha512-Ah2HgkTu/9RhTDNThBtzu2Wirdy4DC9b0sMT1pUhbkZQ5U/iwmE+PHZX1MpjD5IkJCc2wSghgGG/B04szAx07w==",
             "dev": true,
             "license": "ISC"
         },
@@ -8085,9 +7811,9 @@
             "license": "ISC"
         },
         "node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
             "hasInstallScript": true,
             "license": "MIT",
             "optional": true,
@@ -13852,7 +13578,6 @@
             "version": "4.40.0",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
             "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.7"
@@ -14541,39 +14266,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/playwright/node_modules/fsevents": {
-            "version": "2.3.2",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
-        "node_modules/postcss": {
-            "version": "8.5.3",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
         "node_modules/snapdragon/node_modules/debug": {
             "version": "2.6.9",
             "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -15120,10 +14812,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/rollup": {
-            "version": "4.40.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
-            "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
         "node_modules/strip-bom": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -15131,31 +14819,7 @@
             "dev": true,
             "license": "MIT",
             "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.40.0",
-                "@rollup/rollup-android-arm64": "4.40.0",
-                "@rollup/rollup-darwin-arm64": "4.40.0",
-                "@rollup/rollup-darwin-x64": "4.40.0",
-                "@rollup/rollup-freebsd-arm64": "4.40.0",
-                "@rollup/rollup-freebsd-x64": "4.40.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.40.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.40.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.40.0",
-                "@rollup/rollup-linux-arm64-musl": "4.40.0",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.40.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.40.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.40.0",
-                "@rollup/rollup-linux-riscv64-musl": "4.40.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.40.0",
-                "@rollup/rollup-linux-x64-gnu": "4.40.0",
-                "@rollup/rollup-linux-x64-musl": "4.40.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.40.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.40.0",
-                "@rollup/rollup-win32-x64-msvc": "4.40.0",
-                "fsevents": "~2.3.2"
+                "node": ">=4"
             }
         },
         "node_modules/strip-eof": {

From a0192ddbdf1df5c9be9119058db89753db133827 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 21:24:53 +0200
Subject: [PATCH 42/49] feat: vragen kunnen niet gesteld worden als leerobject
 geen assignment is

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 0da7c85c..8f97379a 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -318,7 +318,7 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <div v-if="authService.authState.activeRole === 'student'" class="question-box">
+        <div v-if="authService.authState.activeRole === 'student' && pathIsAssignment" class="question-box">
             <div class="input-wrapper">
               <input
                 type="text"

From b45fc47b06f83a28afdfc2a15226c05e69109c6a Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Thu, 24 Apr 2025 19:28:10 +0000
Subject: [PATCH 43/49] style: fix linting issues met ESLint

---
 backend/src/services/questions.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index f59f5166..d80fffac 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -90,8 +90,8 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     let assignment;
 
     if ((typeof questionData.inGroup.assignment === "number") && (typeof questionData.inGroup.class === "string")) {
-        assignment = await fetchAssignment(questionData.inGroup.class as string,
-            questionData.inGroup.assignment as number);
+        assignment = await fetchAssignment(questionData.inGroup.class,
+            questionData.inGroup.assignment);
     } else {
         // TODO check if necessary and no conflicts to delete this if
         const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);

From 18e17e0133b2cfd003257b25328a91f030beadd3 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Thu, 24 Apr 2025 19:28:16 +0000
Subject: [PATCH 44/49] style: fix linting issues met Prettier

---
 .../src/data/questions/answer-repository.ts   |   2 +-
 backend/src/services/questions.ts             |   9 +-
 .../test_assets/questions/answers.testdata.ts |   4 +-
 .../questions/questions.testdata.ts           |   6 +-
 frontend/src/components/QandA.vue             |   4 +-
 .../src/components/QuestionNotification.vue   |  38 +++--
 frontend/src/components/SingleQuestion.vue    | 125 ++++++++-------
 frontend/src/controllers/answers.ts           |   6 +-
 .../views/learning-paths/LearningPathPage.vue | 150 ++++++++++--------
 9 files changed, 184 insertions(+), 160 deletions(-)

diff --git a/backend/src/data/questions/answer-repository.ts b/backend/src/data/questions/answer-repository.ts
index ae59a56c..4ef30bbe 100644
--- a/backend/src/data/questions/answer-repository.ts
+++ b/backend/src/data/questions/answer-repository.ts
@@ -15,7 +15,7 @@ export class AnswerRepository extends DwengoEntityRepository<Answer> {
         await this.insert(answerEntity);
         answerEntity.toQuestion = answer.toQuestion;
         answerEntity.author = answer.author;
-        answerEntity.content = answer.content;     
+        answerEntity.content = answer.content;
         return answerEntity;
     }
     public async findAllAnswersToQuestion(question: Question): Promise<Answer[]> {
diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index d80fffac..09643cd2 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -89,9 +89,8 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
 
     let assignment;
 
-    if ((typeof questionData.inGroup.assignment === "number") && (typeof questionData.inGroup.class === "string")) {
-        assignment = await fetchAssignment(questionData.inGroup.class,
-            questionData.inGroup.assignment);
+    if (typeof questionData.inGroup.assignment === 'number' && typeof questionData.inGroup.class === 'string') {
+        assignment = await fetchAssignment(questionData.inGroup.class, questionData.inGroup.assignment);
     } else {
         // TODO check if necessary and no conflicts to delete this if
         const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);
@@ -99,14 +98,14 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     }
 
     const inGroup = await getGroupRepository().findByAssignmentAndGroupNumber(assignment, questionData.inGroup.groupNumber);
-    
+
     const question = await questionRepository.createQuestion({
         loId,
         author,
         inGroup: inGroup!,
         content,
     });
-    
+
     return mapToQuestionDTO(question);
 }
 
diff --git a/backend/tests/test_assets/questions/answers.testdata.ts b/backend/tests/test_assets/questions/answers.testdata.ts
index 44724604..443f523d 100644
--- a/backend/tests/test_assets/questions/answers.testdata.ts
+++ b/backend/tests/test_assets/questions/answers.testdata.ts
@@ -36,7 +36,7 @@ export function makeTestAnswers(em: EntityManager, teachers: Teacher[], question
         toQuestion: getQuestion07(),
         sequenceNumber: 1,
         timestamp: new Date(),
-        content: "this is a test answer"
+        content: 'this is a test answer',
     });
 
     const answer05 = em.create(Answer, {
@@ -44,7 +44,7 @@ export function makeTestAnswers(em: EntityManager, teachers: Teacher[], question
         toQuestion: getQuestion07(),
         sequenceNumber: 2,
         timestamp: new Date(),
-        content: "this is a test answer"
+        content: 'this is a test answer',
     });
 
     return [answer01, answer02, answer03, answer04, answer05];
diff --git a/backend/tests/test_assets/questions/questions.testdata.ts b/backend/tests/test_assets/questions/questions.testdata.ts
index 5e50d7d7..9e8d6df3 100644
--- a/backend/tests/test_assets/questions/questions.testdata.ts
+++ b/backend/tests/test_assets/questions/questions.testdata.ts
@@ -73,7 +73,7 @@ export function makeTestQuestions(em: EntityManager, students: Student[], groups
         timestamp: new Date(),
         content: 'question',
     });
-    
+
     question07 = em.create(Question, {
         learningObjectLanguage: Language.English,
         learningObjectVersion: 1,
@@ -93,7 +93,7 @@ export function makeTestQuestions(em: EntityManager, students: Student[], groups
         author: getTestleerling1(),
         inGroup: getGroup1ConditionalLearningPath(),
         timestamp: new Date(),
-        content: 'this is a second test question'
+        content: 'this is a second test question',
     });
 
     return [question01, question02, question03, question04, question05, question06, question07, question08];
@@ -108,4 +108,4 @@ export function getQuestion07(): Question {
 
 export function getQuestion08(): Question {
     return question08;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index 3d7bae39..f9b15362 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -9,13 +9,11 @@
 <template>
     <div class="space-y-4">
         <div
-            v-for="(question) in questions"
+            v-for="question in questions"
             :key="(question.sequenceNumber, question.content)"
             class="border rounded-2xl p-4 shadow-sm bg-white"
         >
             <SingleQuestion :question="question"></SingleQuestion>
-
-        
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
index 21801fea..30d73e00 100644
--- a/frontend/src/components/QuestionNotification.vue
+++ b/frontend/src/components/QuestionNotification.vue
@@ -1,23 +1,31 @@
 <script setup lang="ts">
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
-import { useQuestionsQuery } from '@/queries/questions';
-import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
-import { languageMap } from '@dwengo-1/common/util/language';
-import { computed, ref } from 'vue';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+    import { useQuestionsQuery } from "@/queries/questions";
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
+    import { languageMap } from "@dwengo-1/common/util/language";
+    import { computed, ref } from "vue";
 
-const props = defineProps<{
-        node: LearningObject
-}>();
+    const props = defineProps<{
+        node: LearningObject;
+    }>();
 
-const loid = { hruid: props.node.key, version: props.node.version, language: props.node.language} as LearningObjectIdentifierDTO;
-const { data, isLoading, error} = useQuestionsQuery(loid);
-
-const hasQuestions = computed(() => {
-    return (data.value?.questions.length ?? 0) > 0;
-});
+    const loid = {
+        hruid: props.node.key,
+        version: props.node.version,
+        language: props.node.language,
+    } as LearningObjectIdentifierDTO;
+    const { data, isLoading, error } = useQuestionsQuery(loid);
 
+    const hasQuestions = computed(() => {
+        return (data.value?.questions.length ?? 0) > 0;
+    });
 </script>
 <template v-if="!isLoading & !error">
-    <v-icon v-if="hasQuestions" icon="mdi-help-circle-outline" color="red" size="small" />
+    <v-icon
+        v-if="hasQuestions"
+        icon="mdi-help-circle-outline"
+        color="red"
+        size="small"
+    />
 </template>
 <style scoped></style>
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 13553290..fdf48bd3 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -5,7 +5,7 @@
     import UsingQueryResult from "./UsingQueryResult.vue";
     import type { AnswersResponse } from "@/controllers/answers";
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
-import authService from "@/services/auth/auth-service";
+    import authService from "@/services/auth/auth-service";
 
     const props = defineProps<{
         question: QuestionDTO;
@@ -30,31 +30,30 @@ import authService from "@/services/auth/auth-service";
                 }) as QuestionId,
         ),
     );
-    
-    const questionId : QuestionId = {
+
+    const questionId: QuestionId = {
         learningObjectIdentifier: props.question.learningObjectIdentifier,
-        sequenceNumber: props.question.sequenceNumber as number
+        sequenceNumber: props.question.sequenceNumber as number,
     };
     const createAnswerMutation = useCreateAnswerMutation(questionId);
 
-    const answer = ref('');
+    const answer = ref("");
 
     function submitAnswer() {
         const answerData: AnswerData = {
             author: authService.authState.user?.profile.preferred_username as string,
-            content: answer.value
+            content: answer.value,
         };
         if (answer.value != "") {
             createAnswerMutation.mutate(answerData, {
                 onSuccess: () => {
                     answer.value = "";
                     answersQuery.refetch();
-                }
+                },
             });
         } else {
-            alert("Please type an answer before submitting") //TODO: i18n
+            alert("Please type an answer before submitting"); //TODO: i18n
         }
-        
     }
 </script>
 <template>
@@ -82,15 +81,23 @@ import authService from "@/services/auth/auth-service";
         >
             {{ question.content }}
         </div>
-        <div v-if="(authService.authState.activeRole === 'teacher')" class="answer-input-container">
+        <div
+            v-if="authService.authState.activeRole === 'teacher'"
+            class="answer-input-container"
+        >
             <input
-              v-model="answer"
-              type="text"
-              placeholder="answer: ..."
-              class="answer-input"
+                v-model="answer"
+                type="text"
+                placeholder="answer: ..."
+                class="answer-input"
             />
-            <button @click="submitAnswer" class="submit-button">▶</button>
-          </div>
+            <button
+                @click="submitAnswer"
+                class="submit-button"
+            >
+                ▶
+            </button>
+        </div>
         <using-query-result
             :query-result="answersQuery"
             v-slot="answersResponse: { data: AnswersResponse }"
@@ -123,9 +130,7 @@ import authService from "@/services/auth/auth-service";
                             justify-content: space-between;
                         "
                     >
-                        <span class="font-semibold text-lg text-gray-800">{{
-                            answer.author.username
-                        }}</span>
+                        <span class="font-semibold text-lg text-gray-800">{{ answer.author.username }}</span>
                         <span class="text-sm text-gray-500">{{ formatDate(answer.timestamp) }}</span>
                     </div>
 
@@ -141,45 +146,45 @@ import authService from "@/services/auth/auth-service";
     </div>
 </template>
 <style scoped>
-.answer-input {
-    flex-grow: 1;
-    outline: none;
-    border: none;
-    background: transparent;
-    color: #374151; /* gray-700 */
-    font-size: 0.875rem; /* smaller font size */
-  }
-  
-  .answer-input::placeholder {
-    color: #9ca3af; /* gray-400 */
-  }
-  
-  .submit-button {
-    margin-left: 0.25rem;
-    padding: 0.25rem;
-    background-color: #f3f4f6; /* gray-100 */
-    border-radius: 9999px;
-    transition: background-color 0.2s;
-    border: none;
-    cursor: pointer;
-  }
-  
-  .submit-button:hover {
-    background-color: #e5e7eb; /* gray-200 */
-  }
-  
-  .submit-icon {
-    width: 0.75rem;
-    height: 0.75rem;
-    color: #4b5563; /* gray-600 */
-  }
-.answer-input-container {
-    display: flex;
-    align-items: center;
-    border: 1px solid #d1d5db; /* gray-300 */
-    border-radius: 9999px;
-    padding: 0.5rem 1rem;
-    max-width: 28rem;
-    width: 100%;
-  }
+    .answer-input {
+        flex-grow: 1;
+        outline: none;
+        border: none;
+        background: transparent;
+        color: #374151; /* gray-700 */
+        font-size: 0.875rem; /* smaller font size */
+    }
+
+    .answer-input::placeholder {
+        color: #9ca3af; /* gray-400 */
+    }
+
+    .submit-button {
+        margin-left: 0.25rem;
+        padding: 0.25rem;
+        background-color: #f3f4f6; /* gray-100 */
+        border-radius: 9999px;
+        transition: background-color 0.2s;
+        border: none;
+        cursor: pointer;
+    }
+
+    .submit-button:hover {
+        background-color: #e5e7eb; /* gray-200 */
+    }
+
+    .submit-icon {
+        width: 0.75rem;
+        height: 0.75rem;
+        color: #4b5563; /* gray-600 */
+    }
+    .answer-input-container {
+        display: flex;
+        align-items: center;
+        border: 1px solid #d1d5db; /* gray-300 */
+        border-radius: 9999px;
+        padding: 0.5rem 1rem;
+        max-width: 28rem;
+        width: 100%;
+    }
 </style>
diff --git a/frontend/src/controllers/answers.ts b/frontend/src/controllers/answers.ts
index 3a378a96..57407b19 100644
--- a/frontend/src/controllers/answers.ts
+++ b/frontend/src/controllers/answers.ts
@@ -12,13 +12,13 @@ export interface AnswerResponse {
 }
 
 export class AnswerController extends BaseController {
-
     loId: LearningObjectIdentifierDTO;
     sequenceNumber: number;
 
-
     constructor(questionId: QuestionId) {
-        super(`learningObject/${questionId.learningObjectIdentifier.hruid}/:${questionId.learningObjectIdentifier.version}/questions/${questionId.sequenceNumber}/answers`);
+        super(
+            `learningObject/${questionId.learningObjectIdentifier.hruid}/:${questionId.learningObjectIdentifier.version}/questions/${questionId.sequenceNumber}/answers`,
+        );
         this.loId = questionId.learningObjectIdentifier;
         this.sequenceNumber = questionId.sequenceNumber;
     }
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 8f97379a..e0199cfe 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -18,10 +18,10 @@
     import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
     import QandA from "@/components/QandA.vue";
     import type { QuestionData, QuestionDTO } from "@dwengo-1/common/interfaces/question";
-    import {useStudentAssignmentsQuery, useStudentGroupsQuery} from "@/queries/students"
+    import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students";
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
-import QuestionNotification from "@/components/QuestionNotification.vue";
+    import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
+    import QuestionNotification from "@/components/QuestionNotification.vue";
 
     const router = useRouter();
     const route = useRoute();
@@ -146,40 +146,38 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
         });
     }
 
-    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(authService.authState.user?.profile.preferred_username);
+    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
+        authService.authState.user?.profile.preferred_username,
+    );
     const pathIsAssignment = computed(() => {
-        const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[] || [];
+        const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
         return assignments.some(
-            (assignment) =>
-                assignment.learningPath === props.hruid &&
-                assignment.language === props.language
+            (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
         );
     });
 
-    const loID:LearningObjectIdentifierDTO = {
-            hruid: props.learningObjectHruid as string,
-            language: props.language
-        }
-    const createQuestionMutation = useCreateQuestionMutation(loID)
-    const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username)
+    const loID: LearningObjectIdentifierDTO = {
+        hruid: props.learningObjectHruid as string,
+        language: props.language,
+    };
+    const createQuestionMutation = useCreateQuestionMutation(loID);
+    const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 
     const questionInput = ref("");
 
     function submitQuestion() {
-        const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]
+        const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
         const assignment = assignments.find(
-            (assignment) =>
-                assignment.learningPath === props.hruid &&
-                assignment.language === props.language
-        )
-        const groups = groupsQueryResult.data.value?.groups as GroupDTO[]
-        const group = groups?.find(group => group.assignment === assignment?.id) as GroupDTO
-        const questionData:QuestionData = {
+            (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+        );
+        const groups = groupsQueryResult.data.value?.groups as GroupDTO[];
+        const group = groups?.find((group) => group.assignment === assignment?.id) as GroupDTO;
+        const questionData: QuestionData = {
             author: authService.authState.user?.profile.preferred_username,
             content: questionInput.value,
-            inGroup: group //TODO: POST response zegt dat dit null is???
-        }
-        console.log(questionData)
+            inGroup: group, //TODO: POST response zegt dat dit null is???
+        };
+        console.log(questionData);
         if (questionInput.value != "") {
             createQuestionMutation.mutate(questionData, {
                 onSuccess: () => {
@@ -187,14 +185,13 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                     getQuestionsQuery.refetch(); // Reload the questions
                 },
                 onError: (e) => {
-                    console.error(e)
+                    console.error(e);
                 },
-            })
+            });
         } else {
-            alert("Please type a question before submitting.") // TODO: i18n
+            alert("Please type a question before submitting."); // TODO: i18n
         }
     }
-
 </script>
 
 <template>
@@ -271,12 +268,18 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                                         :color="COLORS[getNavItemState(node)]"
                                         :icon="ICONS[getNavItemState(node)]"
                                     ></v-icon>
-                                </template> 
+                                </template>
                                 <template v-slot:append>
                                     <QuestionNotification :node="node"></QuestionNotification>
-                                    <div>{{ (node.estimatedTime!).toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) }}'</div> 
+                                    <div>
+                                        {{
+                                            node.estimatedTime!.toLocaleString("en-US", {
+                                                minimumIntegerDigits: 2,
+                                                useGrouping: false,
+                                            })
+                                        }}'
+                                    </div>
                                 </template>
-                                
                             </v-list-item>
                         </template>
                     </using-query-result>
@@ -292,7 +295,10 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                     </template>
                 </v-list-item>
                 <v-list-item>
-                    <div v-if="(authService.authState.activeRole === 'student') && (pathIsAssignment)" class="assignment-indicator">  
+                    <div
+                        v-if="authService.authState.activeRole === 'student' && pathIsAssignment"
+                        class="assignment-indicator"
+                    >
                         {{ t("assignmentIndicator") }}
                     </div>
                 </v-list-item>
@@ -318,17 +324,25 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <div v-if="authService.authState.activeRole === 'student' && pathIsAssignment" class="question-box">
+        <div
+            v-if="authService.authState.activeRole === 'student' && pathIsAssignment"
+            class="question-box"
+        >
             <div class="input-wrapper">
-              <input
-                type="text"
-                placeholder="question : ..."
-                class="question-input"
-                v-model="questionInput"
-              />
-              <button @click="submitQuestion" class="send-button">▶</button>
+                <input
+                    type="text"
+                    placeholder="question : ..."
+                    class="question-input"
+                    v-model="questionInput"
+                />
+                <button
+                    @click="submitQuestion"
+                    class="send-button"
+                >
+                    ▶
+                </button>
             </div>
-          </div>
+        </div>
         <div class="navigation-buttons-container">
             <v-btn
                 prepend-icon="mdi-chevron-left"
@@ -351,7 +365,7 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
-            <QandA :questions="questionsResponse.data.questions as QuestionDTO[] ?? []" />
+            <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>
 </template>
@@ -395,58 +409,58 @@ import QuestionNotification from "@/components/QuestionNotification.vue";
         text-transform: uppercase;
         z-index: 2; /* Less than modals/popups */
     }
-      .question-box {
+    .question-box {
         width: 100%;
         max-width: 400px;
         margin: 20px auto;
         font-family: sans-serif;
-      }
-      .input-wrapper {
+    }
+    .input-wrapper {
         display: flex;
         align-items: center;
         border: 1px solid #ccc;
         border-radius: 999px;
         padding: 8px 12px;
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-      }
-      
-      .question-input {
+    }
+
+    .question-input {
         flex: 1;
         border: none;
         outline: none;
         font-size: 14px;
         background-color: transparent;
-      }
-      
-      .question-input::placeholder {
+    }
+
+    .question-input::placeholder {
         color: #999;
-      }
-      
-      .send-button {
+    }
+
+    .send-button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 16px;
         color: #555;
         transition: color 0.2s ease;
-      }
-      
-      .send-button:hover {
+    }
+
+    .send-button:hover {
         color: #000;
-      }
-      
-      .discussion-link {
+    }
+
+    .discussion-link {
         margin-top: 8px;
         font-size: 13px;
         color: #444;
-      }
-      
-      .discussion-link a {
+    }
+
+    .discussion-link a {
         color: #3b82f6; /* blue */
         text-decoration: none;
-      }
-      
-      .discussion-link a:hover {
+    }
+
+    .discussion-link a:hover {
         text-decoration: underline;
-      }
+    }
 </style>

From 9393898e06c827b29014b029b951e6c5cedb5afd Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Thu, 24 Apr 2025 21:33:14 +0200
Subject: [PATCH 45/49] refactor: Linting

---
 backend/src/services/questions.ts             |  3 ++-
 .../test_assets/questions/answers.testdata.ts |  1 -
 .../src/components/QuestionNotification.vue   | 21 ++++++++-----------
 frontend/src/components/SingleQuestion.vue    | 16 +++++++-------
 .../views/learning-paths/LearningPathPage.vue | 16 +++++++-------
 5 files changed, 27 insertions(+), 30 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index 09643cd2..24f753a3 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -90,7 +90,8 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     let assignment;
 
     if (typeof questionData.inGroup.assignment === 'number' && typeof questionData.inGroup.class === 'string') {
-        assignment = await fetchAssignment(questionData.inGroup.class, questionData.inGroup.assignment);
+        assignment = await fetchAssignment(questionData.inGroup.class,
+            questionData.inGroup.assignment);
     } else {
         // TODO check if necessary and no conflicts to delete this if
         const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);
diff --git a/backend/tests/test_assets/questions/answers.testdata.ts b/backend/tests/test_assets/questions/answers.testdata.ts
index 443f523d..5614cd6a 100644
--- a/backend/tests/test_assets/questions/answers.testdata.ts
+++ b/backend/tests/test_assets/questions/answers.testdata.ts
@@ -2,7 +2,6 @@ import { EntityManager } from '@mikro-orm/core';
 import { Answer } from '../../../src/entities/questions/answer.entity';
 import { Teacher } from '../../../src/entities/users/teacher.entity';
 import { Question } from '../../../src/entities/questions/question.entity';
-import { getTestleerling1 } from '../users/students.testdata';
 import { getTestleerkracht1 } from '../users/teachers.testdata';
 import { getQuestion07 } from './questions.testdata';
 
diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
index 30d73e00..e9b6ed7e 100644
--- a/frontend/src/components/QuestionNotification.vue
+++ b/frontend/src/components/QuestionNotification.vue
@@ -1,24 +1,21 @@
 <script setup lang="ts">
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
-    import { useQuestionsQuery } from "@/queries/questions";
-    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
-    import { languageMap } from "@dwengo-1/common/util/language";
-    import { computed, ref } from "vue";
+import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+import { useQuestionsQuery } from "@/queries/questions";
+import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
+import { computed } from 'vue';
 
-    const props = defineProps<{
+const props = defineProps<{
         node: LearningObject;
     }>();
 
     const loid = {
         hruid: props.node.key,
         version: props.node.version,
-        language: props.node.language,
-    } as LearningObjectIdentifierDTO;
-    const { data, isLoading, error } = useQuestionsQuery(loid);
+        language: props.node.language,} as LearningObjectIdentifierDTO;
+const { data  } = useQuestionsQuery(loid);
+
+    const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
 
-    const hasQuestions = computed(() => {
-        return (data.value?.questions.length ?? 0) > 0;
-    });
 </script>
 <template v-if="!isLoading & !error">
     <v-icon
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index fdf48bd3..ddc32a7d 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -13,13 +13,13 @@
 
     const expanded = ref(false);
 
-    const toggle = () => {
+    function toggle (): void {
         expanded.value = !expanded.value;
-    };
+    }
 
-    const formatDate = (timestamp: string | Date): string => {
+    function formatDate (timestamp: string | Date): string {
         return new Date(timestamp).toLocaleString();
-    };
+    }
 
     const answersQuery = useAnswersQuery(
         computed(
@@ -39,16 +39,16 @@
 
     const answer = ref("");
 
-    function submitAnswer() {
+    function submitAnswer(): void {
         const answerData: AnswerData = {
             author: authService.authState.user?.profile.preferred_username as string,
             content: answer.value,
         };
-        if (answer.value != "") {
+        if (answer.value !== "") {
             createAnswerMutation.mutate(answerData, {
-                onSuccess: () => {
+                onSuccess: async () => {
                     answer.value = "";
-                    answersQuery.refetch();
+                    await answersQuery.refetch();
                 },
             });
         } else {
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index e0199cfe..544bc117 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -165,7 +165,7 @@
 
     const questionInput = ref("");
 
-    function submitQuestion() {
+    function submitQuestion(): void {
         const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
         const assignment = assignments.find(
             (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
@@ -176,16 +176,16 @@
             author: authService.authState.user?.profile.preferred_username,
             content: questionInput.value,
             inGroup: group, //TODO: POST response zegt dat dit null is???
-        };
-        console.log(questionData);
-        if (questionInput.value != "") {
+        }
+        if (questionInput.value !== "") {
             createQuestionMutation.mutate(questionData, {
-                onSuccess: () => {
+                onSuccess: async () => {
                     questionInput.value = ""; // Clear the input field after submission
-                    getQuestionsQuery.refetch(); // Reload the questions
+                    await getQuestionsQuery.refetch(); // Reload the questions
                 },
-                onError: (e) => {
-                    console.error(e);
+                onError: (_) => {
+                    // TODO Handle error
+                    // - console.error(e);
                 },
             });
         } else {

From 455ad82ce7f93a517a852549126077c61757bc66 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Thu, 24 Apr 2025 19:40:15 +0000
Subject: [PATCH 46/49] style: fix linting issues met Prettier

---
 backend/src/services/questions.ts                |  3 +--
 frontend/src/components/QuestionNotification.vue | 16 ++++++++--------
 frontend/src/components/SingleQuestion.vue       |  4 ++--
 .../views/learning-paths/LearningPathPage.vue    |  2 +-
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/backend/src/services/questions.ts b/backend/src/services/questions.ts
index 24f753a3..09643cd2 100644
--- a/backend/src/services/questions.ts
+++ b/backend/src/services/questions.ts
@@ -90,8 +90,7 @@ export async function createQuestion(loId: LearningObjectIdentifier, questionDat
     let assignment;
 
     if (typeof questionData.inGroup.assignment === 'number' && typeof questionData.inGroup.class === 'string') {
-        assignment = await fetchAssignment(questionData.inGroup.class,
-            questionData.inGroup.assignment);
+        assignment = await fetchAssignment(questionData.inGroup.class, questionData.inGroup.assignment);
     } else {
         // TODO check if necessary and no conflicts to delete this if
         const clazz = await getClassRepository().findById((questionData.inGroup.assignment as AssignmentDTO).within);
diff --git a/frontend/src/components/QuestionNotification.vue b/frontend/src/components/QuestionNotification.vue
index e9b6ed7e..9b854224 100644
--- a/frontend/src/components/QuestionNotification.vue
+++ b/frontend/src/components/QuestionNotification.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
-import { useQuestionsQuery } from "@/queries/questions";
-import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
-import { computed } from 'vue';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+    import { useQuestionsQuery } from "@/queries/questions";
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
+    import { computed } from "vue";
 
-const props = defineProps<{
+    const props = defineProps<{
         node: LearningObject;
     }>();
 
     const loid = {
         hruid: props.node.key,
         version: props.node.version,
-        language: props.node.language,} as LearningObjectIdentifierDTO;
-const { data  } = useQuestionsQuery(loid);
+        language: props.node.language,
+    } as LearningObjectIdentifierDTO;
+    const { data } = useQuestionsQuery(loid);
 
     const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
-
 </script>
 <template v-if="!isLoading & !error">
     <v-icon
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index ddc32a7d..ac5bd9a9 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -13,11 +13,11 @@
 
     const expanded = ref(false);
 
-    function toggle (): void {
+    function toggle(): void {
         expanded.value = !expanded.value;
     }
 
-    function formatDate (timestamp: string | Date): string {
+    function formatDate(timestamp: string | Date): string {
         return new Date(timestamp).toLocaleString();
     }
 
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 544bc117..2e654840 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -176,7 +176,7 @@
             author: authService.authState.user?.profile.preferred_username,
             content: questionInput.value,
             inGroup: group, //TODO: POST response zegt dat dit null is???
-        }
+        };
         if (questionInput.value !== "") {
             createQuestionMutation.mutate(questionData, {
                 onSuccess: async () => {

From c314a5cf80146629e5313cc759c0c832e8a5fe29 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 24 Apr 2025 21:49:05 +0200
Subject: [PATCH 47/49] fix: alerts weggehaald

---
 frontend/src/components/SingleQuestion.vue             | 2 --
 frontend/src/views/learning-paths/LearningPathPage.vue | 2 --
 2 files changed, 4 deletions(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index ac5bd9a9..8d53b6e1 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -51,8 +51,6 @@
                     await answersQuery.refetch();
                 },
             });
-        } else {
-            alert("Please type an answer before submitting"); //TODO: i18n
         }
     }
 </script>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 2e654840..63f1b686 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -188,8 +188,6 @@
                     // - console.error(e);
                 },
             });
-        } else {
-            alert("Please type a question before submitting."); // TODO: i18n
         }
     }
 </script>

From fb016e8d3180f37b6a2c6cb86d05d73bdb1f0018 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <58138112+kloep1@users.noreply.github.com>
Date: Thu, 24 Apr 2025 21:52:50 +0200
Subject: [PATCH 48/49] chore: overbodige lijnen samengevoegd

Co-authored-by: Tibo De Peuter <tibo.depeuter@ugent.be>
---
 backend/src/data/questions/question-repository.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/backend/src/data/questions/question-repository.ts b/backend/src/data/questions/question-repository.ts
index 6fa6ee05..6350f40c 100644
--- a/backend/src/data/questions/question-repository.ts
+++ b/backend/src/data/questions/question-repository.ts
@@ -24,8 +24,7 @@ export class QuestionRepository extends DwengoEntityRepository<Question> {
         questionEntity.author = question.author;
         questionEntity.inGroup = question.inGroup;
         questionEntity.content = question.content;
-        await this.insert(questionEntity);
-        return questionEntity;
+        return (await this.insert(questionEntity));
     }
     public async findAllQuestionsAboutLearningObject(loId: LearningObjectIdentifier): Promise<Question[]> {
         return this.findAll({

From 8b5eabf69ed2de71f3ef8e7e6d41d34ce34b0746 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Thu, 24 Apr 2025 19:56:30 +0000
Subject: [PATCH 49/49] style: fix linting issues met Prettier

---
 backend/src/data/questions/question-repository.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/src/data/questions/question-repository.ts b/backend/src/data/questions/question-repository.ts
index 6350f40c..b9935b16 100644
--- a/backend/src/data/questions/question-repository.ts
+++ b/backend/src/data/questions/question-repository.ts
@@ -24,7 +24,7 @@ export class QuestionRepository extends DwengoEntityRepository<Question> {
         questionEntity.author = question.author;
         questionEntity.inGroup = question.inGroup;
         questionEntity.content = question.content;
-        return (await this.insert(questionEntity));
+        return await this.insert(questionEntity);
     }
     public async findAllQuestionsAboutLearningObject(loId: LearningObjectIdentifier): Promise<Question[]> {
         return this.findAll({