From d03f8431a8e29aebddfae710e23ba3c926ccdd15 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 00:35:49 +0200
Subject: [PATCH 01/51] feat: discussions link veranderd

---
 frontend/src/router/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 359eab1a..7e74bbd9 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -100,9 +100,10 @@ const router = createRouter({
             meta: { requiresAuth: true },
         },
         {
-            path: "/discussion/:id",
+            path: "/discussion/:hruid/:language/:learningObjectHruid",
             name: "SingleDiscussion",
             component: SingleDiscussion,
+            props: true,
             meta: { requiresAuth: true },
         },
         {

From ab1c94f01235f110306caeaa967cbde865d219fa Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 00:36:35 +0200
Subject: [PATCH 02/51] feat: link naar discussions toegevoegd in leerpad
 pagina

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

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 63f1b686..b799ea09 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -190,6 +190,13 @@
             });
         }
     }
+
+    const discussionLink = computed(() => 
+        "/discussion" 
+        + "/" + props.hruid
+        + "/" + currentNode.value?.language 
+        + "/" + currentNode.value?.learningobjectHruid);
+
 </script>
 
 <template>
@@ -363,6 +370,14 @@
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
+            <p>
+                View questions in 
+                <router-link
+                    :to=discussionLink
+                >
+                    discussions
+                </router-link>
+            </p>
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>

From 37947c768f694e992a1c3900c35bd8359c37dbf1 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 00:37:07 +0200
Subject: [PATCH 03/51] feat: leerpad pagina omgezet naar discussions pagina

---
 .../views/discussions/SingleDiscussion.vue    | 359 +++++++++++++++++-
 1 file changed, 356 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 1a35a59f..5537268f 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,7 +1,360 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+    import { Language } from "@/data-objects/language.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import { computed, type ComputedRef, ref } from "vue";
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
+    import { useRoute, useRouter } from "vue-router";
+    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
+    import { useI18n } from "vue-i18n";
+    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    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 LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
+    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 { 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 QuestionNotification from "@/components/QuestionNotification.vue";
+
+    const router = useRouter();
+    const route = useRoute();
+    const { t } = useI18n();
+
+    const props = defineProps<{
+        hruid: string;
+        language: Language;
+        learningObjectHruid?: string;
+    }>();
+
+    interface LearningPathPageQuery {
+        forGroup?: string;
+        assignmentNo?: string;
+        classId?: string;
+    }
+
+    const query = computed(() => route.query as LearningPathPageQuery);
+
+    const forGroup = computed(() => {
+        if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
+            return {
+                forGroup: parseInt(query.value.forGroup),
+                assignmentNo: parseInt(query.value.assignmentNo),
+                classId: query.value.classId,
+            };
+        }
+        return undefined;
+    });
+
+    const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
+
+    const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+
+    const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
+        () => learningPathQueryResult.data.value?.nodesAsList ?? null,
+    );
+
+    const currentNode = computed(() => {
+        const currentHruid = props.learningObjectHruid;
+        return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
+    });
+
+    const nextNode = computed(() => {
+        if (!currentNode.value || !nodesList.value) return undefined;
+        const currentIndex = nodesList.value?.indexOf(currentNode.value);
+        return currentIndex < nodesList.value?.length ? nodesList.value?.[currentIndex + 1] : undefined;
+    });
+
+    const previousNode = computed(() => {
+        if (!currentNode.value || !nodesList.value) return undefined;
+        const currentIndex = nodesList.value?.indexOf(currentNode.value);
+        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 {
+        if (learningObjectListQueryResult.isSuccess) {
+            return (
+                learningPathQueryResult.data.value?.nodesAsList?.find(
+                    (it) =>
+                        it.learningobjectHruid === learningObject.key &&
+                        it.version === learningObject.version &&
+                        it.language === learningObject.language,
+                )?.done ?? false
+            );
+        }
+        return false;
+    }
+
+    type NavItemState = "teacherExclusive" | "completed" | "notCompleted";
+
+    const ICONS: Record<NavItemState, string> = {
+        teacherExclusive: "mdi-information",
+        completed: "mdi-checkbox-marked-circle-outline",
+        notCompleted: "mdi-checkbox-blank-circle-outline",
+    };
+
+    const COLORS: Record<NavItemState, string | undefined> = {
+        teacherExclusive: "info",
+        completed: "success",
+        notCompleted: undefined,
+    };
+
+    function getNavItemState(learningObject: LearningObject): NavItemState {
+        if (learningObject.teacherExclusive) {
+            return "teacherExclusive";
+        } else if (isLearningObjectCompleted(learningObject)) {
+            return "completed";
+        }
+        return "notCompleted";
+    }
+
+    const forGroupQueryParam = computed<number | undefined>({
+        get: () => route.query.forGroup,
+        set: async (value: number | undefined) => {
+            const query = structuredClone(route.query);
+            query.forGroup = value;
+            await router.push({ query });
+        },
+    });
+
+    async function assign(): Promise<void> {
+        await router.push({
+            path: "/assignment/create",
+            query: {
+                hruid: props.hruid,
+                language: props.language,
+            },
+        });
+    }
+
+    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
+        authService.authState.user?.profile.preferred_username,
+    );
+    const pathIsAssignment = computed(() => {
+        const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
+        return assignments.some(
+            (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 questionInput = ref("");
+
+    function submitQuestion(): void {
+        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???
+        };
+        if (questionInput.value !== "") {
+            createQuestionMutation.mutate(questionData, {
+                onSuccess: async () => {
+                    questionInput.value = ""; // Clear the input field after submission
+                    await getQuestionsQuery.refetch(); // Reload the questions
+                },
+                onError: (_) => {
+                    // TODO Handle error
+                    // - console.error(e);
+                },
+            });
+        }
+    }
+
+    const discussionLink = computed(() => 
+        "/discussion" 
+        + "/" + props.hruid
+        + "/" + currentNode.value?.language 
+        + "/" + currentNode.value?.learningobjectHruid);
+
+    console.log(getQuestionsQuery.data.value)
+
+</script>
 
 <template>
-    <main></main>
+    <using-query-result
+        :query-result="learningPathQueryResult"
+        v-slot="learningPath: { data: LearningPath }"
+    >
+        <v-navigation-drawer
+            v-model="navigationDrawerShown"
+            :width="350"
+        >
+            <div class="d-flex flex-column h-100">
+                <v-list-item>
+                    <template v-slot:title>
+                        <div class="learning-path-title">Learning paths with questions</div>
+                    </template>
+                </v-list-item>
+                <v-divider></v-divider>
+                <div v-if="props.learningObjectHruid">
+                    <using-query-result
+                        :query-result="learningObjectListQueryResult"
+                        v-slot="learningObjects: { data: LearningObject[] }"
+                    >
+                        <template v-for="node in learningObjects.data">
+                            <v-list-item
+                                link
+                                :to="{ path: node.key, query: route.query }"
+                                :title="node.title"
+                                :active="node.key === props.learningObjectHruid"
+                            >
+                            </v-list-item>
+                        </template>
+                    </using-query-result>
+                </div>
+            </div>
+        </v-navigation-drawer>
+        
+        <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>
+            </div>
+        </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>
 
-<style scoped></style>
+<style scoped>
+    .learning-path-title {
+        white-space: normal;
+    }
+    .search-field-container {
+        min-width: 250px;
+    }
+    .control-bar-above-content {
+        margin-left: 5px;
+        margin-right: 5px;
+        margin-bottom: -30px;
+        display: flex;
+        justify-content: space-between;
+    }
+    .learning-object-view-container {
+        padding-left: 20px;
+        padding-right: 20px;
+        padding-bottom: 20px;
+    }
+    .navigation-buttons-container {
+        padding: 20px;
+        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;
+        z-index: 2; /* Less than modals/popups */
+    }
+    .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 d13e3c4df4a6409eb2489888b7f9e5278945f462 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 00:38:58 +0200
Subject: [PATCH 04/51] cleanup

---
 .../views/discussions/SingleDiscussion.vue    | 50 -------------------
 1 file changed, 50 deletions(-)

diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 5537268f..674818f0 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -65,18 +65,6 @@
         return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
     });
 
-    const nextNode = computed(() => {
-        if (!currentNode.value || !nodesList.value) return undefined;
-        const currentIndex = nodesList.value?.indexOf(currentNode.value);
-        return currentIndex < nodesList.value?.length ? nodesList.value?.[currentIndex + 1] : undefined;
-    });
-
-    const previousNode = computed(() => {
-        if (!currentNode.value || !nodesList.value) return undefined;
-        const currentIndex = nodesList.value?.indexOf(currentNode.value);
-        return currentIndex < nodesList.value?.length ? nodesList.value?.[currentIndex - 1] : undefined;
-    });
-
     const getQuestionsQuery = useQuestionsQuery(
         computed(
             () =>
@@ -106,18 +94,6 @@
 
     type NavItemState = "teacherExclusive" | "completed" | "notCompleted";
 
-    const ICONS: Record<NavItemState, string> = {
-        teacherExclusive: "mdi-information",
-        completed: "mdi-checkbox-marked-circle-outline",
-        notCompleted: "mdi-checkbox-blank-circle-outline",
-    };
-
-    const COLORS: Record<NavItemState, string | undefined> = {
-        teacherExclusive: "info",
-        completed: "success",
-        notCompleted: undefined,
-    };
-
     function getNavItemState(learningObject: LearningObject): NavItemState {
         if (learningObject.teacherExclusive) {
             return "teacherExclusive";
@@ -127,25 +103,6 @@
         return "notCompleted";
     }
 
-    const forGroupQueryParam = computed<number | undefined>({
-        get: () => route.query.forGroup,
-        set: async (value: number | undefined) => {
-            const query = structuredClone(route.query);
-            query.forGroup = value;
-            await router.push({ query });
-        },
-    });
-
-    async function assign(): Promise<void> {
-        await router.push({
-            path: "/assignment/create",
-            query: {
-                hruid: props.hruid,
-                language: props.language,
-            },
-        });
-    }
-
     const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
         authService.authState.user?.profile.preferred_username,
     );
@@ -191,13 +148,6 @@
         }
     }
 
-    const discussionLink = computed(() => 
-        "/discussion" 
-        + "/" + props.hruid
-        + "/" + currentNode.value?.language 
-        + "/" + currentNode.value?.learningobjectHruid);
-
-    console.log(getQuestionsQuery.data.value)
 
 </script>
 

From f318bb296b3bcdfab0fe02d32026cf55231d1691 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 02:33:32 +0200
Subject: [PATCH 05/51] feat: component die in inhoudstafel een leerpad toont
 met al zijn leerobjecten eronder (werkt nog niet)

---
 .../components/DiscussionSideBarElement.vue   | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 frontend/src/components/DiscussionSideBarElement.vue

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
new file mode 100644
index 00000000..fda3d938
--- /dev/null
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
+import { useRoute } from 'vue-router';
+import UsingQueryResult from "@/components/UsingQueryResult.vue";
+
+    const route = useRoute();
+
+    const props = defineProps<{
+        path: LearningPath;
+        activeObjectId: string 
+    }>();
+
+    const learningObjectListQueryResult = useLearningObjectListForPathQuery(props.path);
+
+    console.log(learningObjectListQueryResult.data.value)
+
+</script>
+
+<template>
+    <main>
+        <div>{{path.title}}</div>
+        <template>
+            <using-query-result
+                :query-result="learningObjectListQueryResult"
+                v-slot="learningObjects: { data: LearningObject[] }"
+            >
+                <template v-for="node in learningObjects.data">
+                    <v-list-item
+                        link
+                        :to="{ path: node.key, query: route.query }"
+                        :title="node.title"
+                        :active="node.key === props.activeObjectId"
+                    >
+                    </v-list-item>
+                </template>
+            </using-query-result>
+        </template>
+    </main>
+</template>
+
+<style scoped></style>

From f3690902d1044f4557ea7af94a750bc636fefd12 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Fri, 9 May 2025 02:34:23 +0200
Subject: [PATCH 06/51] feat: huidig leerpad wordt in inhoudstafel getoond met
 zijn leerobjecten waarop je kan klikken

---
 .../views/discussions/SingleDiscussion.vue    | 53 ++++++++++++++-----
 1 file changed, 41 insertions(+), 12 deletions(-)

diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 674818f0..187fdb19 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -7,7 +7,7 @@
     import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
     import { useI18n } from "vue-i18n";
     import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import authService from "@/services/auth/auth-service.ts";
@@ -21,7 +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";
+    import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
 
     const router = useRouter();
     const route = useRoute();
@@ -52,6 +52,33 @@
         return undefined;
     });
 
+    const allLearningPathsResult = useGetAllLearningPaths(props.language)
+    
+    // TODO: dit moet alle leerpaden met vragen teruggeven, maar werkt niet
+    const questionedLearningPaths = computed(() => {
+        function objectHasQuestion(learningObject: LearningObject) {
+            const loid = {
+                hruid: learningObject.key,
+                version: learningObject.version,
+                language: learningObject.language,
+            } as LearningObjectIdentifierDTO;
+            const { data } = useQuestionsQuery(loid);
+            const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
+            return hasQuestions;
+        }
+        function pathHasQuestion(learningPath: LearningPath) {
+            const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
+            const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+            const learningObjects = learningObjectListQueryResult.data.value;
+            console.log("Path: " + learningPath.hruid)
+            console.log(learningObjects)
+            console.log("questions: " + learningObjects?.some(objectHasQuestion))
+            return learningObjects?.some(objectHasQuestion);
+
+        }
+        return allLearningPathsResult.data.value?.filter(pathHasQuestion);
+    })
+
     const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
 
     const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
@@ -163,24 +190,25 @@
             <div class="d-flex flex-column h-100">
                 <v-list-item>
                     <template v-slot:title>
-                        <div class="learning-path-title">Learning paths with questions</div>
+                        <div class="learning-path-title">Discussions</div>
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>
                 <div v-if="props.learningObjectHruid">
+                    <DiscussionSideBarElement
+                        :path="(learningPathQueryResult.data.value as LearningPath)"
+                        :activeObjectId="props.learningObjectHruid">
+                    </DiscussionSideBarElement>
                     <using-query-result
                         :query-result="learningObjectListQueryResult"
-                        v-slot="learningObjects: { data: LearningObject[] }"
-                    >
-                        <template v-for="node in learningObjects.data">
-                            <v-list-item
+                        v-slot="learningObjects: {data: LearningObject[]}">
+                            <v-list-item 
                                 link
-                                :to="{ path: node.key, query: route.query }"
-                                :title="node.title"
-                                :active="node.key === props.learningObjectHruid"
-                            >
+                                :to="{ path: learningObject.key, query: route.query }"
+                                :title="learningObject.title"
+                                :active="learningObject.key === props.learningObjectHruid"
+                                v-for="learningObject in learningObjects.data">
                             </v-list-item>
-                        </template>
                     </using-query-result>
                 </div>
             </div>
@@ -215,6 +243,7 @@
 </template>
 
 <style scoped>
+
     .learning-path-title {
         white-space: normal;
     }

From c7a70f901ecbf62c5b26611b787613eb07f4a272 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 00:29:03 +0200
Subject: [PATCH 07/51] style: questions header styling op learningobject

---
 .../views/learning-paths/LearningPathPage.vue | 35 ++++++++++++++-----
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index b799ea09..c7cd6243 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -370,20 +370,39 @@
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
-            <p>
-                View questions in 
-                <router-link
-                    :to=discussionLink
-                >
-                    discussions
-                </router-link>
-            </p>
+        <v-divider :thickness="6"></v-divider>
+            <div class="question-header">
+                <span class="question-title">Questions</span>
+                <span class="discussion-link-text">
+                    View questions in 
+                    <router-link
+                        :to=discussionLink
+                    >
+                        discussions
+                    </router-link>
+                </span>
+            </div>
+            
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>
 </template>
 
 <style scoped>
+    .question-title {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 32px;
+    }
+    .discussion-link-text {
+        font-size: 24px;
+    }
+    .question-header {
+        display: flex;
+        justify-content: space-between;
+        padding: 10px;
+    }
     .learning-path-title {
         white-space: normal;
     }

From e61f47a889dafd25546d44a97a2a29824f3e6e15 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 00:38:55 +0200
Subject: [PATCH 08/51] style: single question style update

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

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 8d53b6e1..5d587a39 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -103,7 +103,7 @@
             <button
                 v-if="answersResponse.data.answers && answersResponse.data.answers.length > 0"
                 @click="toggle()"
-                class="text-blue-600 hover:underline text-sm"
+                class="toggle-answers-btn"
             >
                 {{ expanded ? "Hide Answers" : "Show Answers" }}
             </button>
@@ -144,6 +144,24 @@
     </div>
 </template>
 <style scoped>
+    .toggle-answers-btn {
+        font-size: 0.875rem;
+        text-decoration: none;
+        background-color: #f0f4ff; /* subtle blue background */
+        border: none;
+        border-radius: 4px;
+        padding: 6px 12px;
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+    }
+
+    .toggle-answers-btn:hover {
+        background-color: #e0eaff; /* slightly darker on hover */
+        text-decoration: underline;
+    }
+    .answer-input-container {
+        margin: 5px;
+    }
     .answer-input {
         flex-grow: 1;
         outline: none;

From a11440e18fadfd05acd6a06df9364297e4a5dfae Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 00:54:45 +0200
Subject: [PATCH 09/51] feat: pagina scrollt automatisch zodat antwoorden in
 zicht komen als ze uitgeklapt worden

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

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 5d587a39..daaf1e43 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -12,9 +12,22 @@
     }>();
 
     const expanded = ref(false);
+    const answersContainer = ref<HTMLElement | null>(null); // Ref for the answers container
 
     function toggle(): void {
         expanded.value = !expanded.value;
+
+        // Scroll to the answers container if expanded
+        if (expanded.value && answersContainer.value) { 
+            setTimeout(function () {
+                if (answersContainer.value) {
+                    answersContainer.value.scrollIntoView({
+                        behavior: "smooth",
+                        block: "start",
+                    });
+                }
+            }, 100);
+        }
     }
 
     function formatDate(timestamp: string | Date): string {
@@ -109,7 +122,8 @@
             </button>
 
             <div
-                v-if="expanded"
+                v-show="expanded"
+                ref="answersContainer"
                 class="mt-3 pl-4 border-l-2 border-blue-200 space-y-2"
             >
                 <div

From 84ef0e4af0fe3d90433f3ecbea8e32be95f8434e Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 09:11:29 +0200
Subject: [PATCH 10/51] feat: elk leerpad is zichtbaar in sidebar

---
 .../components/DiscussionSideBarElement.vue   |  9 +++++---
 .../views/discussions/SingleDiscussion.vue    | 22 +++++++------------
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index fda3d938..9e2a079c 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -4,6 +4,7 @@ import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
 import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
 import { useRoute } from 'vue-router';
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import { ref } from 'vue';
 
     const route = useRoute();
 
@@ -12,7 +13,9 @@ import UsingQueryResult from "@/components/UsingQueryResult.vue";
         activeObjectId: string 
     }>();
 
-    const learningObjectListQueryResult = useLearningObjectListForPathQuery(props.path);
+    const currentPath = ref(props.path)
+
+    const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
 
     console.log(learningObjectListQueryResult.data.value)
 
@@ -21,7 +24,7 @@ import UsingQueryResult from "@/components/UsingQueryResult.vue";
 <template>
     <main>
         <div>{{path.title}}</div>
-        <template>
+        <div>
             <using-query-result
                 :query-result="learningObjectListQueryResult"
                 v-slot="learningObjects: { data: LearningObject[] }"
@@ -36,7 +39,7 @@ import UsingQueryResult from "@/components/UsingQueryResult.vue";
                     </v-list-item>
                 </template>
             </using-query-result>
-        </template>
+        </div>
     </main>
 </template>
 
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 187fdb19..5e142e24 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -194,21 +194,15 @@
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>
-                <div v-if="props.learningObjectHruid">
-                    <DiscussionSideBarElement
-                        :path="(learningPathQueryResult.data.value as LearningPath)"
-                        :activeObjectId="props.learningObjectHruid">
-                    </DiscussionSideBarElement>
+                <div>
                     <using-query-result
-                        :query-result="learningObjectListQueryResult"
-                        v-slot="learningObjects: {data: LearningObject[]}">
-                            <v-list-item 
-                                link
-                                :to="{ path: learningObject.key, query: route.query }"
-                                :title="learningObject.title"
-                                :active="learningObject.key === props.learningObjectHruid"
-                                v-for="learningObject in learningObjects.data">
-                            </v-list-item>
+                        :query-result="allLearningPathsResult"
+                        v-slot="learningPaths: {data: LearningPath[]}">
+                        <DiscussionSideBarElement
+                            v-for="learningPath in learningPaths.data"
+                            :path="learningPath"
+                            :activeObjectId="props.learningObjectHruid as string">
+                        </DiscussionSideBarElement>
                     </using-query-result>
                 </div>
             </div>

From 0d2fd8b4ee7d2d98b8b133c52b2ec806bbaed431 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 09:20:38 +0200
Subject: [PATCH 11/51] feat: sidebar elements gaan naar juiste link

---
 frontend/src/components/DiscussionSideBarElement.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 9e2a079c..9c5ab8fd 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -32,7 +32,7 @@ import { ref } from 'vue';
                 <template v-for="node in learningObjects.data">
                     <v-list-item
                         link
-                        :to="{ path: node.key, query: route.query }"
+                        :to="{ path: `/discussion/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
                         :title="node.title"
                         :active="node.key === props.activeObjectId"
                     >

From c8d1112db212f2a6c88b20c87ab97dc81d870806 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Tue, 13 May 2025 10:12:32 +0200
Subject: [PATCH 12/51] fix: mikrORM fix voor questions

---
 backend/src/data/questions/question-repository.ts |  3 ++-
 .../src/views/discussions/SingleDiscussion.vue    | 15 +++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/backend/src/data/questions/question-repository.ts b/backend/src/data/questions/question-repository.ts
index b9935b16..4900ba82 100644
--- a/backend/src/data/questions/question-repository.ts
+++ b/backend/src/data/questions/question-repository.ts
@@ -18,13 +18,14 @@ export class QuestionRepository extends DwengoEntityRepository<Question> {
             content: question.content,
             timestamp: new Date(),
         });
+        await this.insert(questionEntity);
         questionEntity.learningObjectHruid = question.loId.hruid;
         questionEntity.learningObjectLanguage = question.loId.language;
         questionEntity.learningObjectVersion = question.loId.version;
         questionEntity.author = question.author;
         questionEntity.inGroup = question.inGroup;
         questionEntity.content = question.content;
-        return await this.insert(questionEntity);
+        return questionEntity;
     }
     public async findAllQuestionsAboutLearningObject(loId: LearningObjectIdentifier): Promise<Question[]> {
         return this.findAll({
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 5e142e24..cabf8d70 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -139,12 +139,15 @@
             (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
         );
     });
+    const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => {
+        return {
+            hruid: props.learningObjectHruid as string,
+            language: props.language,
+            version: currentNode.value?.version
+        };
+    });
 
-    const loID: LearningObjectIdentifierDTO = {
-        hruid: props.learningObjectHruid as string,
-        language: props.language,
-    };
-    const createQuestionMutation = useCreateQuestionMutation(loID);
+    const createQuestionMutation = useCreateQuestionMutation(loID.value);
     const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 
     const questionInput = ref("");
@@ -159,7 +162,7 @@
         const questionData: QuestionData = {
             author: authService.authState.user?.profile.preferred_username,
             content: questionInput.value,
-            inGroup: group, //TODO: POST response zegt dat dit null is???
+            inGroup: group, 
         };
         if (questionInput.value !== "") {
             createQuestionMutation.mutate(questionData, {

From cfc0fd92d1af5b38b154c14ee5e4e0852ec664c5 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 13:13:38 +0200
Subject: [PATCH 13/51] debug: print verwijderen

---
 frontend/src/components/DiscussionSideBarElement.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 9c5ab8fd..c7ef4484 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -17,8 +17,6 @@ import { ref } from 'vue';
 
     const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
 
-    console.log(learningObjectListQueryResult.data.value)
-
 </script>
 
 <template>

From 8c16d57eea601ca003ec7ebce7eaf96b425804d8 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 13:14:05 +0200
Subject: [PATCH 14/51] fix: watch toevoegen

---
 .../src/views/discussions/SingleDiscussion.vue     | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index cabf8d70..2d013f32 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import { Language } from "@/data-objects/language.ts";
     import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, ref } from "vue";
+    import { computed, type ComputedRef, provide, ref, watch } from "vue";
     import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
     import { useRoute, useRouter } from "vue-router";
     import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
@@ -139,7 +139,7 @@
             (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
         );
     });
-    const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => {
+    let loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => {
         return {
             hruid: props.learningObjectHruid as string,
             language: props.language,
@@ -147,7 +147,15 @@
         };
     });
 
-    const createQuestionMutation = useCreateQuestionMutation(loID.value);
+    let createQuestionMutation = useCreateQuestionMutation(loID.value);
+
+    watch(
+        () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
+        () => {
+            //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
+        }
+    );
+
     const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 
     const questionInput = ref("");

From 0c1b87ea99060dbb3e14aaade32393358c8a4776 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 16:30:16 +0200
Subject: [PATCH 15/51] fix: workaround voor queries die niet opnieuw ingesteld
 worden in SingleDiscussion

---
 .../components/DiscussionSideBarElement.vue   |  2 +-
 frontend/src/router/index.ts                  |  8 ++++++
 .../views/discussions/DiscussionForward.vue   | 27 +++++++++++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/views/discussions/DiscussionForward.vue

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index c7ef4484..c58be8d1 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -30,7 +30,7 @@ import { ref } from 'vue';
                 <template v-for="node in learningObjects.data">
                     <v-list-item
                         link
-                        :to="{ path: `/discussion/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
+                        :to="{ path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
                         :title="node.title"
                         :active="node.key === props.activeObjectId"
                     >
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 7e74bbd9..ecdb8540 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -14,6 +14,7 @@ import UserHomePage from "@/views/homepage/UserHomePage.vue";
 import SingleTheme from "@/views/SingleTheme.vue";
 import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
 import authService from "@/services/auth/auth-service";
+import DiscussionForward from "@/views/discussions/DiscussionForward.vue";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
@@ -106,6 +107,13 @@ const router = createRouter({
             props: true,
             meta: { requiresAuth: true },
         },
+        {
+            path: "/discussion-reload/:hruid/:language/:learningObjectHruid",
+            name: "DiscussionForwardWorkaround",
+            component: DiscussionForward,
+            props: true,
+            meta: { requiresAuth: true },
+        },
         {
             path: "/learningPath",
             children: [
diff --git a/frontend/src/views/discussions/DiscussionForward.vue b/frontend/src/views/discussions/DiscussionForward.vue
new file mode 100644
index 00000000..b3fe973d
--- /dev/null
+++ b/frontend/src/views/discussions/DiscussionForward.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import type { Language } from '@/data-objects/language';
+import { useRoute, useRouter } from 'vue-router';
+
+const router = useRouter();
+const route = useRoute();
+
+const props = defineProps<{
+    hruid: string;
+    language: Language;
+    learningObjectHruid?: string;
+}>();
+
+const discussionURL = "/discussion" 
+    + "/" + props.hruid
+    + "/" + props.language
+    + "/" + props.learningObjectHruid
+
+router.replace(discussionURL);
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped></style>

From a3893ac1db1d6797314677d95aeefa833a4ad4b4 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 16:59:03 +0200
Subject: [PATCH 16/51] style: enkel leerpad van huidig leerobject is volledig
 zichtbaar

---
 .../components/DiscussionSideBarElement.vue   | 54 +++++++++++++++++--
 1 file changed, 50 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index c58be8d1..476bbfb5 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -4,7 +4,7 @@ import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
 import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
 import { useRoute } from 'vue-router';
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { ref } from 'vue';
+import { computed, ref, watchEffect } from 'vue';
 
     const route = useRoute();
 
@@ -17,12 +17,30 @@ import { ref } from 'vue';
 
     const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
 
+    let dropdownEnabled = ref<boolean>(false);
+
+    watchEffect(() => {
+        const objects = learningObjectListQueryResult.data.value as LearningObject[] | undefined;
+
+        if (objects) {
+            const objectInThisPath = objects.some((obj) => obj.key === props.activeObjectId);
+            if (objectInThisPath) {
+                dropdownEnabled.value = true;
+            }
+        }
+    });
+
+    const toggleDropdown = () => {
+        dropdownEnabled.value = !dropdownEnabled.value;
+        console.log(dropdownEnabled.value)
+    }
+
 </script>
 
 <template>
     <main>
-        <div>{{path.title}}</div>
-        <div>
+        <div class="dropdown-toggle" @click="toggleDropdown()">▼{{path.title}}</div>
+        <div class="dropdown" v-if="dropdownEnabled">
             <using-query-result
                 :query-result="learningObjectListQueryResult"
                 v-slot="learningObjects: { data: LearningObject[] }"
@@ -41,4 +59,32 @@ import { ref } from 'vue';
     </main>
 </template>
 
-<style scoped></style>
+<style scoped>
+.dropdown {
+    margin-left: 1.5rem;
+    padding-left: 1rem;
+    border-left: 2px solid #e0e0e0;
+    background-color: #f9f9f9;
+    border-radius: 4px;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}
+.dropdown-toggle {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    font-weight: 600;
+    user-select: none;
+    padding: 0.5rem;
+    transition: color 0.2s;
+}
+
+.dropdown-toggle:hover {
+    color: #27c53f;
+}
+
+.dropdown-icon {
+    margin-right: 0.5rem;
+    font-size: 0.9rem;
+}
+</style>

From f3b4050f0da0b1f080e326e9c51a4ce7043dccb0 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 17:02:20 +0200
Subject: [PATCH 17/51] style: antwoorden zijn duidelijker gescheiden van
 elkaar

---
 frontend/src/components/SingleQuestion.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index daaf1e43..57d829af 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -131,6 +131,7 @@
                     :key="answerIndex"
                     class="text-gray-600"
                 >
+                    <v-divider :thickness=2 />
                     <div
                         class="flex justify-between items-center mb-2"
                         style="

From e2abaa2625e4c7354cd6d1735426b8a0a718a813 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 17:23:48 +0200
Subject: [PATCH 18/51] feat: algemene discussions pagina terug

---
 frontend/src/components/MenuBar.vue           |  15 +-
 frontend/src/router/index.ts                  |   7 +
 .../src/views/discussions/NoDiscussion.vue    | 155 ++++++++++++++++++
 3 files changed, 169 insertions(+), 8 deletions(-)
 create mode 100644 frontend/src/views/discussions/NoDiscussion.vue

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index e3734976..93671b13 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -82,14 +82,13 @@
             >
                 {{ t("classes") }}
             </v-btn>
-            <!-- TODO Re-enable this button when the discussion page is ready -->
-            <!--            <v-btn-->
-            <!--                class="menu_item"-->
-            <!--                variant="text"-->
-            <!--                to="/user/discussion"-->
-            <!--            >-->
-            <!--                {{ t("discussions") }}-->
-            <!--            </v-btn>-->
+            <v-btn
+                class="menu_item"
+                variant="text"
+                to="/discussion"
+            >
+                {{ t("discussions") }}
+            </v-btn>
             <v-menu open-on-hover>
                 <template v-slot:activator="{ props }">
                     <v-btn
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index ecdb8540..24998bc0 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -15,6 +15,7 @@ import SingleTheme from "@/views/SingleTheme.vue";
 import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
 import authService from "@/services/auth/auth-service";
 import DiscussionForward from "@/views/discussions/DiscussionForward.vue";
+import NoDiscussion from "@/views/discussions/NoDiscussion.vue";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
@@ -100,6 +101,12 @@ const router = createRouter({
             component: CreateDiscussion,
             meta: { requiresAuth: true },
         },
+        {
+            path: "/discussion",
+            name: "Discussions",
+            component: NoDiscussion,
+            meta: { requiresAuth: true },
+        },
         {
             path: "/discussion/:hruid/:language/:learningObjectHruid",
             name: "SingleDiscussion",
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
new file mode 100644
index 00000000..f367cd4c
--- /dev/null
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -0,0 +1,155 @@
+<script setup lang="ts">
+    import { Language } from "@/data-objects/language.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import { computed, type ComputedRef, provide, ref, watch } from "vue";
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
+    import { useRoute, useRouter } from "vue-router";
+    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
+    import { useI18n } from "vue-i18n";
+    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    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 LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
+    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 { 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 DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
+
+    const route = useRoute();
+    const { t, locale } = useI18n();
+
+    const allLearningPathsResult = useGetAllLearningPaths(locale.value)
+
+</script>
+
+<template>
+    <div class="d-flex flex-column h-100">
+        <v-list-item>
+            <template v-slot:title>
+                <div class="title">Discussions</div>
+            </template>
+        </v-list-item>
+        <v-divider></v-divider>
+        <div>
+            <using-query-result
+                :query-result="allLearningPathsResult"
+                v-slot="learningPaths: {data: LearningPath[]}">
+                <DiscussionSideBarElement
+                    v-for="learningPath in learningPaths.data"
+                    :path="learningPath"
+                    :activeObjectId="'' as string">
+                </DiscussionSideBarElement>
+            </using-query-result>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+    .title {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 50px;
+    }
+    .learning-path-title {
+        white-space: normal;
+    }
+    .search-field-container {
+        min-width: 250px;
+    }
+    .control-bar-above-content {
+        margin-left: 5px;
+        margin-right: 5px;
+        margin-bottom: -30px;
+        display: flex;
+        justify-content: space-between;
+    }
+    .learning-object-view-container {
+        padding-left: 20px;
+        padding-right: 20px;
+        padding-bottom: 20px;
+    }
+    .navigation-buttons-container {
+        padding: 20px;
+        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;
+        z-index: 2; /* Less than modals/popups */
+    }
+    .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 860a46712be86d3c290b14f1f81ddaf6966caf0e Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 17:24:02 +0200
Subject: [PATCH 19/51] style: discussions titel zoals de rest

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

diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 2d013f32..507c296f 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -201,7 +201,7 @@
             <div class="d-flex flex-column h-100">
                 <v-list-item>
                     <template v-slot:title>
-                        <div class="learning-path-title">Discussions</div>
+                        <div class="title">Discussions</div>
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>
@@ -248,7 +248,13 @@
 </template>
 
 <style scoped>
-
+    .title {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 36px;
+    }
     .learning-path-title {
         white-space: normal;
     }

From 3de391da9afd02b28d4dc9ce4cf9c9b8ee01b374 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 17:47:33 +0200
Subject: [PATCH 20/51] chore: i18n

---
 frontend/src/components/SingleQuestion.vue            |  8 ++++++--
 frontend/src/i18n/locale/de.json                      |  8 +++++++-
 frontend/src/i18n/locale/en.json                      | 11 +++++++++--
 frontend/src/i18n/locale/fr.json                      |  8 +++++++-
 frontend/src/i18n/locale/nl.json                      | 10 ++++++++--
 frontend/src/views/discussions/NoDiscussion.vue       |  2 +-
 frontend/src/views/discussions/SingleDiscussion.vue   |  2 +-
 .../src/views/learning-paths/LearningPathPage.vue     |  8 ++++----
 8 files changed, 43 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 57d829af..b2059676 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -6,6 +6,10 @@
     import type { AnswersResponse } from "@/controllers/answers";
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
     import authService from "@/services/auth/auth-service";
+    import { useI18n } from "vue-i18n";
+    
+    
+    const { t } = useI18n();
 
     const props = defineProps<{
         question: QuestionDTO;
@@ -99,7 +103,7 @@
             <input
                 v-model="answer"
                 type="text"
-                placeholder="answer: ..."
+                :placeholder="t('answer-input-placeholder')"
                 class="answer-input"
             />
             <button
@@ -118,7 +122,7 @@
                 @click="toggle()"
                 class="toggle-answers-btn"
             >
-                {{ expanded ? "Hide Answers" : "Show Answers" }}
+                {{ expanded ? t("answers-toggle-hide") : t("answers-toggle-show") }}
             </button>
 
             <div
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index fbdc652a..37b4c2b3 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -121,5 +121,11 @@
     "invite": "einladen",
     "assignmentIndicator": "AUFGABE",
     "searchAllLearningPathsTitle": "Alle Lernpfade durchsuchen",
-    "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen."
+    "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen.",
+    "questions": "Fragen",
+    "view-questions": "Fragen anzeigen auf ",
+    "question-input-placeholder": "Frage...",
+    "answer-input-placeholder": "Antwort...",
+    "answers-toggle-hide": "Antworten verstecken",
+    "answers-toggle-show": "Antworten anzeigen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index e4042d09..1aafd728 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -4,7 +4,7 @@
     "teacher": "teacher",
     "assignments": "Assignments",
     "classes": "Classes",
-    "discussions": "discussions",
+    "discussions": "Discussions",
     "logout": "log out",
     "error_title": "Error",
     "previous": "Previous",
@@ -121,5 +121,12 @@
     "invite": "invite",
     "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."
+    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths.",
+    "questions": "questions",
+    "view-questions": "View questions in ",
+    "question-input-placeholder": "question...",
+    "answer-input-placeholder": "answer...",
+    "answers-toggle-hide": "Hide answers",
+    "answers-toggle-show": "Show answers"
+
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index b331a168..87719778 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -121,5 +121,11 @@
     "invite": "inviter",
     "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."
+    "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.",
+    "questions": "Questions",
+    "view-questions": "Voir les questions dans ",
+    "question-input-placeholder": "question...",
+    "answer-input-placeholder": "réponse...",
+    "answers-toggle-hide": "Masquer réponses",
+    "answers-toggle-show": "Afficher réponse"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 5aa17930..50e6601f 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -4,7 +4,7 @@
     "teacher": "leerkracht",
     "assignments": "Opdrachten",
     "classes": "Klassen",
-    "discussions": "discussies",
+    "discussions": "Discussies",
     "logout": "log uit",
     "error_title": "Fout",
     "previous": "Vorige",
@@ -121,5 +121,11 @@
     "invite": "uitnodigen",
     "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."
+    "searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken.",
+    "questions": "vragen",
+    "view-questions": "Bekijk vragen in ",
+    "question-input-placeholder": "vraag...",
+    "answer-input-placeholder": "antwoord...",
+    "answers-toggle-hide": "Verberg antwoorden",
+    "answers-toggle-show": "Toon antwoorden"
 }
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
index f367cd4c..cc6e0144 100644
--- a/frontend/src/views/discussions/NoDiscussion.vue
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -34,7 +34,7 @@
     <div class="d-flex flex-column h-100">
         <v-list-item>
             <template v-slot:title>
-                <div class="title">Discussions</div>
+                <div class="title">{{t("discussions")}}</div>
             </template>
         </v-list-item>
         <v-divider></v-divider>
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 507c296f..0be10678 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -201,7 +201,7 @@
             <div class="d-flex flex-column h-100">
                 <v-list-item>
                     <template v-slot:title>
-                        <div class="title">Discussions</div>
+                        <div class="title">{{t("discussions")}}</div>
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index c7cd6243..809c617b 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -336,7 +336,7 @@
             <div class="input-wrapper">
                 <input
                     type="text"
-                    placeholder="question : ..."
+                    :placeholder="t('question-input-placeholder')"
                     class="question-input"
                     v-model="questionInput"
                 />
@@ -372,13 +372,13 @@
         >
         <v-divider :thickness="6"></v-divider>
             <div class="question-header">
-                <span class="question-title">Questions</span>
+                <span class="question-title">{{t("questions")}}</span>
                 <span class="discussion-link-text">
-                    View questions in 
+                    {{t("view-questions")}}
                     <router-link
                         :to=discussionLink
                     >
-                        discussions
+                        {{t("discussions")}}
                     </router-link>
                 </span>
             </div>

From 2d08be070f2924b9d168ec832654f2c340b3cef2 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 17:52:22 +0200
Subject: [PATCH 21/51] style: betere dropdown

---
 frontend/src/components/DiscussionSideBarElement.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 476bbfb5..dc51b66c 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -61,7 +61,7 @@ import { computed, ref, watchEffect } from 'vue';
 
 <style scoped>
 .dropdown {
-    margin-left: 1.5rem;
+    margin-left: 0.5rem;
     padding-left: 1rem;
     border-left: 2px solid #e0e0e0;
     background-color: #f9f9f9;

From b193d47d42edf934871fb165db0dac54796b3f2b Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 18:51:50 +0200
Subject: [PATCH 22/51] fix: linting issues

---
 .../components/DiscussionSideBarElement.vue   |  11 +-
 frontend/src/components/SingleQuestion.vue    |   2 +-
 .../views/discussions/DiscussionForward.vue   |   9 +-
 .../src/views/discussions/NoDiscussion.vue    |  25 +--
 .../views/discussions/SingleDiscussion.vue    | 152 +++++++-----------
 5 files changed, 74 insertions(+), 125 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index dc51b66c..d95d38b2 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -4,7 +4,7 @@ import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
 import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
 import { useRoute } from 'vue-router';
 import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { computed, ref, watchEffect } from 'vue';
+import { ref, watchEffect } from 'vue';
 
     const route = useRoute();
 
@@ -17,10 +17,10 @@ import { computed, ref, watchEffect } from 'vue';
 
     const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
 
-    let dropdownEnabled = ref<boolean>(false);
+    const dropdownEnabled = ref<boolean>(false);
 
     watchEffect(() => {
-        const objects = learningObjectListQueryResult.data.value as LearningObject[] | undefined;
+        const objects = learningObjectListQueryResult.data.value;
 
         if (objects) {
             const objectInThisPath = objects.some((obj) => obj.key === props.activeObjectId);
@@ -30,9 +30,8 @@ import { computed, ref, watchEffect } from 'vue';
         }
     });
 
-    const toggleDropdown = () => {
+    function toggleDropdown(): void {
         dropdownEnabled.value = !dropdownEnabled.value;
-        console.log(dropdownEnabled.value)
     }
 
 </script>
@@ -45,7 +44,7 @@ import { computed, ref, watchEffect } from 'vue';
                 :query-result="learningObjectListQueryResult"
                 v-slot="learningObjects: { data: LearningObject[] }"
             >
-                <template v-for="node in learningObjects.data">
+                <template v-for="node in learningObjects.data" :key="node.key">
                     <v-list-item
                         link
                         :to="{ path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index b2059676..7dd73eb9 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -23,7 +23,7 @@
 
         // Scroll to the answers container if expanded
         if (expanded.value && answersContainer.value) { 
-            setTimeout(function () {
+            setTimeout(() => {
                 if (answersContainer.value) {
                     answersContainer.value.scrollIntoView({
                         behavior: "smooth",
diff --git a/frontend/src/views/discussions/DiscussionForward.vue b/frontend/src/views/discussions/DiscussionForward.vue
index b3fe973d..a281ea38 100644
--- a/frontend/src/views/discussions/DiscussionForward.vue
+++ b/frontend/src/views/discussions/DiscussionForward.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { Language } from '@/data-objects/language';
-import { useRoute, useRouter } from 'vue-router';
+import { onMounted } from 'vue';
+import { useRouter } from 'vue-router';
 
 const router = useRouter();
-const route = useRoute();
 
 const props = defineProps<{
     hruid: string;
@@ -16,7 +16,10 @@ const discussionURL = "/discussion"
     + "/" + props.language
     + "/" + props.learningObjectHruid
 
-router.replace(discussionURL);
+
+onMounted(async () => {
+    await router.replace(discussionURL);
+})
 
 </script>
 
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
index cc6e0144..e98eb1dd 100644
--- a/frontend/src/views/discussions/NoDiscussion.vue
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -1,29 +1,10 @@
 <script setup lang="ts">
-    import { Language } from "@/data-objects/language.ts";
     import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, provide, ref, watch } from "vue";
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-    import { useRoute, useRouter } from "vue-router";
-    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
     import { useI18n } from "vue-i18n";
-    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
-    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
     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 LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
-    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 { 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 DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
 
-    const route = useRoute();
     const { t, locale } = useI18n();
 
     const allLearningPathsResult = useGetAllLearningPaths(locale.value)
@@ -45,7 +26,9 @@
                 <DiscussionSideBarElement
                     v-for="learningPath in learningPaths.data"
                     :path="learningPath"
-                    :activeObjectId="'' as string">
+                    :activeObjectId="'' as string"
+                    :key="learningPath.hruid"
+                    >
                 </DiscussionSideBarElement>
             </using-query-result>
         </div>
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 0be10678..8e8a9701 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,18 +1,15 @@
 <script setup lang="ts">
     import { Language } from "@/data-objects/language.ts";
     import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, provide, ref, watch } from "vue";
+    import { computed, type ComputedRef, ref, watch } from "vue";
     import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-    import { useRoute, useRouter } from "vue-router";
-    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
+    import { useRoute } from "vue-router";
     import { useI18n } from "vue-i18n";
-    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
     import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
     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 LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
     import { useCreateQuestionMutation, useQuestionsQuery } from "@/queries/questions";
     import type { QuestionsResponse } from "@/controllers/questions";
     import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
@@ -23,7 +20,6 @@
     import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
     import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
 
-    const router = useRouter();
     const route = useRoute();
     const { t } = useI18n();
 
@@ -55,8 +51,8 @@
     const allLearningPathsResult = useGetAllLearningPaths(props.language)
     
     // TODO: dit moet alle leerpaden met vragen teruggeven, maar werkt niet
-    const questionedLearningPaths = computed(() => {
-        function objectHasQuestion(learningObject: LearningObject) {
+    const _questionedLearningPaths = computed(() => {
+        function objectHasQuestion(learningObject: LearningObject): ComputedRef<boolean> {
             const loid = {
                 hruid: learningObject.key,
                 version: learningObject.version,
@@ -66,14 +62,11 @@
             const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
             return hasQuestions;
         }
-        function pathHasQuestion(learningPath: LearningPath) {
+        function pathHasQuestion(learningPath: LearningPath): boolean {
             const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
             const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
             const learningObjects = learningObjectListQueryResult.data.value;
-            console.log("Path: " + learningPath.hruid)
-            console.log(learningObjects)
-            console.log("questions: " + learningObjects?.some(objectHasQuestion))
-            return learningObjects?.some(objectHasQuestion);
+            return learningObjects?.some(objectHasQuestion) || false;
 
         }
         return allLearningPathsResult.data.value?.filter(pathHasQuestion);
@@ -105,31 +98,6 @@
 
     const navigationDrawerShown = ref(true);
 
-    function isLearningObjectCompleted(learningObject: LearningObject): boolean {
-        if (learningObjectListQueryResult.isSuccess) {
-            return (
-                learningPathQueryResult.data.value?.nodesAsList?.find(
-                    (it) =>
-                        it.learningobjectHruid === learningObject.key &&
-                        it.version === learningObject.version &&
-                        it.language === learningObject.language,
-                )?.done ?? false
-            );
-        }
-        return false;
-    }
-
-    type NavItemState = "teacherExclusive" | "completed" | "notCompleted";
-
-    function getNavItemState(learningObject: LearningObject): NavItemState {
-        if (learningObject.teacherExclusive) {
-            return "teacherExclusive";
-        } else if (isLearningObjectCompleted(learningObject)) {
-            return "completed";
-        }
-        return "notCompleted";
-    }
-
     const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
         authService.authState.user?.profile.preferred_username,
     );
@@ -139,20 +107,19 @@
             (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
         );
     });
-    let loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => {
-        return {
+    const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => ({
             hruid: props.learningObjectHruid as string,
             language: props.language,
             version: currentNode.value?.version
-        };
-    });
+        }));
 
-    let createQuestionMutation = useCreateQuestionMutation(loID.value);
+    const createQuestionMutation = useCreateQuestionMutation(loID.value);
 
     watch(
         () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
         () => {
             //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
+            //      Momenteel opgelost door de DiscussionsForward page workaround
         }
     );
 
@@ -190,60 +157,57 @@
 </script>
 
 <template>
-    <using-query-result
-        :query-result="learningPathQueryResult"
-        v-slot="learningPath: { data: LearningPath }"
+    <v-navigation-drawer
+        v-model="navigationDrawerShown"
+        :width="350"
     >
-        <v-navigation-drawer
-            v-model="navigationDrawerShown"
-            :width="350"
-        >
-            <div class="d-flex flex-column h-100">
-                <v-list-item>
-                    <template v-slot:title>
-                        <div class="title">{{t("discussions")}}</div>
-                    </template>
-                </v-list-item>
-                <v-divider></v-divider>
-                <div>
-                    <using-query-result
-                        :query-result="allLearningPathsResult"
-                        v-slot="learningPaths: {data: LearningPath[]}">
-                        <DiscussionSideBarElement
-                            v-for="learningPath in learningPaths.data"
-                            :path="learningPath"
-                            :activeObjectId="props.learningObjectHruid as string">
-                        </DiscussionSideBarElement>
-                    </using-query-result>
-                </div>
-            </div>
-        </v-navigation-drawer>
-        
-        <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>
+        <div class="d-flex flex-column h-100">
+            <v-list-item>
+                <template v-slot:title>
+                    <div class="title">{{t("discussions")}}</div>
+                </template>
+            </v-list-item>
+            <v-divider></v-divider>
+            <div>
+                <using-query-result
+                    :query-result="allLearningPathsResult"
+                    v-slot="learningPaths: {data: LearningPath[]}">
+                    <DiscussionSideBarElement
+                        v-for="learningPath in learningPaths.data"
+                        :path="learningPath"
+                        :activeObjectId="props.learningObjectHruid as string"
+                        :key="learningPath.hruid"
+                        >
+                    </DiscussionSideBarElement>
+                </using-query-result>
             </div>
         </div>
-        <using-query-result
-            :query-result="getQuestionsQuery"
-            v-slot="questionsResponse: { data: QuestionsResponse }"
-        >
-            <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
-        </using-query-result>
+    </v-navigation-drawer>
+    
+    <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>
+        </div>
+    </div>
+    <using-query-result
+        :query-result="getQuestionsQuery"
+        v-slot="questionsResponse: { data: QuestionsResponse }"
+    >
+        <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
     </using-query-result>
 </template>
 

From 233d89b5bf608f836d184df1de34e334c0ae4225 Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 19:04:36 +0200
Subject: [PATCH 23/51] feat: tip wanneer er geen leerobject geselecteerd is in
 discussies

---
 frontend/src/components/MenuBar.vue           |  2 +-
 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 +-
 .../src/views/discussions/NoDiscussion.vue    | 62 +++++++++++++------
 6 files changed, 51 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 93671b13..6c4dbda0 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -185,7 +185,7 @@
             </v-list-item>
 
             <v-list-item
-                to="/user/discussion"
+                to="/discussion"
                 link
             >
                 <v-list-item-title class="menu_item">{{ t("discussions") }}</v-list-item-title>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 37b4c2b3..f8c77685 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -127,5 +127,6 @@
     "question-input-placeholder": "Frage...",
     "answer-input-placeholder": "Antwort...",
     "answers-toggle-hide": "Antworten verstecken",
-    "answers-toggle-show": "Antworten anzeigen"
+    "answers-toggle-show": "Antworten anzeigen",
+    "no-discussion-tip": "Wählen Sie ein Lernobjekt aus, um dessen Fragen anzuzeigen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index 1aafd728..a874c3a6 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -127,6 +127,7 @@
     "question-input-placeholder": "question...",
     "answer-input-placeholder": "answer...",
     "answers-toggle-hide": "Hide answers",
-    "answers-toggle-show": "Show answers"
+    "answers-toggle-show": "Show answers",
+    "no-discussion-tip": "Choose a learning object to view its questions"
 
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 87719778..5ab63b6b 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -127,5 +127,6 @@
     "question-input-placeholder": "question...",
     "answer-input-placeholder": "réponse...",
     "answers-toggle-hide": "Masquer réponses",
-    "answers-toggle-show": "Afficher réponse"
+    "answers-toggle-show": "Afficher réponse",
+    "no-discussion-tip": "Sélectionnez un objet d'apprentissage pour afficher les questions qui s'y rapportent"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 50e6601f..d5e2ecfb 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -127,5 +127,6 @@
     "question-input-placeholder": "vraag...",
     "answer-input-placeholder": "antwoord...",
     "answers-toggle-hide": "Verberg antwoorden",
-    "answers-toggle-show": "Toon antwoorden"
+    "answers-toggle-show": "Toon antwoorden",
+    "no-discussion-tip": "Kies een leerobject om zijn vragen te bekijken"
 }
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
index e98eb1dd..93d21103 100644
--- a/frontend/src/views/discussions/NoDiscussion.vue
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -4,44 +4,66 @@
     import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
+    import { ref } from "vue";
 
     const { t, locale } = useI18n();
 
     const allLearningPathsResult = useGetAllLearningPaths(locale.value)
 
+    const navigationDrawerShown = ref(true);
+
 </script>
 
 <template>
-    <div class="d-flex flex-column h-100">
-        <v-list-item>
-            <template v-slot:title>
-                <div class="title">{{t("discussions")}}</div>
-            </template>
-        </v-list-item>
-        <v-divider></v-divider>
-        <div>
-            <using-query-result
-                :query-result="allLearningPathsResult"
-                v-slot="learningPaths: {data: LearningPath[]}">
-                <DiscussionSideBarElement
-                    v-for="learningPath in learningPaths.data"
-                    :path="learningPath"
-                    :activeObjectId="'' as string"
-                    :key="learningPath.hruid"
-                    >
-                </DiscussionSideBarElement>
-            </using-query-result>
+    <v-navigation-drawer
+        v-model="navigationDrawerShown"
+        :width="350"
+        app
+    >
+        <div class="d-flex flex-column h-100">
+            <v-list-item>
+                <template v-slot:title>
+                    <div class="title">{{t("discussions")}}</div>
+                </template>
+            </v-list-item>
+            <v-divider></v-divider>
+            <div>
+                <using-query-result
+                    :query-result="allLearningPathsResult"
+                    v-slot="learningPaths: {data: LearningPath[]}">
+                    <DiscussionSideBarElement
+                        v-for="learningPath in learningPaths.data"
+                        :path="learningPath"
+                        :activeObjectId="'' as string"
+                        :key="learningPath.hruid"
+                        >
+                    </DiscussionSideBarElement>
+                </using-query-result>
+            </div>
         </div>
+    </v-navigation-drawer>
+    <div>
+        <p class="no-discussion-tip">{{t("no-discussion-tip")}}</p>
     </div>
 </template>
 
 <style scoped>
+    .no-discussion-tip {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh; 
+        text-align: center;
+        font-size: 18px;
+        color: #666;
+        padding: 0 20px;
+    }
     .title {
         color: #0e6942;
         text-transform: uppercase;
         font-weight: bolder;
         padding-top: 2%;
-        font-size: 50px;
+        font-size: 36px;
     }
     .learning-path-title {
         white-space: normal;

From e6706d1750159f986848f56369b5854ca91ed5cf Mon Sep 17 00:00:00 2001
From: Timo De Meyst <timo.demeyst@ugent.be>
Date: Thu, 15 May 2025 19:27:52 +0200
Subject: [PATCH 24/51] feat: het wordt duidelijk gemaakt als er geen vragen
 zijn

---
 frontend/src/components/QandA.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index f9b15362..07ae982d 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -9,12 +9,27 @@
 <template>
     <div class="space-y-4">
         <div
+            v-if="questions.length !=0"
             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 v-else>
+            <p class="no-questions">No questions asked yet</p>
+        </div>
     </div>
 </template>
-<style scoped></style>
+<style scoped>
+.no-questions {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 40vh;
+    text-align: center;
+    font-size: 18px;
+    color: #666;
+    padding: 0 20px;
+}
+</style>

From fe397c54e3cfbdf94a04dde63067f651363b8643 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 15:16:13 +0200
Subject: [PATCH 25/51] chore(frontend): QandA i18n

---
 frontend/src/components/QandA.vue | 20 ++++++++++++--------
 frontend/src/i18n/locale/de.json  |  1 +
 frontend/src/i18n/locale/en.json  |  1 +
 frontend/src/i18n/locale/fr.json  |  1 +
 frontend/src/i18n/locale/nl.json  |  1 +
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index 07ae982d..ce9b6419 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import SingleQuestion from "./SingleQuestion.vue";
+    import { useI18n } from 'vue-i18n';
+
+    const { t } = useI18n();
 
     defineProps<{
         questions: QuestionDTO[];
@@ -8,16 +11,17 @@
 </script>
 <template>
     <div class="space-y-4">
-        <div
-            v-if="questions.length !=0"
-            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 v-if="questions.length != 0">
+            <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>
         <div v-else>
-            <p class="no-questions">No questions asked yet</p>
+            <p class="no-questions">{{t("no-questions")}}</p>
         </div>
     </div>
 </template>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index f8c77685..e81e520c 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "Antwort...",
     "answers-toggle-hide": "Antworten verstecken",
     "answers-toggle-show": "Antworten anzeigen",
+    "no-questions": "Keine Fragen",
     "no-discussion-tip": "Wählen Sie ein Lernobjekt aus, um dessen Fragen anzuzeigen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index a874c3a6..80a8d2c9 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -128,6 +128,7 @@
     "answer-input-placeholder": "answer...",
     "answers-toggle-hide": "Hide answers",
     "answers-toggle-show": "Show answers",
+    "no-questions": "No questions asked yet",
     "no-discussion-tip": "Choose a learning object to view its questions"
 
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 5ab63b6b..156ffd36 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "réponse...",
     "answers-toggle-hide": "Masquer réponses",
     "answers-toggle-show": "Afficher réponse",
+    "no-questions": "Aucune question trouvée",
     "no-discussion-tip": "Sélectionnez un objet d'apprentissage pour afficher les questions qui s'y rapportent"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index d5e2ecfb..731b4e71 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "antwoord...",
     "answers-toggle-hide": "Verberg antwoorden",
     "answers-toggle-show": "Toon antwoorden",
+    "no-questions": "Nog geen vragen gesteld",
     "no-discussion-tip": "Kies een leerobject om zijn vragen te bekijken"
 }

From 0d2b486a2cee2fa933e4d23f751ce824fe8a455b Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 15:50:47 +0200
Subject: [PATCH 26/51] chore(frontend): DiscussionsSideBar component

---
 .../src/components/DiscussionsSideBar.vue     |  66 +++
 frontend/src/router/index.ts                  |   6 -
 .../src/views/discussions/NoDiscussion.vue    |  64 +--
 .../views/discussions/SingleDiscussion.vue    | 511 +++++++++---------
 4 files changed, 317 insertions(+), 330 deletions(-)
 create mode 100644 frontend/src/components/DiscussionsSideBar.vue

diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
new file mode 100644
index 00000000..2aecfd5e
--- /dev/null
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+import UsingQueryResult from '@/components/UsingQueryResult.vue';
+import DiscussionSideBarElement from '@/components/DiscussionSideBarElement.vue';
+import { useI18n } from 'vue-i18n';
+import { useGetAllLearningPaths } from '@/queries/learning-paths.ts';
+import { ref } from 'vue';
+
+const { t, locale } = useI18n();
+
+const navigationDrawerShown = ref(true);
+
+const allLearningPathsResult = useGetAllLearningPaths(locale.value);
+
+</script>
+
+<template>
+    <v-navigation-drawer
+        v-model="navigationDrawerShown"
+        :width="350"
+        app
+    >
+        <div class="d-flex flex-column h-100">
+            <v-list-item>
+                <template v-slot:title>
+                    <div class="title">{{ t('discussions') }}</div>
+                </template>
+            </v-list-item>
+            <v-divider></v-divider>
+            <div>
+                <using-query-result
+                    :query-result="allLearningPathsResult"
+                    v-slot="learningPaths: {data: LearningPath[]}">
+                    <DiscussionSideBarElement
+                        v-for="learningPath in learningPaths.data"
+                        :path="learningPath"
+                        :activeObjectId="'' as string"
+                        :key="learningPath.hruid"
+                    >
+                    </DiscussionSideBarElement>
+                </using-query-result>
+            </div>
+        </div>
+    </v-navigation-drawer>
+    <div class="control-bar-above-content">
+        <v-btn
+            :icon="navigationDrawerShown ? 'mdi-menu-open' : 'mdi-menu'"
+            class="navigation-drawer-toggle-button"
+            variant="plain"
+            @click="navigationDrawerShown = !navigationDrawerShown"
+        ></v-btn>
+    </div>
+</template>
+
+<style scoped>
+.title {
+    color: #0e6942;
+    text-transform: uppercase;
+    font-weight: bolder;
+    padding-top: 2%;
+    font-size: 36px;
+}
+
+
+</style>
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 24998bc0..890ccf39 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -57,12 +57,6 @@ const router = createRouter({
                     name: "UserClasses",
                     component: UserClasses,
                 },
-                // TODO Re-enable this route when the discussion page is ready
-                // {
-                //     Path: "discussion",
-                //     Name: "UserDiscussions",
-                //     Component: UserDiscussions,
-                // },
             ],
         },
 
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
index 93d21103..116ee1c5 100644
--- a/frontend/src/views/discussions/NoDiscussion.vue
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -1,47 +1,13 @@
 <script setup lang="ts">
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { useI18n } from "vue-i18n";
-    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
-    import { ref } from "vue";
+import { useI18n } from 'vue-i18n';
+import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
 
-    const { t, locale } = useI18n();
-
-    const allLearningPathsResult = useGetAllLearningPaths(locale.value)
-
-    const navigationDrawerShown = ref(true);
+const { t } = useI18n();
 
 </script>
 
 <template>
-    <v-navigation-drawer
-        v-model="navigationDrawerShown"
-        :width="350"
-        app
-    >
-        <div class="d-flex flex-column h-100">
-            <v-list-item>
-                <template v-slot:title>
-                    <div class="title">{{t("discussions")}}</div>
-                </template>
-            </v-list-item>
-            <v-divider></v-divider>
-            <div>
-                <using-query-result
-                    :query-result="allLearningPathsResult"
-                    v-slot="learningPaths: {data: LearningPath[]}">
-                    <DiscussionSideBarElement
-                        v-for="learningPath in learningPaths.data"
-                        :path="learningPath"
-                        :activeObjectId="'' as string"
-                        :key="learningPath.hruid"
-                        >
-                    </DiscussionSideBarElement>
-                </using-query-result>
-            </div>
-        </div>
-    </v-navigation-drawer>
+    <DiscussionsSideBar></DiscussionsSideBar>
     <div>
         <p class="no-discussion-tip">{{t("no-discussion-tip")}}</p>
     </div>
@@ -52,19 +18,12 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        height: 100vh; 
+        height: 100vh;
         text-align: center;
         font-size: 18px;
         color: #666;
         padding: 0 20px;
     }
-    .title {
-        color: #0e6942;
-        text-transform: uppercase;
-        font-weight: bolder;
-        padding-top: 2%;
-        font-size: 36px;
-    }
     .learning-path-title {
         white-space: normal;
     }
@@ -130,19 +89,6 @@
         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;
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 8e8a9701..4a442e1a 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,189 +1,176 @@
 <script setup lang="ts">
-    import { Language } from "@/data-objects/language.ts";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, ref, watch } from "vue";
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-    import { useRoute } from "vue-router";
-    import { useI18n } from "vue-i18n";
-    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-    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 { 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 { 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 DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
+import { Language } from '@/data-objects/language.ts';
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+import { computed, type ComputedRef, ref, watch } from 'vue';
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
+import { useRoute } from 'vue-router';
+import { useGetAllLearningPaths, useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+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 { 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 { 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 DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
 
-    const route = useRoute();
-    const { t } = useI18n();
+const route = useRoute();
 
-    const props = defineProps<{
-        hruid: string;
-        language: Language;
-        learningObjectHruid?: string;
-    }>();
+const props = defineProps<{
+    hruid: string;
+    language: Language;
+    learningObjectHruid?: string;
+}>();
 
-    interface LearningPathPageQuery {
-        forGroup?: string;
-        assignmentNo?: string;
-        classId?: string;
-    }
+interface LearningPathPageQuery {
+    forGroup?: string;
+    assignmentNo?: string;
+    classId?: string;
+}
 
-    const query = computed(() => route.query as LearningPathPageQuery);
+const query = computed(() => route.query as LearningPathPageQuery);
 
-    const forGroup = computed(() => {
-        if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
-            return {
-                forGroup: parseInt(query.value.forGroup),
-                assignmentNo: parseInt(query.value.assignmentNo),
-                classId: query.value.classId,
-            };
-        }
-        return undefined;
-    });
-
-    const allLearningPathsResult = useGetAllLearningPaths(props.language)
-    
-    // TODO: dit moet alle leerpaden met vragen teruggeven, maar werkt niet
-    const _questionedLearningPaths = computed(() => {
-        function objectHasQuestion(learningObject: LearningObject): ComputedRef<boolean> {
-            const loid = {
-                hruid: learningObject.key,
-                version: learningObject.version,
-                language: learningObject.language,
-            } as LearningObjectIdentifierDTO;
-            const { data } = useQuestionsQuery(loid);
-            const hasQuestions = computed(() => (data.value?.questions.length ?? 0) > 0);
-            return hasQuestions;
-        }
-        function pathHasQuestion(learningPath: LearningPath): boolean {
-            const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
-            const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-            const learningObjects = learningObjectListQueryResult.data.value;
-            return learningObjects?.some(objectHasQuestion) || false;
-
-        }
-        return allLearningPathsResult.data.value?.filter(pathHasQuestion);
-    })
-
-    const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
-
-    const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-
-    const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
-        () => learningPathQueryResult.data.value?.nodesAsList ?? null,
-    );
-
-    const currentNode = computed(() => {
-        const currentHruid = props.learningObjectHruid;
-        return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
-    });
-
-    const getQuestionsQuery = useQuestionsQuery(
-        computed(
-            () =>
-                ({
-                    language: currentNode.value?.language,
-                    hruid: currentNode.value?.learningobjectHruid,
-                    version: currentNode.value?.version,
-                }) as LearningObjectIdentifierDTO,
-        ),
-    );
-
-    const navigationDrawerShown = ref(true);
-
-    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
-        authService.authState.user?.profile.preferred_username,
-    );
-    const pathIsAssignment = computed(() => {
-        const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
-        return assignments.some(
-            (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
-        );
-    });
-    const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => ({
-            hruid: props.learningObjectHruid as string,
-            language: props.language,
-            version: currentNode.value?.version
-        }));
-
-    const createQuestionMutation = useCreateQuestionMutation(loID.value);
-
-    watch(
-        () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
-        () => {
-            //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
-            //      Momenteel opgelost door de DiscussionsForward page workaround
-        }
-    );
-
-    const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
-
-    const questionInput = ref("");
-
-    function submitQuestion(): void {
-        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, 
+const forGroup = computed(() => {
+    if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
+        return {
+            forGroup: parseInt(query.value.forGroup),
+            assignmentNo: parseInt(query.value.assignmentNo),
+            classId: query.value.classId,
         };
-        if (questionInput.value !== "") {
-            createQuestionMutation.mutate(questionData, {
-                onSuccess: async () => {
-                    questionInput.value = ""; // Clear the input field after submission
-                    await getQuestionsQuery.refetch(); // Reload the questions
-                },
-                onError: (_) => {
-                    // TODO Handle error
-                    // - console.error(e);
-                },
-            });
-        }
     }
+    return undefined;
+});
+
+const allLearningPathsResult = useGetAllLearningPaths(props.language);
+
+async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
+    const loid = {
+        hruid: learningObject.key,
+        version: learningObject.version,
+        language: learningObject.language,
+    } as LearningObjectIdentifierDTO;
+    const { data } = useQuestionsQuery(loid);
+    return (data.value?.questions.length ?? 0) > 0;
+}
+
+async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
+    const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
+    const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+    const learningObjects = learningObjectListQueryResult.data.value || [];
+    const hasQuestions = await Promise.all(
+        learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
+    );
+    return hasQuestions.some((hasQuestion) => hasQuestion);
+}
+
+const questionedLearningPaths = ref<LearningPath[] | null>(null);
+
+watch(
+    () => allLearningPathsResult.data.value,
+    async (learningPaths) => {
+        if (learningPaths) {
+            const pathsWithQuestions = await Promise.all(
+                learningPaths.map(async (learningPath) => {
+                    const hasQuestions = await learningPathHasQuestions(learningPath);
+                    return hasQuestions ? learningPath : null;
+                }),
+            );
+            questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
+        }
+    },
+    { immediate: true },
+);
+
+const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
+
+const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+
+const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
+    () => learningPathQueryResult.data.value?.nodesAsList ?? null,
+);
+
+const currentNode = computed(() => {
+    const currentHruid = props.learningObjectHruid;
+    return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
+});
+
+const getQuestionsQuery = useQuestionsQuery(
+    computed(
+        () =>
+            ({
+                language: currentNode.value?.language,
+                hruid: currentNode.value?.learningobjectHruid,
+                version: currentNode.value?.version,
+            }) as LearningObjectIdentifierDTO,
+    ),
+);
+
+const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
+    authService.authState.user?.profile.preferred_username,
+);
+const pathIsAssignment = computed(() => {
+    const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
+    return assignments.some(
+        (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+    );
+});
+const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => ({
+    hruid: props.learningObjectHruid as string,
+    language: props.language,
+    version: currentNode.value?.version,
+}));
+
+const createQuestionMutation = useCreateQuestionMutation(loID.value);
+
+watch(
+    () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
+    () => {
+        //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
+        //      Momenteel opgelost door de DiscussionsForward page workaround
+    },
+);
+
+const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
+
+const questionInput = ref('');
+
+function submitQuestion(): void {
+    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,
+    };
+    if (questionInput.value !== '') {
+        createQuestionMutation.mutate(questionData, {
+            onSuccess: async () => {
+                questionInput.value = ''; // Clear the input field after submission
+                await getQuestionsQuery.refetch(); // Reload the questions
+            },
+            onError: (_) => {
+                // TODO Handle error
+                // - console.error(e);
+            },
+        });
+    }
+}
 
 
 </script>
 
 <template>
-    <v-navigation-drawer
-        v-model="navigationDrawerShown"
-        :width="350"
-    >
-        <div class="d-flex flex-column h-100">
-            <v-list-item>
-                <template v-slot:title>
-                    <div class="title">{{t("discussions")}}</div>
-                </template>
-            </v-list-item>
-            <v-divider></v-divider>
-            <div>
-                <using-query-result
-                    :query-result="allLearningPathsResult"
-                    v-slot="learningPaths: {data: LearningPath[]}">
-                    <DiscussionSideBarElement
-                        v-for="learningPath in learningPaths.data"
-                        :path="learningPath"
-                        :activeObjectId="props.learningObjectHruid as string"
-                        :key="learningPath.hruid"
-                        >
-                    </DiscussionSideBarElement>
-                </using-query-result>
-            </div>
-        </div>
-    </v-navigation-drawer>
-    
+    <DiscussionsSideBar></DiscussionsSideBar>
+
     <div
         v-if="authService.authState.activeRole === 'student' && pathIsAssignment"
         class="question-box"
@@ -212,103 +199,97 @@
 </template>
 
 <style scoped>
-    .title {
-        color: #0e6942;
-        text-transform: uppercase;
-        font-weight: bolder;
-        padding-top: 2%;
-        font-size: 36px;
-    }
-    .learning-path-title {
-        white-space: normal;
-    }
-    .search-field-container {
-        min-width: 250px;
-    }
-    .control-bar-above-content {
-        margin-left: 5px;
-        margin-right: 5px;
-        margin-bottom: -30px;
-        display: flex;
-        justify-content: space-between;
-    }
-    .learning-object-view-container {
-        padding-left: 20px;
-        padding-right: 20px;
-        padding-bottom: 20px;
-    }
-    .navigation-buttons-container {
-        padding: 20px;
-        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;
-        z-index: 2; /* Less than modals/popups */
-    }
-    .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);
-    }
+.learning-path-title {
+    white-space: normal;
+}
 
-    .question-input {
-        flex: 1;
-        border: none;
-        outline: none;
-        font-size: 14px;
-        background-color: transparent;
-    }
+.search-field-container {
+    min-width: 250px;
+}
 
-    .question-input::placeholder {
-        color: #999;
-    }
+.control-bar-above-content {
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-bottom: -30px;
+    display: flex;
+    justify-content: space-between;
+}
 
-    .send-button {
-        background: none;
-        border: none;
-        cursor: pointer;
-        font-size: 16px;
-        color: #555;
-        transition: color 0.2s ease;
-    }
+.learning-object-view-container {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+}
 
-    .send-button:hover {
-        color: #000;
-    }
+.navigation-buttons-container {
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+}
 
-    .discussion-link {
-        margin-top: 8px;
-        font-size: 13px;
-        color: #444;
-    }
+.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;
+    z-index: 2; /* Less than modals/popups */
+}
 
-    .discussion-link a {
-        color: #3b82f6; /* blue */
-        text-decoration: none;
-    }
+.question-box {
+    width: 100%;
+    max-width: 400px;
+    margin: 20px auto;
+    font-family: sans-serif;
+}
 
-    .discussion-link a:hover {
-        text-decoration: underline;
-    }
+.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 a {
+    color: #3b82f6; /* blue */
+    text-decoration: none;
+}
+
+.discussion-link a:hover {
+    text-decoration: underline;
+}
 </style>

From 1639fbdabfbf7f2cb848909f53b2d1b9e78f39ca Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 18:14:02 +0200
Subject: [PATCH 27/51] feat(backend): SearchByAdmins service

---
 backend/src/controllers/learning-paths.ts     |  9 +++++
 .../data/content/learning-path-repository.ts  | 16 ++++++++-
 .../database-learning-path-provider.ts        | 29 ++++++++++------
 .../dwengo-api-learning-path-provider.ts      | 12 +++++++
 .../learning-paths/learning-path-provider.ts  |  7 ++++
 .../learning-paths/learning-path-service.ts   | 33 +++++++++++++++----
 common/src/util/match-mode.ts                 | 10 ++++++
 7 files changed, 99 insertions(+), 17 deletions(-)
 create mode 100644 common/src/util/match-mode.ts

diff --git a/backend/src/controllers/learning-paths.ts b/backend/src/controllers/learning-paths.ts
index 1bd3f2b1..7cd9e82c 100644
--- a/backend/src/controllers/learning-paths.ts
+++ b/backend/src/controllers/learning-paths.ts
@@ -50,6 +50,15 @@ export async function getLearningPaths(req: Request, res: Response): Promise<voi
         return;
     } else {
         hruidList = themes.flatMap((theme) => theme.hruids);
+        const apiLearningPaths = await learningPathService.fetchLearningPaths(hruidList, language as Language, 'All themes', forGroup);
+        // TODO Remove hardcoding
+        const userLearningPaths = await learningPathService.searchLearningPathsByAdmin(['testleerkracht1'], language as Language, forGroup);
+        if (!apiLearningPaths.data) {
+            res.json(userLearningPaths);
+            return;
+        }
+        res.json(apiLearningPaths.data.concat(userLearningPaths));
+        return;
     }
 
     const learningPaths = await learningPathService.fetchLearningPaths(hruidList, language as Language, `HRUIDs: ${hruidList.join(', ')}`, forGroup);
diff --git a/backend/src/data/content/learning-path-repository.ts b/backend/src/data/content/learning-path-repository.ts
index 67f08a03..546fe404 100644
--- a/backend/src/data/content/learning-path-repository.ts
+++ b/backend/src/data/content/learning-path-repository.ts
@@ -1,21 +1,35 @@
 import { DwengoEntityRepository } from '../dwengo-entity-repository.js';
 import { LearningPath } from '../../entities/content/learning-path.entity.js';
 import { Language } from '@dwengo-1/common/util/language';
+import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { RequiredEntityData } from '@mikro-orm/core';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
 import { EntityAlreadyExistsException } from '../../exceptions/entity-already-exists-exception.js';
+import { Teacher } from '../../entities/users/teacher.entity';
 
 export class LearningPathRepository extends DwengoEntityRepository<LearningPath> {
     public async findByHruidAndLanguage(hruid: string, language: Language): Promise<LearningPath | null> {
         return this.findOne({ hruid: hruid, language: language }, { populate: ['nodes', 'nodes.transitions'] });
     }
 
+    public async findByAdmins(admins: Teacher[], language: Language, _matchMode?: MatchMode): Promise<LearningPath[]> {
+        return this.findAll({
+            where: {
+                language: language,
+                admins: {
+                    $in: admins,
+                },
+            },
+            populate: ['nodes', 'nodes.transitions'],
+        });
+    }
+
     /**
      * Returns all learning paths which have the given language and whose title OR description contains the
      * query string.
      *
-     * @param query The query string we want to seach for in the title or description.
+     * @param query The query string we want to search for in the title or description.
      * @param language The language of the learning paths we want to find.
      */
     public async findByQueryStringAndLanguage(query: string, language: Language): Promise<LearningPath[]> {
diff --git a/backend/src/services/learning-paths/database-learning-path-provider.ts b/backend/src/services/learning-paths/database-learning-path-provider.ts
index fe05dda1..21c096e1 100644
--- a/backend/src/services/learning-paths/database-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/database-learning-path-provider.ts
@@ -13,9 +13,11 @@ import {
     Transition,
 } from '@dwengo-1/common/interfaces/learning-content';
 import { Language } from '@dwengo-1/common/util/language';
+import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { Group } from '../../entities/assignments/group.entity';
 import { Collection } from '@mikro-orm/core';
 import { v4 } from 'uuid';
+import { Teacher } from '../../entities/users/teacher.entity';
 
 /**
  * Fetches the corresponding learning object for each of the nodes and creates a map that maps each node to its
@@ -34,9 +36,9 @@ async function getLearningObjectsForNodes(nodes: Collection<LearningPathNode>):
                         version: node.version,
                         language: node.language,
                     })
-                    .then((learningObject) => [node, learningObject] as [LearningPathNode, FilteredLearningObject | null])
-            )
-        )
+                    .then((learningObject) => [node, learningObject] as [LearningPathNode, FilteredLearningObject | null]),
+            ),
+        ),
     );
     if (Array.from(nullableNodesToLearningObjects.values()).some((it) => it === null)) {
         throw new Error('At least one of the learning objects on this path could not be found.');
@@ -93,14 +95,14 @@ async function convertNode(
     node: LearningPathNode,
     learningObject: FilteredLearningObject,
     personalizedFor: Group | undefined,
-    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>
+    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
 ): Promise<LearningObjectNode> {
     const lastSubmission = personalizedFor ? await getLastSubmissionForGroup(node, personalizedFor) : null;
     const transitions = node.transitions
         .filter(
             (trans) =>
                 !personalizedFor || // If we do not want a personalized learning path, keep all transitions
-                isTransitionPossible(trans, optionalJsonStringToObject(lastSubmission?.content)) // Otherwise remove all transitions that aren't possible.
+                isTransitionPossible(trans, optionalJsonStringToObject(lastSubmission?.content)), // Otherwise remove all transitions that aren't possible.
         )
         .map((trans, i) => convertTransition(trans, i, nodesToLearningObjects));
     return {
@@ -125,10 +127,10 @@ async function convertNode(
  */
 async function convertNodes(
     nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
-    personalizedFor?: Group
+    personalizedFor?: Group,
 ): Promise<LearningObjectNode[]> {
     const nodesPromise = Array.from(nodesToLearningObjects.entries()).map(async (entry) =>
-        convertNode(entry[0], entry[1], personalizedFor, nodesToLearningObjects)
+        convertNode(entry[0], entry[1], personalizedFor, nodesToLearningObjects),
     );
     return await Promise.all(nodesPromise);
 }
@@ -155,7 +157,7 @@ function optionalJsonStringToObject(jsonString?: string): object | null {
 function convertTransition(
     transition: LearningPathTransition,
     index: number,
-    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>
+    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
 ): Transition {
     const nextNode = nodesToLearningObjects.get(transition.next);
     if (!nextNode) {
@@ -185,10 +187,10 @@ const databaseLearningPathProvider: LearningPathProvider = {
         const learningPathRepo = getLearningPathRepository();
 
         const learningPaths = (await Promise.all(hruids.map(async (hruid) => learningPathRepo.findByHruidAndLanguage(hruid, language)))).filter(
-            (learningPath) => learningPath !== null
+            (learningPath) => learningPath !== null,
         );
         const filteredLearningPaths = await Promise.all(
-            learningPaths.map(async (learningPath, index) => convertLearningPath(learningPath, index, personalizedFor))
+            learningPaths.map(async (learningPath, index) => convertLearningPath(learningPath, index, personalizedFor)),
         );
 
         return {
@@ -207,6 +209,13 @@ const databaseLearningPathProvider: LearningPathProvider = {
         const searchResults = await learningPathRepo.findByQueryStringAndLanguage(query, language);
         return await Promise.all(searchResults.map(async (result, index) => convertLearningPath(result, index, personalizedFor)));
     },
+
+    async searchLearningPathsByAdmin(admins: Teacher[], language: Language, personalizedFor?: Group, matchMode?: MatchMode): Promise<LearningPath[]> {
+        const learningPathRepo = getLearningPathRepository();
+
+        const searchResults = await learningPathRepo.findByAdmins(admins, language, matchMode);
+        return await Promise.all(searchResults.map(async (result, index) => convertLearningPath(result, index, personalizedFor)));
+    },
 };
 
 export default databaseLearningPathProvider;
diff --git a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
index 110cd570..551feda4 100644
--- a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
@@ -3,6 +3,8 @@ import { DWENGO_API_BASE } from '../../config.js';
 import { LearningPathProvider } from './learning-path-provider.js';
 import { getLogger, Logger } from '../../logging/initalize.js';
 import { LearningPath, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
+import { Teacher } from '../../entities/users/teacher.entity';
+import { Language } from '@dwengo-1/common/util/language';
 
 const logger: Logger = getLogger();
 
@@ -38,6 +40,7 @@ const dwengoApiLearningPathProvider: LearningPathProvider = {
             data: learningPaths,
         };
     },
+
     async searchLearningPaths(query: string, language: string): Promise<LearningPath[]> {
         const apiUrl = `${DWENGO_API_BASE}/learningPath/search`;
         const params = { all: query, language };
@@ -45,6 +48,15 @@ const dwengoApiLearningPathProvider: LearningPathProvider = {
         const searchResults = await fetchWithLogging<LearningPath[]>(apiUrl, `Search learning paths with query "${query}"`, { params });
         return searchResults ?? [];
     },
+
+    async searchLearningPathsByAdmin(admins: Teacher[], language: string): Promise<LearningPath[]> {
+        if (!admins || admins.length === 0) {
+            return this.searchLearningPaths('', language as Language);
+        }
+
+        // Dwengo API does not have the concept of admins, so we cannot filter by them.
+        return []
+    },
 };
 
 export default dwengoApiLearningPathProvider;
diff --git a/backend/src/services/learning-paths/learning-path-provider.ts b/backend/src/services/learning-paths/learning-path-provider.ts
index 086777bd..72182db3 100644
--- a/backend/src/services/learning-paths/learning-path-provider.ts
+++ b/backend/src/services/learning-paths/learning-path-provider.ts
@@ -1,6 +1,8 @@
 import { LearningPath, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
 import { Language } from '@dwengo-1/common/util/language';
+import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { Group } from '../../entities/assignments/group.entity';
+import { Teacher } from '../../entities/users/teacher.entity';
 
 /**
  * Generic interface for a service which provides access to learning paths from a data source.
@@ -15,4 +17,9 @@ export interface LearningPathProvider {
      * Search learning paths in the data source using the given search string.
      */
     searchLearningPaths(query: string, language: Language, personalizedFor?: Group): Promise<LearningPath[]>;
+
+    /**
+     * Fetch the learning paths for the given admins from the data source.
+     */
+    searchLearningPathsByAdmin(admins: Teacher[], language: Language, personalizedFor?: Group, matchMode?: MatchMode): Promise<LearningPath[]>;
 }
diff --git a/backend/src/services/learning-paths/learning-path-service.ts b/backend/src/services/learning-paths/learning-path-service.ts
index b20d8f97..b0985c05 100644
--- a/backend/src/services/learning-paths/learning-path-service.ts
+++ b/backend/src/services/learning-paths/learning-path-service.ts
@@ -5,7 +5,7 @@ import { LearningObjectNode, LearningPath, LearningPathResponse } from '@dwengo-
 import { Language } from '@dwengo-1/common/util/language';
 import { Group } from '../../entities/assignments/group.entity.js';
 import { LearningPath as LearningPathEntity } from '../../entities/content/learning-path.entity.js';
-import { getLearningPathRepository } from '../../data/repositories.js';
+import { getLearningPathRepository, getTeacherRepository } from '../../data/repositories.js';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
 import { base64ToArrayBuffer } from '../../util/base64-buffer-conversion.js';
@@ -37,11 +37,11 @@ export function mapToLearningPath(dto: LearningPath, adminsDto: TeacherDTO[]): L
             startNode: nodeDto.start_node ?? false,
             createdAt: new Date(),
             updatedAt: new Date(),
-        })
+        }),
     );
     dto.nodes.forEach((nodeDto) => {
         const fromNode = nodes.find(
-            (it) => it.learningObjectHruid === nodeDto.learningobject_hruid && it.language === nodeDto.language && it.version === nodeDto.version
+            (it) => it.learningObjectHruid === nodeDto.learningobject_hruid && it.language === nodeDto.language && it.version === nodeDto.version,
         )!;
         const transitions = nodeDto.transitions
             .map((transDto, i) => {
@@ -49,7 +49,7 @@ export function mapToLearningPath(dto: LearningPath, adminsDto: TeacherDTO[]): L
                     (it) =>
                         it.learningObjectHruid === transDto.next.hruid &&
                         it.language === transDto.next.language &&
-                        it.version === transDto.next.version
+                        it.version === transDto.next.version,
                 );
 
                 if (toNode) {
@@ -93,7 +93,7 @@ const learningPathService = {
             nonUserContentHruids,
             language,
             source,
-            personalizedFor
+            personalizedFor,
         );
 
         const result = (userContentLearningPaths.data || []).concat(nonUserContentLearningPaths.data || []);
@@ -110,7 +110,28 @@ const learningPathService = {
      */
     async searchLearningPaths(query: string, language: Language, personalizedFor?: Group): Promise<LearningPath[]> {
         const providerResponses = await Promise.all(
-            allProviders.map(async (provider) => provider.searchLearningPaths(query, language, personalizedFor))
+            allProviders.map(async (provider) => provider.searchLearningPaths(query, language, personalizedFor)),
+        );
+        return providerResponses.flat();
+    },
+
+    /**
+     * Fetch the learning paths for the given admins from the data source.
+     */
+    async searchLearningPathsByAdmin(adminsIds: string[], language: Language, personalizedFor?: Group): Promise<LearningPath[]> {
+        const teacherRepo = getTeacherRepository();
+        const admins = await Promise.all(
+            adminsIds.map(async (adminId) => {
+                const admin = await teacherRepo.findByUsername(adminId);
+                if (!admin) {
+                    throw new Error(`Admin with ID ${adminId} not found.`);
+                }
+                return admin;
+            }),
+        );
+
+        const providerResponses = await Promise.all(
+            allProviders.map(async (provider) => provider.searchLearningPathsByAdmin(admins, language, personalizedFor)),
         );
         return providerResponses.flat();
     },
diff --git a/common/src/util/match-mode.ts b/common/src/util/match-mode.ts
new file mode 100644
index 00000000..5b261f01
--- /dev/null
+++ b/common/src/util/match-mode.ts
@@ -0,0 +1,10 @@
+export enum MatchMode {
+    /**
+     * Match any
+     */
+    ANY = 'ANY',
+    /**
+     * Match all
+     */
+    ALL = 'ALL',
+}

From 965ba5dd2065f7f2ce9b5271c7e797b6d09536c6 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 18:44:49 +0200
Subject: [PATCH 28/51] test(frontend): searchLearningPathsByAdmin

---
 .../database-learning-path-provider.test.ts   | 29 ++++++++++++++++++-
 .../content/learning-paths.testdata.ts        |  2 ++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/backend/tests/services/learning-path/database-learning-path-provider.test.ts b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
index 2cc594d1..f3b3d4ee 100644
--- a/backend/tests/services/learning-path/database-learning-path-provider.test.ts
+++ b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
@@ -14,11 +14,14 @@ import {
     testLearningObjectEssayQuestion,
     testLearningObjectMultipleChoice,
 } from '../../test_assets/content/learning-objects.testdata';
-import { testLearningPathWithConditions } from '../../test_assets/content/learning-paths.testdata';
+import { testLearningPath02, testLearningPathWithConditions } from '../../test_assets/content/learning-paths.testdata';
 import { mapToLearningPath } from '../../../src/services/learning-paths/learning-path-service';
 import { getTestGroup01, getTestGroup02 } from '../../test_assets/assignments/groups.testdata';
 import { Group } from '../../../src/entities/assignments/group.entity.js';
+import { Teacher } from '../../../src/entities/users/teacher.entity.js';
 import { RequiredEntityData } from '@mikro-orm/core';
+import { getFooFighters, getLimpBizkit } from '../../test_assets/users/teachers.testdata';
+import { mapToTeacherDTO } from '../../../src/interfaces/teacher';
 
 function expectBranchingObjectNode(result: LearningPathResponse): LearningObjectNode {
     const branchingObjectMatches = result.data![0].nodes.filter((it) => it.learningobject_hruid === testLearningObjectMultipleChoice.hruid);
@@ -33,6 +36,8 @@ describe('DatabaseLearningPathProvider', () => {
     let finalLearningObject: RequiredEntityData<LearningObject>;
     let groupA: Group;
     let groupB: Group;
+    let teacherA: Teacher;
+    let teacherB: Teacher;
 
     beforeAll(async () => {
         await setupTestApp();
@@ -42,6 +47,8 @@ describe('DatabaseLearningPathProvider', () => {
         finalLearningObject = testLearningObjectEssayQuestion;
         groupA = getTestGroup01();
         groupB = getTestGroup02();
+        teacherA = getFooFighters();
+        teacherB = getLimpBizkit();
 
         // Place different submissions for group A and B.
         const submissionRepo = getSubmissionRepository();
@@ -140,4 +147,24 @@ describe('DatabaseLearningPathProvider', () => {
             expect(result.length).toBe(0);
         });
     });
+
+    describe('searchLearningPathsByAdmin', () => {
+        it('returns the learning path owned by the admin', async () => {
+            const expectedLearningPath = mapToLearningPath(testLearningPath02, [mapToTeacherDTO(teacherB)]);
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin(
+                [teacherB],
+                expectedLearningPath.language
+            );
+            expect(result.length).toBe(1);
+            expect(result[0].title).toBe(expectedLearningPath.title);
+            expect(result[0].description).toBe(expectedLearningPath.description);
+        });
+        it('returns an empty result when querying admins that do not have custom learning paths', async() => {
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin(
+                [teacherA],
+                testLearningPath.language
+            );
+            expect(result.length).toBe(0);
+        });
+    });
 });
diff --git a/backend/tests/test_assets/content/learning-paths.testdata.ts b/backend/tests/test_assets/content/learning-paths.testdata.ts
index 2a0640f8..a89ce60a 100644
--- a/backend/tests/test_assets/content/learning-paths.testdata.ts
+++ b/backend/tests/test_assets/content/learning-paths.testdata.ts
@@ -14,10 +14,12 @@ import {
     testLearningObjectMultipleChoice,
     testLearningObjectPnNotebooks,
 } from './learning-objects.testdata';
+import { getLimpBizkit } from '../users/teachers.testdata';
 
 export function makeTestLearningPaths(_em: EntityManager): LearningPath[] {
     const learningPath01 = mapToLearningPath(testLearningPath01, []);
     const learningPath02 = mapToLearningPath(testLearningPath02, []);
+    learningPath02.admins = [getLimpBizkit()];
 
     const partiallyDatabasePartiallyDwengoApiLearningPath = mapToLearningPath(testPartiallyDatabaseAndPartiallyDwengoApiLearningPath, []);
     const learningPathWithConditions = mapToLearningPath(testLearningPathWithConditions, []);

From bf8d331253d80ad95440d36ceb886ed581ae0ac8 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 19:39:56 +0200
Subject: [PATCH 29/51] chore(frontend): QuestionBox component

---
 frontend/src/components/QuestionBox.vue       | 160 ++++++++++++++++++
 .../views/discussions/SingleDiscussion.vue    |  85 +---------
 .../views/learning-paths/LearningPathPage.vue | 155 ++++-------------
 3 files changed, 203 insertions(+), 197 deletions(-)
 create mode 100644 frontend/src/components/QuestionBox.vue

diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
new file mode 100644
index 00000000..7c927015
--- /dev/null
+++ b/frontend/src/components/QuestionBox.vue
@@ -0,0 +1,160 @@
+<script setup lang="ts">
+
+import authService from '@/services/auth/auth-service.ts';
+import { Language } from '@/data-objects/language.ts';
+import { computed, type ComputedRef, ref } from 'vue';
+import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
+import { useStudentAssignmentsQuery, useStudentGroupsQuery } from '@/queries/students.ts';
+import type { GroupDTO, GroupDTOId } from '@dwengo-1/common/interfaces/group';
+import type { QuestionData } from '@dwengo-1/common/interfaces/question';
+import type { LearningObjectIdentifierDTO } from '@dwengo-1/interfaces/learning-content';
+import { useCreateQuestionMutation, useQuestionsQuery } from '@/queries/questions.ts';
+import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
+import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+import { useI18n } from 'vue-i18n';
+
+const props = defineProps<{
+    hruid: string;
+    language: Language;
+    learningObjectHruid?: string;
+    forGroup?: GroupDTOId | undefined
+}>();
+
+const { t } = useI18n();
+
+const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
+    authService.authState.user?.profile.preferred_username,
+);
+const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, props.forGroup);
+const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+
+const pathIsAssignment = computed(() => {
+    const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
+    return assignments.some(
+        (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+    );
+});
+
+const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
+    () => learningPathQueryResult.data.value?.nodesAsList ?? null,
+);
+
+
+const currentNode = computed(() => {
+    const currentHruid = props.learningObjectHruid;
+    return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
+});
+
+const getQuestionsQuery = useQuestionsQuery(
+    computed(
+        () =>
+            ({
+                language: currentNode.value?.language,
+                hruid: currentNode.value?.learningobjectHruid,
+                version: currentNode.value?.version,
+            }) as LearningObjectIdentifierDTO,
+    ),
+);
+
+const questionInput = ref('');
+
+const loID: LearningObjectIdentifierDTO = {
+    hruid: props.learningObjectHruid as string,
+    language: props.language,
+};
+const createQuestionMutation = useCreateQuestionMutation(loID);
+const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
+
+function submitQuestion(): void {
+    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,
+    };
+    if (questionInput.value !== '') {
+        createQuestionMutation.mutate(questionData, {
+            onSuccess: async () => {
+                questionInput.value = ''; // Clear the input field after submission
+                await getQuestionsQuery.refetch(); // Reload the questions
+            },
+            onError: (_) => {
+                // TODO Handle error
+                // - console.error(e);
+            },
+        });
+    }
+}
+</script>
+
+<template>
+    <div
+        v-if="authService.authState.activeRole === 'student' && pathIsAssignment"
+        class="question-box"
+    >
+        <div class="input-wrapper">
+            <input
+                type="text"
+                :placeholder="`${t(`question-input-placeholder`)}`"
+                class="question-input"
+                v-model="questionInput"
+            />
+            <button
+                @click="submitQuestion"
+                class="send-button"
+            >
+                ▶
+            </button>
+        </div>
+    </div>
+
+</template>
+
+<style scoped>
+.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;
+}
+</style>
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 4a442e1a..44e1db72 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -7,17 +7,14 @@ import { useRoute } from 'vue-router';
 import { useGetAllLearningPaths, useGetLearningPathQuery } from '@/queries/learning-paths.ts';
 import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
 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 { useCreateQuestionMutation, useQuestionsQuery } from '@/queries/questions';
+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 { 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 { QuestionDTO } from '@dwengo-1/common/interfaces/question';
 import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
+import QuestionBox from '@/components/QuestionBox.vue';
 
 const route = useRoute();
 
@@ -88,8 +85,6 @@ watch(
 
 const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
 
-const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-
 const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
     () => learningPathQueryResult.data.value?.nodesAsList ?? null,
 );
@@ -110,23 +105,6 @@ const getQuestionsQuery = useQuestionsQuery(
     ),
 );
 
-const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
-    authService.authState.user?.profile.preferred_username,
-);
-const pathIsAssignment = computed(() => {
-    const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
-    return assignments.some(
-        (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
-    );
-});
-const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => ({
-    hruid: props.learningObjectHruid as string,
-    language: props.language,
-    version: currentNode.value?.version,
-}));
-
-const createQuestionMutation = useCreateQuestionMutation(loID.value);
-
 watch(
     () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
     () => {
@@ -135,61 +113,16 @@ watch(
     },
 );
 
-const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
-
-const questionInput = ref('');
-
-function submitQuestion(): void {
-    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,
-    };
-    if (questionInput.value !== '') {
-        createQuestionMutation.mutate(questionData, {
-            onSuccess: async () => {
-                questionInput.value = ''; // Clear the input field after submission
-                await getQuestionsQuery.refetch(); // Reload the questions
-            },
-            onError: (_) => {
-                // TODO Handle error
-                // - console.error(e);
-            },
-        });
-    }
-}
-
-
 </script>
 
 <template>
     <DiscussionsSideBar></DiscussionsSideBar>
-
-    <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>
-        </div>
-    </div>
+    <QuestionBox
+        :hruid=props.hruid
+        :language=props.language
+        :learningObjectHruid=props.learningObjectHruid
+        :forGroup=forGroup
+    />
     <using-query-result
         :query-result="getQuestionsQuery"
         v-slot="questionsResponse: { data: QuestionsResponse }"
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 809c617b..bf77cdeb 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -1,29 +1,29 @@
 <script setup lang="ts">
-    import { Language } from "@/data-objects/language.ts";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, ref } from "vue";
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-    import { useRoute, useRouter } from "vue-router";
-    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
-    import { useI18n } from "vue-i18n";
-    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
-    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-    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 LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
-    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 { 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 QuestionNotification from "@/components/QuestionNotification.vue";
+import { Language } from '@/data-objects/language.ts';
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+import { computed, type ComputedRef, ref } from 'vue';
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
+import { useRoute, useRouter } from 'vue-router';
+import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
+import { useI18n } from 'vue-i18n';
+import LearningPathSearchField from '@/components/LearningPathSearchField.vue';
+import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+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 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';
+import { useStudentAssignmentsQuery } from '@/queries/students';
+import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
+import QuestionNotification from '@/components/QuestionNotification.vue';
+import QuestionBox from '@/components/QuestionBox.vue';
 
-    const router = useRouter();
+const router = useRouter();
     const route = useRoute();
     const { t } = useI18n();
 
@@ -156,45 +156,10 @@
         );
     });
 
-    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(): void {
-        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???
-        };
-        if (questionInput.value !== "") {
-            createQuestionMutation.mutate(questionData, {
-                onSuccess: async () => {
-                    questionInput.value = ""; // Clear the input field after submission
-                    await getQuestionsQuery.refetch(); // Reload the questions
-                },
-                onError: (_) => {
-                    // TODO Handle error
-                    // - console.error(e);
-                },
-            });
-        }
-    }
-
-    const discussionLink = computed(() => 
-        "/discussion" 
+    const discussionLink = computed(() =>
+        "/discussion"
         + "/" + props.hruid
-        + "/" + currentNode.value?.language 
+        + "/" + currentNode.value?.language
         + "/" + currentNode.value?.learningobjectHruid);
 
 </script>
@@ -329,25 +294,12 @@
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <div
-            v-if="authService.authState.activeRole === 'student' && pathIsAssignment"
-            class="question-box"
-        >
-            <div class="input-wrapper">
-                <input
-                    type="text"
-                    :placeholder="t('question-input-placeholder')"
-                    class="question-input"
-                    v-model="questionInput"
-                />
-                <button
-                    @click="submitQuestion"
-                    class="send-button"
-                >
-                    ▶
-                </button>
-            </div>
-        </div>
+        <QuestionBox
+            :hruid=props.hruid
+            :language=props.language
+            :learningObjectHruid=props.learningObjectHruid
+            :forGroup=forGroup
+        />
         <div class="navigation-buttons-container">
             <v-btn
                 prepend-icon="mdi-chevron-left"
@@ -382,7 +334,7 @@
                     </router-link>
                 </span>
             </div>
-            
+
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>
@@ -441,45 +393,6 @@
         text-transform: uppercase;
         z-index: 2; /* Less than modals/popups */
     }
-    .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;

From bc459114d89dbd6af6b3bc9221b5e2d7bf93d8fb Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 19:40:28 +0200
Subject: [PATCH 30/51] feat(backend): SearchByAdmin gebruikt ingelogde
 gebruiker

---
 backend/src/controllers/learning-paths.ts     | 24 ++++++++++++-------
 .../learning-paths/learning-path-service.ts   | 12 ++++------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/backend/src/controllers/learning-paths.ts b/backend/src/controllers/learning-paths.ts
index 7cd9e82c..86d2af76 100644
--- a/backend/src/controllers/learning-paths.ts
+++ b/backend/src/controllers/learning-paths.ts
@@ -1,4 +1,4 @@
-import { Request, Response } from 'express';
+import { Response } from 'express';
 import { themes } from '../data/themes.js';
 import { FALLBACK_LANG } from '../config.js';
 import learningPathService from '../services/learning-paths/learning-path-service.js';
@@ -7,11 +7,13 @@ import { BadRequestException } from '../exceptions/bad-request-exception.js';
 import { NotFoundException } from '../exceptions/not-found-exception.js';
 import { Group } from '../entities/assignments/group.entity.js';
 import { getAssignmentRepository, getGroupRepository } from '../data/repositories.js';
+import { AuthenticatedRequest } from '../middleware/auth/authenticated-request';
+import { LearningPath } from '@dwengo-1/common/interfaces/learning-content';
 
 /**
  * Fetch learning paths based on query parameters.
  */
-export async function getLearningPaths(req: Request, res: Response): Promise<void> {
+export async function getLearningPaths(req: AuthenticatedRequest, res: Response): Promise<void> {
     const hruids = req.query.hruid;
     const themeKey = req.query.theme as string;
     const searchQuery = req.query.search as string;
@@ -50,14 +52,18 @@ export async function getLearningPaths(req: Request, res: Response): Promise<voi
         return;
     } else {
         hruidList = themes.flatMap((theme) => theme.hruids);
-        const apiLearningPaths = await learningPathService.fetchLearningPaths(hruidList, language as Language, 'All themes', forGroup);
-        // TODO Remove hardcoding
-        const userLearningPaths = await learningPathService.searchLearningPathsByAdmin(['testleerkracht1'], language as Language, forGroup);
-        if (!apiLearningPaths.data) {
-            res.json(userLearningPaths);
-            return;
+
+        const apiLearningPathResponse = await learningPathService.fetchLearningPaths(hruidList, language as Language, 'All themes', forGroup);
+        const apiLearningPaths: LearningPath[] = apiLearningPathResponse.data || [];
+        let allLearningPaths: LearningPath[] = apiLearningPaths;
+
+        if (req.auth) {
+            const adminUsername = req.auth.username;
+            const userLearningPaths = await learningPathService.searchLearningPathsByAdmin([adminUsername], language as Language, forGroup) || [];
+            allLearningPaths = apiLearningPaths.concat(userLearningPaths);
         }
-        res.json(apiLearningPaths.data.concat(userLearningPaths));
+
+        res.json(allLearningPaths);
         return;
     }
 
diff --git a/backend/src/services/learning-paths/learning-path-service.ts b/backend/src/services/learning-paths/learning-path-service.ts
index b0985c05..68051bb2 100644
--- a/backend/src/services/learning-paths/learning-path-service.ts
+++ b/backend/src/services/learning-paths/learning-path-service.ts
@@ -12,6 +12,7 @@ import { base64ToArrayBuffer } from '../../util/base64-buffer-conversion.js';
 import { TeacherDTO } from '@dwengo-1/common/interfaces/teacher';
 import { mapToTeacher } from '../../interfaces/teacher.js';
 import { Collection } from '@mikro-orm/core';
+import { Teacher } from '../../entities/users/teacher.entity';
 
 const userContentPrefix = getEnvVar(envVars.UserContentPrefix);
 const allProviders = [dwengoApiLearningPathProvider, databaseLearningPathProvider];
@@ -121,17 +122,12 @@ const learningPathService = {
     async searchLearningPathsByAdmin(adminsIds: string[], language: Language, personalizedFor?: Group): Promise<LearningPath[]> {
         const teacherRepo = getTeacherRepository();
         const admins = await Promise.all(
-            adminsIds.map(async (adminId) => {
-                const admin = await teacherRepo.findByUsername(adminId);
-                if (!admin) {
-                    throw new Error(`Admin with ID ${adminId} not found.`);
-                }
-                return admin;
-            }),
+            adminsIds .map(async (adminId) => await teacherRepo.findByUsername(adminId))
         );
+        const adminsNotNull: Teacher[] = admins.filter((admin) => admin !== undefined) as Teacher[];
 
         const providerResponses = await Promise.all(
-            allProviders.map(async (provider) => provider.searchLearningPathsByAdmin(admins, language, personalizedFor)),
+            allProviders.map(async (provider) => provider.searchLearningPathsByAdmin(adminsNotNull, language, personalizedFor)),
         );
         return providerResponses.flat();
     },

From 2f5bb333dbaefc9bb66b85729edf46fae736e217 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 19:56:46 +0200
Subject: [PATCH 31/51] chore(backend): Verwijder redundante methoden

---
 backend/src/controllers/learning-paths.ts        |  2 +-
 .../src/data/content/learning-path-repository.ts | 14 --------------
 .../database-learning-path-provider.ts           | 15 +++++----------
 .../dwengo-api-learning-path-provider.ts         | 14 ++------------
 .../learning-paths/learning-path-provider.ts     |  5 -----
 .../learning-paths/learning-path-service.ts      | 16 ----------------
 6 files changed, 8 insertions(+), 58 deletions(-)

diff --git a/backend/src/controllers/learning-paths.ts b/backend/src/controllers/learning-paths.ts
index 69408df7..88d1ad5d 100644
--- a/backend/src/controllers/learning-paths.ts
+++ b/backend/src/controllers/learning-paths.ts
@@ -66,7 +66,7 @@ export async function getLearningPaths(req: AuthenticatedRequest, res: Response)
 
             if (req.auth) {
                 const adminUsername = req.auth.username;
-                const userLearningPaths = await learningPathService.searchLearningPathsByAdmin([adminUsername], language as Language, forGroup) || [];
+                const userLearningPaths = await learningPathService.getLearningPathsAdministratedBy(adminUsername) || [];
                 allLearningPaths = apiLearningPaths.concat(userLearningPaths);
             }
 
diff --git a/backend/src/data/content/learning-path-repository.ts b/backend/src/data/content/learning-path-repository.ts
index ea42cab9..6910476e 100644
--- a/backend/src/data/content/learning-path-repository.ts
+++ b/backend/src/data/content/learning-path-repository.ts
@@ -1,11 +1,9 @@
 import { DwengoEntityRepository } from '../dwengo-entity-repository.js';
 import { LearningPath } from '../../entities/content/learning-path.entity.js';
 import { Language } from '@dwengo-1/common/util/language';
-import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { RequiredEntityData } from '@mikro-orm/core';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
-import { Teacher } from '../../entities/users/teacher.entity';
 
 export class LearningPathRepository extends DwengoEntityRepository<LearningPath> {
     public async findByHruidAndLanguage(hruid: string, language: Language): Promise<LearningPath | null> {
@@ -15,18 +13,6 @@ export class LearningPathRepository extends DwengoEntityRepository<LearningPath>
         }, { populate: ['nodes', 'nodes.transitions', 'admins'] });
     }
 
-    public async findByAdmins(admins: Teacher[], language: Language, _matchMode?: MatchMode): Promise<LearningPath[]> {
-        return this.findAll({
-            where: {
-                language: language,
-                admins: {
-                    $in: admins,
-                },
-            },
-            populate: ['nodes', 'nodes.transitions'],
-        });
-    }
-
     /**
      * Returns all learning paths which have the given language and whose title OR description contains the
      * query string.
diff --git a/backend/src/services/learning-paths/database-learning-path-provider.ts b/backend/src/services/learning-paths/database-learning-path-provider.ts
index a3bd5bf3..ff4f9e4d 100644
--- a/backend/src/services/learning-paths/database-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/database-learning-path-provider.ts
@@ -4,7 +4,11 @@ import { getLearningPathRepository } from '../../data/repositories.js';
 import learningObjectService from '../learning-objects/learning-object-service.js';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
-import { getLastSubmissionForGroup, idFromLearningPathNode, isTransitionPossible } from './learning-path-personalization-util.js';
+import {
+    getLastSubmissionForGroup,
+    idFromLearningPathNode,
+    isTransitionPossible,
+} from './learning-path-personalization-util.js';
 import {
     FilteredLearningObject,
     LearningObjectNode,
@@ -13,12 +17,10 @@ import {
     Transition,
 } from '@dwengo-1/common/interfaces/learning-content';
 import { Language } from '@dwengo-1/common/util/language';
-import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { Group } from '../../entities/assignments/group.entity';
 import { Collection } from '@mikro-orm/core';
 import { v4 } from 'uuid';
 import { getLogger } from '../../logging/initalize.js';
-import { Teacher } from '../../entities/users/teacher.entity';
 
 const logger = getLogger();
 
@@ -235,13 +237,6 @@ const databaseLearningPathProvider: LearningPathProvider = {
         const searchResults = await learningPathRepo.findByQueryStringAndLanguage(query, language);
         return await Promise.all(searchResults.map(async (result, index) => convertLearningPath(result, index, personalizedFor)));
     },
-
-    async searchLearningPathsByAdmin(admins: Teacher[], language: Language, personalizedFor?: Group, matchMode?: MatchMode): Promise<LearningPath[]> {
-        const learningPathRepo = getLearningPathRepository();
-
-        const searchResults = await learningPathRepo.findByAdmins(admins, language, matchMode);
-        return await Promise.all(searchResults.map(async (result, index) => convertLearningPath(result, index, personalizedFor)));
-    },
 };
 
 export default databaseLearningPathProvider;
diff --git a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
index 4c57f055..d4a59b96 100644
--- a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
@@ -3,8 +3,6 @@ import { DWENGO_API_BASE } from '../../config.js';
 import { LearningPathProvider } from './learning-path-provider.js';
 import { getLogger, Logger } from '../../logging/initalize.js';
 import { LearningPath, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
-import { Teacher } from '../../entities/users/teacher.entity';
-import { Language } from '@dwengo-1/common/util/language';
 import { Group } from '../../entities/assignments/group.entity.js';
 import { getLastSubmissionForGroup, idFromLearningObjectNode } from './learning-path-personalization-util.js';
 
@@ -21,7 +19,7 @@ async function addProgressToLearningPath(learningPath: LearningPath, personalize
         learningPath.nodes.map(async (node) => {
             const lastSubmission = personalizedFor ? await getLastSubmissionForGroup(idFromLearningObjectNode(node), personalizedFor) : null;
             node.done = Boolean(lastSubmission);
-        })
+        }),
     );
 
     learningPath.num_nodes = learningPath.nodes.length;
@@ -78,16 +76,8 @@ const dwengoApiLearningPathProvider: LearningPathProvider = {
     },
 
     async getLearningPathsAdministratedBy(_adminUsername: string) {
-        return []; // Learning paths fetched from the Dwengo API cannot be administrated by a user.
-    },
-
-    async searchLearningPathsByAdmin(admins: Teacher[], language: string): Promise<LearningPath[]> {
-        if (!admins || admins.length === 0) {
-            return this.searchLearningPaths('', language as Language);
-        }
-
         // Dwengo API does not have the concept of admins, so we cannot filter by them.
-        return []
+        return [];
     },
 };
 
diff --git a/backend/src/services/learning-paths/learning-path-provider.ts b/backend/src/services/learning-paths/learning-path-provider.ts
index c781f134..ee783b35 100644
--- a/backend/src/services/learning-paths/learning-path-provider.ts
+++ b/backend/src/services/learning-paths/learning-path-provider.ts
@@ -22,9 +22,4 @@ export interface LearningPathProvider {
      * Get all learning paths which have the teacher with the given user as an administrator.
      */
     getLearningPathsAdministratedBy(adminUsername: string): Promise<LearningPath[]>;
-
-    /**
-     * Fetch the learning paths for the given admins from the data source.
-     */
-    searchLearningPathsByAdmin(admins: Teacher[], language: Language, personalizedFor?: Group, matchMode?: MatchMode): Promise<LearningPath[]>;
 }
diff --git a/backend/src/services/learning-paths/learning-path-service.ts b/backend/src/services/learning-paths/learning-path-service.ts
index 35c46704..16e9d2d0 100644
--- a/backend/src/services/learning-paths/learning-path-service.ts
+++ b/backend/src/services/learning-paths/learning-path-service.ts
@@ -129,22 +129,6 @@ const learningPathService = {
         return providerResponses.flat();
     },
 
-    /**
-     * Fetch the learning paths for the given admins from the data source.
-     */
-    async searchLearningPathsByAdmin(adminsIds: string[], language: Language, personalizedFor?: Group): Promise<LearningPath[]> {
-        const teacherRepo = getTeacherRepository();
-        const admins = await Promise.all(
-            adminsIds .map(async (adminId) => await teacherRepo.findByUsername(adminId))
-        );
-        const adminsNotNull: Teacher[] = admins.filter((admin) => admin !== undefined) as Teacher[];
-
-        const providerResponses = await Promise.all(
-            allProviders.map(async (provider) => provider.searchLearningPathsByAdmin(adminsNotNull, language, personalizedFor)),
-        );
-        return providerResponses.flat();
-    },
-
     /**
      * Add a new learning path to the database.
      * @param dto Learning path DTO from which the learning path will be created.

From fc925702820237e2233bee366b63b99f9ebdce2a Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sat, 17 May 2025 17:59:13 +0000
Subject: [PATCH 32/51] style: fix linting issues met Prettier

---
 backend/src/controllers/learning-paths.ts     |   4 +-
 .../data/content/learning-path-repository.ts  |  11 +-
 .../database-learning-path-provider.ts        |  26 +-
 .../dwengo-api-learning-path-provider.ts      |   2 +-
 .../learning-paths/learning-path-service.ts   |  17 +-
 .../database-learning-path-provider.test.ts   |  12 +-
 .../components/DiscussionSideBarElement.vue   |  89 +++--
 .../src/components/DiscussionsSideBar.vue     |  41 +-
 frontend/src/components/QandA.vue             |  24 +-
 frontend/src/components/QuestionBox.vue       | 237 ++++++-----
 frontend/src/components/SingleQuestion.vue    |   3 +-
 frontend/src/router/index.ts                  |  40 +-
 .../views/discussions/DiscussionForward.vue   |  31 +-
 .../src/views/discussions/NoDiscussion.vue    |   9 +-
 .../views/discussions/SingleDiscussion.vue    | 373 +++++++++---------
 .../views/learning-paths/LearningPathPage.vue |  84 ++--
 16 files changed, 498 insertions(+), 505 deletions(-)

diff --git a/backend/src/controllers/learning-paths.ts b/backend/src/controllers/learning-paths.ts
index 88d1ad5d..a38f50e3 100644
--- a/backend/src/controllers/learning-paths.ts
+++ b/backend/src/controllers/learning-paths.ts
@@ -66,7 +66,7 @@ export async function getLearningPaths(req: AuthenticatedRequest, res: Response)
 
             if (req.auth) {
                 const adminUsername = req.auth.username;
-                const userLearningPaths = await learningPathService.getLearningPathsAdministratedBy(adminUsername) || [];
+                const userLearningPaths = (await learningPathService.getLearningPathsAdministratedBy(adminUsername)) || [];
                 allLearningPaths = apiLearningPaths.concat(userLearningPaths);
             }
 
@@ -78,7 +78,7 @@ export async function getLearningPaths(req: AuthenticatedRequest, res: Response)
             hruidList,
             language as Language,
             `HRUIDs: ${hruidList.join(', ')}`,
-            forGroup,
+            forGroup
         );
         res.json(learningPaths.data);
     }
diff --git a/backend/src/data/content/learning-path-repository.ts b/backend/src/data/content/learning-path-repository.ts
index 6910476e..87a03748 100644
--- a/backend/src/data/content/learning-path-repository.ts
+++ b/backend/src/data/content/learning-path-repository.ts
@@ -7,10 +7,13 @@ import { LearningPathTransition } from '../../entities/content/learning-path-tra
 
 export class LearningPathRepository extends DwengoEntityRepository<LearningPath> {
     public async findByHruidAndLanguage(hruid: string, language: Language): Promise<LearningPath | null> {
-        return this.findOne({
-            hruid: hruid,
-            language: language,
-        }, { populate: ['nodes', 'nodes.transitions', 'admins'] });
+        return this.findOne(
+            {
+                hruid: hruid,
+                language: language,
+            },
+            { populate: ['nodes', 'nodes.transitions', 'admins'] }
+        );
     }
 
     /**
diff --git a/backend/src/services/learning-paths/database-learning-path-provider.ts b/backend/src/services/learning-paths/database-learning-path-provider.ts
index ff4f9e4d..8c82132e 100644
--- a/backend/src/services/learning-paths/database-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/database-learning-path-provider.ts
@@ -4,11 +4,7 @@ import { getLearningPathRepository } from '../../data/repositories.js';
 import learningObjectService from '../learning-objects/learning-object-service.js';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
-import {
-    getLastSubmissionForGroup,
-    idFromLearningPathNode,
-    isTransitionPossible,
-} from './learning-path-personalization-util.js';
+import { getLastSubmissionForGroup, idFromLearningPathNode, isTransitionPossible } from './learning-path-personalization-util.js';
 import {
     FilteredLearningObject,
     LearningObjectNode,
@@ -41,9 +37,9 @@ async function getLearningObjectsForNodes(nodes: Collection<LearningPathNode>):
                         version: node.version,
                         language: node.language,
                     })
-                    .then((learningObject) => [node, learningObject] as [LearningPathNode, FilteredLearningObject | null]),
-            ),
-        ),
+                    .then((learningObject) => [node, learningObject] as [LearningPathNode, FilteredLearningObject | null])
+            )
+        )
     );
 
     // Ignore all learning objects that cannot be found such that the rest of the learning path keeps working.
@@ -105,14 +101,14 @@ async function convertNode(
     node: LearningPathNode,
     learningObject: FilteredLearningObject,
     personalizedFor: Group | undefined,
-    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
+    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>
 ): Promise<LearningObjectNode> {
     const lastSubmission = personalizedFor ? await getLastSubmissionForGroup(idFromLearningPathNode(node), personalizedFor) : null;
     const transitions = node.transitions
         .filter(
             (trans) =>
                 !personalizedFor || // If we do not want a personalized learning path, keep all transitions
-                isTransitionPossible(trans, optionalJsonStringToObject(lastSubmission?.content)), // Otherwise remove all transitions that aren't possible.
+                isTransitionPossible(trans, optionalJsonStringToObject(lastSubmission?.content)) // Otherwise remove all transitions that aren't possible.
         )
         .map((trans, i) => {
             try {
@@ -145,10 +141,10 @@ async function convertNode(
  */
 async function convertNodes(
     nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
-    personalizedFor?: Group,
+    personalizedFor?: Group
 ): Promise<LearningObjectNode[]> {
     const nodesPromise = Array.from(nodesToLearningObjects.entries()).map(async (entry) =>
-        convertNode(entry[0], entry[1], personalizedFor, nodesToLearningObjects),
+        convertNode(entry[0], entry[1], personalizedFor, nodesToLearningObjects)
     );
     return await Promise.all(nodesPromise);
 }
@@ -175,7 +171,7 @@ function optionalJsonStringToObject(jsonString?: string): object | null {
 function convertTransition(
     transition: LearningPathTransition,
     index: number,
-    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>,
+    nodesToLearningObjects: Map<LearningPathNode, FilteredLearningObject>
 ): Transition {
     const nextNode = nodesToLearningObjects.get(transition.next);
     if (!nextNode) {
@@ -206,10 +202,10 @@ const databaseLearningPathProvider: LearningPathProvider = {
         const learningPathRepo = getLearningPathRepository();
 
         const learningPaths = (await Promise.all(hruids.map(async (hruid) => learningPathRepo.findByHruidAndLanguage(hruid, language)))).filter(
-            (learningPath) => learningPath !== null,
+            (learningPath) => learningPath !== null
         );
         const filteredLearningPaths = await Promise.all(
-            learningPaths.map(async (learningPath, index) => convertLearningPath(learningPath, index, personalizedFor)),
+            learningPaths.map(async (learningPath, index) => convertLearningPath(learningPath, index, personalizedFor))
         );
 
         return {
diff --git a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
index d4a59b96..77cae652 100644
--- a/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
+++ b/backend/src/services/learning-paths/dwengo-api-learning-path-provider.ts
@@ -19,7 +19,7 @@ async function addProgressToLearningPath(learningPath: LearningPath, personalize
         learningPath.nodes.map(async (node) => {
             const lastSubmission = personalizedFor ? await getLastSubmissionForGroup(idFromLearningObjectNode(node), personalizedFor) : null;
             node.done = Boolean(lastSubmission);
-        }),
+        })
     );
 
     learningPath.num_nodes = learningPath.nodes.length;
diff --git a/backend/src/services/learning-paths/learning-path-service.ts b/backend/src/services/learning-paths/learning-path-service.ts
index 16e9d2d0..a2320fa6 100644
--- a/backend/src/services/learning-paths/learning-path-service.ts
+++ b/backend/src/services/learning-paths/learning-path-service.ts
@@ -1,12 +1,7 @@
 import dwengoApiLearningPathProvider from './dwengo-api-learning-path-provider.js';
 import databaseLearningPathProvider from './database-learning-path-provider.js';
 import { envVars, getEnvVar } from '../../util/envVars.js';
-import {
-    LearningObjectNode,
-    LearningPath,
-    LearningPathIdentifier,
-    LearningPathResponse,
-} from '@dwengo-1/common/interfaces/learning-content';
+import { LearningObjectNode, LearningPath, LearningPathIdentifier, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
 import { Language } from '@dwengo-1/common/util/language';
 import { Group } from '../../entities/assignments/group.entity.js';
 import { LearningPath as LearningPathEntity } from '../../entities/content/learning-path.entity.js';
@@ -46,16 +41,16 @@ export function mapToLearningPath(dto: LearningPath, adminsDto: TeacherDTO[]): L
             startNode: nodeDto.start_node ?? false,
             createdAt: new Date(),
             updatedAt: new Date(),
-        }),
+        })
     );
     dto.nodes.forEach((nodeDto) => {
         const fromNode = nodes.find(
-            (it) => it.learningObjectHruid === nodeDto.learningobject_hruid && it.language === nodeDto.language && it.version === nodeDto.version,
+            (it) => it.learningObjectHruid === nodeDto.learningobject_hruid && it.language === nodeDto.language && it.version === nodeDto.version
         )!;
         const transitions = nodeDto.transitions.map((transDto, i) => {
             const toNode = nodes.find(
                 (it) =>
-                    it.learningObjectHruid === transDto.next.hruid && it.language === transDto.next.language && it.version === transDto.next.version,
+                    it.learningObjectHruid === transDto.next.hruid && it.language === transDto.next.language && it.version === transDto.next.version
             );
 
             if (toNode) {
@@ -99,7 +94,7 @@ const learningPathService = {
             nonUserContentHruids,
             language,
             source,
-            personalizedFor,
+            personalizedFor
         );
 
         const result = (userContentLearningPaths.data || []).concat(nonUserContentLearningPaths.data || []);
@@ -124,7 +119,7 @@ const learningPathService = {
      */
     async searchLearningPaths(query: string, language: Language, personalizedFor?: Group): Promise<LearningPath[]> {
         const providerResponses = await Promise.all(
-            allProviders.map(async (provider) => provider.searchLearningPaths(query, language, personalizedFor)),
+            allProviders.map(async (provider) => provider.searchLearningPaths(query, language, personalizedFor))
         );
         return providerResponses.flat();
     },
diff --git a/backend/tests/services/learning-path/database-learning-path-provider.test.ts b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
index f3b3d4ee..59843701 100644
--- a/backend/tests/services/learning-path/database-learning-path-provider.test.ts
+++ b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
@@ -151,19 +151,13 @@ describe('DatabaseLearningPathProvider', () => {
     describe('searchLearningPathsByAdmin', () => {
         it('returns the learning path owned by the admin', async () => {
             const expectedLearningPath = mapToLearningPath(testLearningPath02, [mapToTeacherDTO(teacherB)]);
-            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin(
-                [teacherB],
-                expectedLearningPath.language
-            );
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherB], expectedLearningPath.language);
             expect(result.length).toBe(1);
             expect(result[0].title).toBe(expectedLearningPath.title);
             expect(result[0].description).toBe(expectedLearningPath.description);
         });
-        it('returns an empty result when querying admins that do not have custom learning paths', async() => {
-            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin(
-                [teacherA],
-                testLearningPath.language
-            );
+        it('returns an empty result when querying admins that do not have custom learning paths', async () => {
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherA], testLearningPath.language);
             expect(result.length).toBe(0);
         });
     });
diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index d95d38b2..3bdbe79f 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
-import { useRoute } from 'vue-router';
-import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { ref, watchEffect } from 'vue';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
+    import { useRoute } from "vue-router";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { ref, watchEffect } from "vue";
 
     const route = useRoute();
 
     const props = defineProps<{
         path: LearningPath;
-        activeObjectId: string 
+        activeObjectId: string;
     }>();
 
-    const currentPath = ref(props.path)
+    const currentPath = ref(props.path);
 
     const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
 
@@ -33,21 +33,34 @@ import { ref, watchEffect } from 'vue';
     function toggleDropdown(): void {
         dropdownEnabled.value = !dropdownEnabled.value;
     }
-
 </script>
 
 <template>
     <main>
-        <div class="dropdown-toggle" @click="toggleDropdown()">▼{{path.title}}</div>
-        <div class="dropdown" v-if="dropdownEnabled">
+        <div
+            class="dropdown-toggle"
+            @click="toggleDropdown()"
+        >
+            ▼{{ path.title }}
+        </div>
+        <div
+            class="dropdown"
+            v-if="dropdownEnabled"
+        >
             <using-query-result
                 :query-result="learningObjectListQueryResult"
                 v-slot="learningObjects: { data: LearningObject[] }"
             >
-                <template v-for="node in learningObjects.data" :key="node.key">
+                <template
+                    v-for="node in learningObjects.data"
+                    :key="node.key"
+                >
                     <v-list-item
                         link
-                        :to="{ path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
+                        :to="{
+                            path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`,
+                            query: route.query,
+                        }"
                         :title="node.title"
                         :active="node.key === props.activeObjectId"
                     >
@@ -59,31 +72,31 @@ import { ref, watchEffect } from 'vue';
 </template>
 
 <style scoped>
-.dropdown {
-    margin-left: 0.5rem;
-    padding-left: 1rem;
-    border-left: 2px solid #e0e0e0;
-    background-color: #f9f9f9;
-    border-radius: 4px;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-.dropdown-toggle {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    font-weight: 600;
-    user-select: none;
-    padding: 0.5rem;
-    transition: color 0.2s;
-}
+    .dropdown {
+        margin-left: 0.5rem;
+        padding-left: 1rem;
+        border-left: 2px solid #e0e0e0;
+        background-color: #f9f9f9;
+        border-radius: 4px;
+        padding-top: 0.5rem;
+        padding-bottom: 0.5rem;
+    }
+    .dropdown-toggle {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        font-weight: 600;
+        user-select: none;
+        padding: 0.5rem;
+        transition: color 0.2s;
+    }
 
-.dropdown-toggle:hover {
-    color: #27c53f;
-}
+    .dropdown-toggle:hover {
+        color: #27c53f;
+    }
 
-.dropdown-icon {
-    margin-right: 0.5rem;
-    font-size: 0.9rem;
-}
+    .dropdown-icon {
+        margin-right: 0.5rem;
+        font-size: 0.9rem;
+    }
 </style>
diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index 2aecfd5e..a93729f6 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -1,18 +1,16 @@
 <script setup lang="ts">
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
+    import { useI18n } from "vue-i18n";
+    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
+    import { ref } from "vue";
 
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
-import DiscussionSideBarElement from '@/components/DiscussionSideBarElement.vue';
-import { useI18n } from 'vue-i18n';
-import { useGetAllLearningPaths } from '@/queries/learning-paths.ts';
-import { ref } from 'vue';
+    const { t, locale } = useI18n();
 
-const { t, locale } = useI18n();
-
-const navigationDrawerShown = ref(true);
-
-const allLearningPathsResult = useGetAllLearningPaths(locale.value);
+    const navigationDrawerShown = ref(true);
 
+    const allLearningPathsResult = useGetAllLearningPaths(locale.value);
 </script>
 
 <template>
@@ -24,14 +22,15 @@ const allLearningPathsResult = useGetAllLearningPaths(locale.value);
         <div class="d-flex flex-column h-100">
             <v-list-item>
                 <template v-slot:title>
-                    <div class="title">{{ t('discussions') }}</div>
+                    <div class="title">{{ t("discussions") }}</div>
                 </template>
             </v-list-item>
             <v-divider></v-divider>
             <div>
                 <using-query-result
                     :query-result="allLearningPathsResult"
-                    v-slot="learningPaths: {data: LearningPath[]}">
+                    v-slot="learningPaths: { data: LearningPath[] }"
+                >
                     <DiscussionSideBarElement
                         v-for="learningPath in learningPaths.data"
                         :path="learningPath"
@@ -54,13 +53,11 @@ const allLearningPathsResult = useGetAllLearningPaths(locale.value);
 </template>
 
 <style scoped>
-.title {
-    color: #0e6942;
-    text-transform: uppercase;
-    font-weight: bolder;
-    padding-top: 2%;
-    font-size: 36px;
-}
-
-
+    .title {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        padding-top: 2%;
+        font-size: 36px;
+    }
 </style>
diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index ce9b6419..815afc68 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import SingleQuestion from "./SingleQuestion.vue";
-    import { useI18n } from 'vue-i18n';
+    import { useI18n } from "vue-i18n";
 
     const { t } = useI18n();
 
@@ -21,19 +21,19 @@
             </div>
         </div>
         <div v-else>
-            <p class="no-questions">{{t("no-questions")}}</p>
+            <p class="no-questions">{{ t("no-questions") }}</p>
         </div>
     </div>
 </template>
 <style scoped>
-.no-questions {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 40vh;
-    text-align: center;
-    font-size: 18px;
-    color: #666;
-    padding: 0 20px;
-}
+    .no-questions {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 40vh;
+        text-align: center;
+        font-size: 18px;
+        color: #666;
+        padding: 0 20px;
+    }
 </style>
diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index 3d979ea7..19bff0c2 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -1,97 +1,95 @@
 <script setup lang="ts">
+    import authService from "@/services/auth/auth-service.ts";
+    import { Language } from "@/data-objects/language.ts";
+    import { computed, type ComputedRef, ref } from "vue";
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+    import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students.ts";
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
+    import type { QuestionData } from "@dwengo-1/common/interfaces/question";
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/interfaces/learning-content";
+    import { useCreateQuestionMutation, useQuestionsQuery } from "@/queries/questions.ts";
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    import { useI18n } from "vue-i18n";
+    import { AccountType } from "@dwengo-1/common/src/util/account-types.ts";
 
-import authService from '@/services/auth/auth-service.ts';
-import { Language } from '@/data-objects/language.ts';
-import { computed, type ComputedRef, ref } from 'vue';
-import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
-import { useStudentAssignmentsQuery, useStudentGroupsQuery } from '@/queries/students.ts';
-import type { GroupDTO, GroupDTOId } from '@dwengo-1/common/interfaces/group';
-import type { QuestionData } from '@dwengo-1/common/interfaces/question';
-import type { LearningObjectIdentifierDTO } from '@dwengo-1/interfaces/learning-content';
-import { useCreateQuestionMutation, useQuestionsQuery } from '@/queries/questions.ts';
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
-import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
-import { useI18n } from 'vue-i18n';
-import { AccountType } from '@dwengo-1/common/src/util/account-types.ts';
+    const props = defineProps<{
+        hruid: string;
+        language: Language;
+        learningObjectHruid?: string;
+        forGroup?: GroupDTOId | undefined;
+    }>();
 
-const props = defineProps<{
-    hruid: string;
-    language: Language;
-    learningObjectHruid?: string;
-    forGroup?: GroupDTOId | undefined
-}>();
+    const { t } = useI18n();
 
-const { t } = useI18n();
-
-const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
-    authService.authState.user?.profile.preferred_username,
-);
-const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, props.forGroup);
-const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-
-const pathIsAssignment = computed(() => {
-    const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
-    return assignments.some(
-        (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+    const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
+        authService.authState.user?.profile.preferred_username,
     );
-});
+    const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, props.forGroup);
+    const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
 
-const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
-    () => learningPathQueryResult.data.value?.nodesAsList ?? null,
-);
+    const pathIsAssignment = computed(() => {
+        const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
+        return assignments.some(
+            (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+        );
+    });
 
-
-const currentNode = computed(() => {
-    const currentHruid = props.learningObjectHruid;
-    return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
-});
-
-const getQuestionsQuery = useQuestionsQuery(
-    computed(
-        () =>
-            ({
-                language: currentNode.value?.language,
-                hruid: currentNode.value?.learningobjectHruid,
-                version: currentNode.value?.version,
-            }) as LearningObjectIdentifierDTO,
-    ),
-);
-
-const questionInput = ref('');
-
-const loID: LearningObjectIdentifierDTO = {
-    hruid: props.learningObjectHruid as string,
-    language: props.language,
-};
-const createQuestionMutation = useCreateQuestionMutation(loID);
-const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
-
-function submitQuestion(): void {
-    const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
-    const assignment = assignments.find(
-        (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
+    const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
+        () => learningPathQueryResult.data.value?.nodesAsList ?? null,
     );
-    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,
+
+    const currentNode = computed(() => {
+        const currentHruid = props.learningObjectHruid;
+        return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
+    });
+
+    const getQuestionsQuery = useQuestionsQuery(
+        computed(
+            () =>
+                ({
+                    language: currentNode.value?.language,
+                    hruid: currentNode.value?.learningobjectHruid,
+                    version: currentNode.value?.version,
+                }) as LearningObjectIdentifierDTO,
+        ),
+    );
+
+    const questionInput = ref("");
+
+    const loID: LearningObjectIdentifierDTO = {
+        hruid: props.learningObjectHruid as string,
+        language: props.language,
     };
-    if (questionInput.value !== '') {
-        createQuestionMutation.mutate(questionData, {
-            onSuccess: async () => {
-                questionInput.value = ''; // Clear the input field after submission
-                await getQuestionsQuery.refetch(); // Reload the questions
-            },
-            onError: (_) => {
-                // TODO Handle error
-                // - console.error(e);
-            },
-        });
+    const createQuestionMutation = useCreateQuestionMutation(loID);
+    const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
+
+    function submitQuestion(): void {
+        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,
+        };
+        if (questionInput.value !== "") {
+            createQuestionMutation.mutate(questionData, {
+                onSuccess: async () => {
+                    questionInput.value = ""; // Clear the input field after submission
+                    await getQuestionsQuery.refetch(); // Reload the questions
+                },
+                onError: (_) => {
+                    // TODO Handle error
+                    // - console.error(e);
+                },
+            });
+        }
     }
-}
 </script>
 
 <template>
@@ -114,48 +112,47 @@ function submitQuestion(): void {
             </button>
         </div>
     </div>
-
 </template>
 
 <style scoped>
-.question-box {
-    width: 100%;
-    max-width: 400px;
-    margin: 20px auto;
-    font-family: sans-serif;
-}
+    .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);
-}
+    .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 {
+        flex: 1;
+        border: none;
+        outline: none;
+        font-size: 14px;
+        background-color: transparent;
+    }
 
-.question-input::placeholder {
-    color: #999;
-}
+    .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 {
+        background: none;
+        border: none;
+        cursor: pointer;
+        font-size: 16px;
+        color: #555;
+        transition: color 0.2s ease;
+    }
 
-.send-button:hover {
-    color: #000;
-}
+    .send-button:hover {
+        color: #000;
+    }
 </style>
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index d68016da..b8391349 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -8,7 +8,6 @@
     import authService from "@/services/auth/auth-service";
     import { useI18n } from "vue-i18n";
 
-
     const { t } = useI18n();
 
     const props = defineProps<{
@@ -135,7 +134,7 @@
                     :key="answerIndex"
                     class="text-gray-600"
                 >
-                    <v-divider :thickness=2 />
+                    <v-divider :thickness="2" />
                     <div
                         class="flex justify-between items-center mb-2"
                         style="
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 27af9b72..abbe4b52 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -1,23 +1,23 @@
-import { createRouter, createWebHistory } from 'vue-router';
-import SingleAssignment from '@/views/assignments/SingleAssignment.vue';
-import SingleClass from '@/views/classes/SingleClass.vue';
-import SingleDiscussion from '@/views/discussions/SingleDiscussion.vue';
-import NotFound from '@/components/errors/NotFound.vue';
-import CreateAssignment from '@/views/assignments/CreateAssignment.vue';
-import CreateDiscussion from '@/views/discussions/CreateDiscussion.vue';
-import CallbackPage from '@/views/CallbackPage.vue';
-import UserClasses from '@/views/classes/UserClasses.vue';
-import UserAssignments from '@/views/assignments/UserAssignments.vue';
-import LearningPathPage from '@/views/learning-paths/LearningPathPage.vue';
-import LearningPathSearchPage from '@/views/learning-paths/LearningPathSearchPage.vue';
-import UserHomePage from '@/views/homepage/UserHomePage.vue';
-import SingleTheme from '@/views/SingleTheme.vue';
-import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
-import authService from '@/services/auth/auth-service';
-import DiscussionForward from '@/views/discussions/DiscussionForward.vue';
-import NoDiscussion from '@/views/discussions/NoDiscussion.vue';
-import OwnLearningContentPage from '@/views/own-learning-content/OwnLearningContentPage.vue';
-import { allowRedirect, Redirect } from '@/utils/redirect.ts';
+import { createRouter, createWebHistory } from "vue-router";
+import SingleAssignment from "@/views/assignments/SingleAssignment.vue";
+import SingleClass from "@/views/classes/SingleClass.vue";
+import SingleDiscussion from "@/views/discussions/SingleDiscussion.vue";
+import NotFound from "@/components/errors/NotFound.vue";
+import CreateAssignment from "@/views/assignments/CreateAssignment.vue";
+import CreateDiscussion from "@/views/discussions/CreateDiscussion.vue";
+import CallbackPage from "@/views/CallbackPage.vue";
+import UserClasses from "@/views/classes/UserClasses.vue";
+import UserAssignments from "@/views/assignments/UserAssignments.vue";
+import LearningPathPage from "@/views/learning-paths/LearningPathPage.vue";
+import LearningPathSearchPage from "@/views/learning-paths/LearningPathSearchPage.vue";
+import UserHomePage from "@/views/homepage/UserHomePage.vue";
+import SingleTheme from "@/views/SingleTheme.vue";
+import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
+import authService from "@/services/auth/auth-service";
+import DiscussionForward from "@/views/discussions/DiscussionForward.vue";
+import NoDiscussion from "@/views/discussions/NoDiscussion.vue";
+import OwnLearningContentPage from "@/views/own-learning-content/OwnLearningContentPage.vue";
+import { allowRedirect, Redirect } from "@/utils/redirect.ts";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
diff --git a/frontend/src/views/discussions/DiscussionForward.vue b/frontend/src/views/discussions/DiscussionForward.vue
index a281ea38..4006c3be 100644
--- a/frontend/src/views/discussions/DiscussionForward.vue
+++ b/frontend/src/views/discussions/DiscussionForward.vue
@@ -1,26 +1,21 @@
 <script setup lang="ts">
-import type { Language } from '@/data-objects/language';
-import { onMounted } from 'vue';
-import { useRouter } from 'vue-router';
+    import type { Language } from "@/data-objects/language";
+    import { onMounted } from "vue";
+    import { useRouter } from "vue-router";
 
-const router = useRouter();
+    const router = useRouter();
 
-const props = defineProps<{
-    hruid: string;
-    language: Language;
-    learningObjectHruid?: string;
-}>();
+    const props = defineProps<{
+        hruid: string;
+        language: Language;
+        learningObjectHruid?: string;
+    }>();
 
-const discussionURL = "/discussion" 
-    + "/" + props.hruid
-    + "/" + props.language
-    + "/" + props.learningObjectHruid
-
-
-onMounted(async () => {
-    await router.replace(discussionURL);
-})
+    const discussionURL = "/discussion" + "/" + props.hruid + "/" + props.language + "/" + props.learningObjectHruid;
 
+    onMounted(async () => {
+        await router.replace(discussionURL);
+    });
 </script>
 
 <template>
diff --git a/frontend/src/views/discussions/NoDiscussion.vue b/frontend/src/views/discussions/NoDiscussion.vue
index 116ee1c5..0e979ddb 100644
--- a/frontend/src/views/discussions/NoDiscussion.vue
+++ b/frontend/src/views/discussions/NoDiscussion.vue
@@ -1,15 +1,14 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
-import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
-
-const { t } = useI18n();
+    import { useI18n } from "vue-i18n";
+    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
 
+    const { t } = useI18n();
 </script>
 
 <template>
     <DiscussionsSideBar></DiscussionsSideBar>
     <div>
-        <p class="no-discussion-tip">{{t("no-discussion-tip")}}</p>
+        <p class="no-discussion-tip">{{ t("no-discussion-tip") }}</p>
     </div>
 </template>
 
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 44e1db72..cd6e4b64 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,127 +1,130 @@
 <script setup lang="ts">
-import { Language } from '@/data-objects/language.ts';
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
-import { computed, type ComputedRef, ref, watch } from 'vue';
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
-import { useRoute } from 'vue-router';
-import { useGetAllLearningPaths, useGetLearningPathQuery } from '@/queries/learning-paths.ts';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
-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';
-import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
-import QuestionBox from '@/components/QuestionBox.vue';
+    import { Language } from "@/data-objects/language.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import { computed, type ComputedRef, ref, watch } from "vue";
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
+    import { useRoute } from "vue-router";
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
+    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";
+    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
+    import QuestionBox from "@/components/QuestionBox.vue";
 
-const route = useRoute();
+    const route = useRoute();
 
-const props = defineProps<{
-    hruid: string;
-    language: Language;
-    learningObjectHruid?: string;
-}>();
+    const props = defineProps<{
+        hruid: string;
+        language: Language;
+        learningObjectHruid?: string;
+    }>();
 
-interface LearningPathPageQuery {
-    forGroup?: string;
-    assignmentNo?: string;
-    classId?: string;
-}
-
-const query = computed(() => route.query as LearningPathPageQuery);
-
-const forGroup = computed(() => {
-    if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
-        return {
-            forGroup: parseInt(query.value.forGroup),
-            assignmentNo: parseInt(query.value.assignmentNo),
-            classId: query.value.classId,
-        };
+    interface LearningPathPageQuery {
+        forGroup?: string;
+        assignmentNo?: string;
+        classId?: string;
     }
-    return undefined;
-});
 
-const allLearningPathsResult = useGetAllLearningPaths(props.language);
+    const query = computed(() => route.query as LearningPathPageQuery);
 
-async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
-    const loid = {
-        hruid: learningObject.key,
-        version: learningObject.version,
-        language: learningObject.language,
-    } as LearningObjectIdentifierDTO;
-    const { data } = useQuestionsQuery(loid);
-    return (data.value?.questions.length ?? 0) > 0;
-}
-
-async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
-    const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
-    const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-    const learningObjects = learningObjectListQueryResult.data.value || [];
-    const hasQuestions = await Promise.all(
-        learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
-    );
-    return hasQuestions.some((hasQuestion) => hasQuestion);
-}
-
-const questionedLearningPaths = ref<LearningPath[] | null>(null);
-
-watch(
-    () => allLearningPathsResult.data.value,
-    async (learningPaths) => {
-        if (learningPaths) {
-            const pathsWithQuestions = await Promise.all(
-                learningPaths.map(async (learningPath) => {
-                    const hasQuestions = await learningPathHasQuestions(learningPath);
-                    return hasQuestions ? learningPath : null;
-                }),
-            );
-            questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
+    const forGroup = computed(() => {
+        if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
+            return {
+                forGroup: parseInt(query.value.forGroup),
+                assignmentNo: parseInt(query.value.assignmentNo),
+                classId: query.value.classId,
+            };
         }
-    },
-    { immediate: true },
-);
+        return undefined;
+    });
 
-const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
+    const allLearningPathsResult = useGetAllLearningPaths(props.language);
 
-const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
-    () => learningPathQueryResult.data.value?.nodesAsList ?? null,
-);
+    async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
+        const loid = {
+            hruid: learningObject.key,
+            version: learningObject.version,
+            language: learningObject.language,
+        } as LearningObjectIdentifierDTO;
+        const { data } = useQuestionsQuery(loid);
+        return (data.value?.questions.length ?? 0) > 0;
+    }
 
-const currentNode = computed(() => {
-    const currentHruid = props.learningObjectHruid;
-    return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
-});
+    async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
+        const learningPathQueryResult = useGetLearningPathQuery(
+            learningPath.hruid,
+            learningPath.language as Language,
+            forGroup,
+        );
+        const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
+        const learningObjects = learningObjectListQueryResult.data.value || [];
+        const hasQuestions = await Promise.all(
+            learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
+        );
+        return hasQuestions.some((hasQuestion) => hasQuestion);
+    }
 
-const getQuestionsQuery = useQuestionsQuery(
-    computed(
-        () =>
-            ({
-                language: currentNode.value?.language,
-                hruid: currentNode.value?.learningobjectHruid,
-                version: currentNode.value?.version,
-            }) as LearningObjectIdentifierDTO,
-    ),
-);
+    const questionedLearningPaths = ref<LearningPath[] | null>(null);
 
-watch(
-    () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
-    () => {
-        //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
-        //      Momenteel opgelost door de DiscussionsForward page workaround
-    },
-);
+    watch(
+        () => allLearningPathsResult.data.value,
+        async (learningPaths) => {
+            if (learningPaths) {
+                const pathsWithQuestions = await Promise.all(
+                    learningPaths.map(async (learningPath) => {
+                        const hasQuestions = await learningPathHasQuestions(learningPath);
+                        return hasQuestions ? learningPath : null;
+                    }),
+                );
+                questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
+            }
+        },
+        { immediate: true },
+    );
 
+    const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
+
+    const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
+        () => learningPathQueryResult.data.value?.nodesAsList ?? null,
+    );
+
+    const currentNode = computed(() => {
+        const currentHruid = props.learningObjectHruid;
+        return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
+    });
+
+    const getQuestionsQuery = useQuestionsQuery(
+        computed(
+            () =>
+                ({
+                    language: currentNode.value?.language,
+                    hruid: currentNode.value?.learningobjectHruid,
+                    version: currentNode.value?.version,
+                }) as LearningObjectIdentifierDTO,
+        ),
+    );
+
+    watch(
+        () => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
+        () => {
+            //TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
+            //      Momenteel opgelost door de DiscussionsForward page workaround
+        },
+    );
 </script>
 
 <template>
     <DiscussionsSideBar></DiscussionsSideBar>
     <QuestionBox
-        :hruid=props.hruid
-        :language=props.language
-        :learningObjectHruid=props.learningObjectHruid
-        :forGroup=forGroup
+        :hruid="props.hruid"
+        :language="props.language"
+        :learningObjectHruid="props.learningObjectHruid"
+        :forGroup="forGroup"
     />
     <using-query-result
         :query-result="getQuestionsQuery"
@@ -132,97 +135,97 @@ watch(
 </template>
 
 <style scoped>
-.learning-path-title {
-    white-space: normal;
-}
+    .learning-path-title {
+        white-space: normal;
+    }
 
-.search-field-container {
-    min-width: 250px;
-}
+    .search-field-container {
+        min-width: 250px;
+    }
 
-.control-bar-above-content {
-    margin-left: 5px;
-    margin-right: 5px;
-    margin-bottom: -30px;
-    display: flex;
-    justify-content: space-between;
-}
+    .control-bar-above-content {
+        margin-left: 5px;
+        margin-right: 5px;
+        margin-bottom: -30px;
+        display: flex;
+        justify-content: space-between;
+    }
 
-.learning-object-view-container {
-    padding-left: 20px;
-    padding-right: 20px;
-    padding-bottom: 20px;
-}
+    .learning-object-view-container {
+        padding-left: 20px;
+        padding-right: 20px;
+        padding-bottom: 20px;
+    }
 
-.navigation-buttons-container {
-    padding: 20px;
-    display: flex;
-    justify-content: space-between;
-}
+    .navigation-buttons-container {
+        padding: 20px;
+        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;
-    z-index: 2; /* Less than modals/popups */
-}
+    .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;
+        z-index: 2; /* Less than modals/popups */
+    }
 
-.question-box {
-    width: 100%;
-    max-width: 400px;
-    margin: 20px auto;
-    font-family: sans-serif;
-}
+    .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);
-}
+    .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 {
+        flex: 1;
+        border: none;
+        outline: none;
+        font-size: 14px;
+        background-color: transparent;
+    }
 
-.question-input::placeholder {
-    color: #999;
-}
+    .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 {
+        background: none;
+        border: none;
+        cursor: pointer;
+        font-size: 16px;
+        color: #555;
+        transition: color 0.2s ease;
+    }
 
-.send-button:hover {
-    color: #000;
-}
+    .send-button:hover {
+        color: #000;
+    }
 
-.discussion-link a {
-    color: #3b82f6; /* blue */
-    text-decoration: none;
-}
+    .discussion-link a {
+        color: #3b82f6; /* blue */
+        text-decoration: none;
+    }
 
-.discussion-link a:hover {
-    text-decoration: underline;
-}
+    .discussion-link a:hover {
+        text-decoration: underline;
+    }
 </style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 2f839760..e10dfadc 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -1,30 +1,30 @@
 <script setup lang="ts">
-import { Language } from '@/data-objects/language.ts';
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
-import { computed, type ComputedRef, ref } from 'vue';
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
-import { useRoute, useRouter } from 'vue-router';
-import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
-import { useI18n } from 'vue-i18n';
-import LearningPathSearchField from '@/components/LearningPathSearchField.vue';
-import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
-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 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';
-import { useStudentAssignmentsQuery } from '@/queries/students';
-import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
-import QuestionNotification from '@/components/QuestionNotification.vue';
-import QuestionBox from '@/components/QuestionBox.vue';
+    import { Language } from "@/data-objects/language.ts";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
+    import { computed, type ComputedRef, ref } from "vue";
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
+    import { useRoute, useRouter } from "vue-router";
+    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
+    import { useI18n } from "vue-i18n";
+    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
+    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 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";
+    import { useStudentAssignmentsQuery } from "@/queries/students";
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
+    import QuestionNotification from "@/components/QuestionNotification.vue";
+    import QuestionBox from "@/components/QuestionBox.vue";
     import { AccountType } from "@dwengo-1/common/util/account-types";
 
-const router = useRouter();
+    const router = useRouter();
     const route = useRoute();
     const { t } = useI18n();
 
@@ -157,12 +157,16 @@ const router = useRouter();
         );
     });
 
-    const discussionLink = computed(() =>
-        "/discussion"
-        + "/" + props.hruid
-        + "/" + currentNode.value?.language
-        + "/" + currentNode.value?.learningobjectHruid);
-
+    const discussionLink = computed(
+        () =>
+            "/discussion" +
+            "/" +
+            props.hruid +
+            "/" +
+            currentNode.value?.language +
+            "/" +
+            currentNode.value?.learningobjectHruid,
+    );
 </script>
 
 <template>
@@ -302,10 +306,10 @@ const router = useRouter();
             ></learning-object-view>
         </div>
         <QuestionBox
-            :hruid=props.hruid
-            :language=props.language
-            :learningObjectHruid=props.learningObjectHruid
-            :forGroup=forGroup
+            :hruid="props.hruid"
+            :language="props.language"
+            :learningObjectHruid="props.learningObjectHruid"
+            :forGroup="forGroup"
         />
         <div class="navigation-buttons-container">
             <v-btn
@@ -329,15 +333,13 @@ const router = useRouter();
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
-        <v-divider :thickness="6"></v-divider>
+            <v-divider :thickness="6"></v-divider>
             <div class="question-header">
-                <span class="question-title">{{t("questions")}}</span>
+                <span class="question-title">{{ t("questions") }}</span>
                 <span class="discussion-link-text">
-                    {{t("view-questions")}}
-                    <router-link
-                        :to=discussionLink
-                    >
-                        {{t("discussions")}}
+                    {{ t("view-questions") }}
+                    <router-link :to="discussionLink">
+                        {{ t("discussions") }}
                     </router-link>
                 </span>
             </div>

From 1f059354189b8093b3381eff7c0d3a3b6f353e09 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 20:30:09 +0200
Subject: [PATCH 33/51] chore(backend): Optimise imports

---
 backend/src/services/learning-paths/learning-path-provider.ts | 2 --
 backend/src/services/learning-paths/learning-path-service.ts  | 3 +--
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/backend/src/services/learning-paths/learning-path-provider.ts b/backend/src/services/learning-paths/learning-path-provider.ts
index ee783b35..0cf507ca 100644
--- a/backend/src/services/learning-paths/learning-path-provider.ts
+++ b/backend/src/services/learning-paths/learning-path-provider.ts
@@ -1,8 +1,6 @@
 import { LearningPath, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
 import { Language } from '@dwengo-1/common/util/language';
-import { MatchMode } from '@dwengo-1/common/util/match-mode';
 import { Group } from '../../entities/assignments/group.entity';
-import { Teacher } from '../../entities/users/teacher.entity';
 
 /**
  * Generic interface for a service which provides access to learning paths from a data source.
diff --git a/backend/src/services/learning-paths/learning-path-service.ts b/backend/src/services/learning-paths/learning-path-service.ts
index a2320fa6..56b3be7a 100644
--- a/backend/src/services/learning-paths/learning-path-service.ts
+++ b/backend/src/services/learning-paths/learning-path-service.ts
@@ -5,7 +5,7 @@ import { LearningObjectNode, LearningPath, LearningPathIdentifier, LearningPathR
 import { Language } from '@dwengo-1/common/util/language';
 import { Group } from '../../entities/assignments/group.entity.js';
 import { LearningPath as LearningPathEntity } from '../../entities/content/learning-path.entity.js';
-import { getLearningPathRepository, getTeacherRepository } from '../../data/repositories.js';
+import { getLearningPathRepository } from '../../data/repositories.js';
 import { LearningPathNode } from '../../entities/content/learning-path-node.entity.js';
 import { LearningPathTransition } from '../../entities/content/learning-path-transition.entity.js';
 import { base64ToArrayBuffer } from '../../util/base64-buffer-conversion.js';
@@ -15,7 +15,6 @@ import { Collection } from '@mikro-orm/core';
 import { NotFoundException } from '../../exceptions/not-found-exception.js';
 import { BadRequestException } from '../../exceptions/bad-request-exception.js';
 import learningObjectService from '../learning-objects/learning-object-service.js';
-import { Teacher } from '../../entities/users/teacher.entity';
 
 const userContentPrefix = getEnvVar(envVars.UserContentPrefix);
 const allProviders = [dwengoApiLearningPathProvider, databaseLearningPathProvider];

From 679c95b0a07078cd0832138d99ff8a1e285226b0 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 20:40:19 +0200
Subject: [PATCH 34/51] fix(backend): Hernoem geteste functie

---
 .../learning-path/database-learning-path-provider.test.ts   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/tests/services/learning-path/database-learning-path-provider.test.ts b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
index 59843701..e37b5748 100644
--- a/backend/tests/services/learning-path/database-learning-path-provider.test.ts
+++ b/backend/tests/services/learning-path/database-learning-path-provider.test.ts
@@ -148,16 +148,16 @@ describe('DatabaseLearningPathProvider', () => {
         });
     });
 
-    describe('searchLearningPathsByAdmin', () => {
+    describe('getLearningPathsAdministratedBy', () => {
         it('returns the learning path owned by the admin', async () => {
             const expectedLearningPath = mapToLearningPath(testLearningPath02, [mapToTeacherDTO(teacherB)]);
-            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherB], expectedLearningPath.language);
+            const result = await databaseLearningPathProvider.getLearningPathsAdministratedBy([teacherB], expectedLearningPath.language);
             expect(result.length).toBe(1);
             expect(result[0].title).toBe(expectedLearningPath.title);
             expect(result[0].description).toBe(expectedLearningPath.description);
         });
         it('returns an empty result when querying admins that do not have custom learning paths', async () => {
-            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherA], testLearningPath.language);
+            const result = await databaseLearningPathProvider.getLearningPathsAdministratedBy([teacherA], testLearningPath.language);
             expect(result.length).toBe(0);
         });
     });

From d32981b7269a7698b65f96ea4aa62eb88c857bc1 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 08:55:11 +0200
Subject: [PATCH 35/51] fix(frontend): syntax & import fouten

---
 frontend/src/components/QuestionBox.vue | 2 +-
 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 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index 19bff0c2..00186057 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -12,7 +12,7 @@
     import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
     import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
     import { useI18n } from "vue-i18n";
-    import { AccountType } from "@dwengo-1/common/src/util/account-types.ts";
+    import { AccountType } from "@dwengo-1/common/util/account-types.ts";
 
     const props = defineProps<{
         hruid: string;
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 831c8527..eb70f9f4 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -166,7 +166,7 @@
     "pathContainsNonExistingLearningObjects": "Mindestens eines der in diesem Pfad referenzierten Lernobjekte existiert nicht.",
     "targetAgesMandatory": "Zielalter müssen angegeben werden.",
     "hintRemoveIfUnconditionalTransition": "(entfernen, wenn dies ein bedingungsloser Übergang sein soll)",
-    "hintKeywordsSeparatedBySpaces": "Schlüsselwörter durch Leerzeichen getrennt"
+    "hintKeywordsSeparatedBySpaces": "Schlüsselwörter durch Leerzeichen getrennt",
     "questions": "Fragen",
     "view-questions": "Fragen anzeigen auf ",
     "question-input-placeholder": "Frage...",
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index c16d8528..52e70595 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -166,7 +166,7 @@
     "pathContainsNonExistingLearningObjects": "At least one of the learning objects referenced in this path does not exist.",
     "targetAgesMandatory": "Target ages must be specified.",
     "hintRemoveIfUnconditionalTransition": "(remove this if this should be an unconditional transition)",
-    "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces"
+    "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces",
     "questions": "questions",
     "view-questions": "View questions in ",
     "question-input-placeholder": "question...",
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 154abcd1..0669f029 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -167,7 +167,7 @@
     "pathContainsNonExistingLearningObjects": "Au moins un des objets d’apprentissage référencés dans ce chemin n’existe pas.",
     "targetAgesMandatory": "Les âges cibles doivent être spécifiés.",
     "hintRemoveIfUnconditionalTransition": "(supprimer ceci s’il s’agit d’une transition inconditionnelle)",
-    "hintKeywordsSeparatedBySpaces": "Mots-clés séparés par des espaces"
+    "hintKeywordsSeparatedBySpaces": "Mots-clés séparés par des espaces",
     "questions": "Questions",
     "view-questions": "Voir les questions dans ",
     "question-input-placeholder": "question...",
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 44c91307..acc19cca 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -166,7 +166,7 @@
     "pathContainsNonExistingLearningObjects": "Ten minste één van de leerobjecten in dit pad bestaat niet.",
     "targetAgesMandatory": "Doelleeftijden moeten worden opgegeven.",
     "hintRemoveIfUnconditionalTransition": "(verwijder dit voor onvoorwaardelijke overgangen)",
-    "hintKeywordsSeparatedBySpaces": "Trefwoorden gescheiden door spaties"
+    "hintKeywordsSeparatedBySpaces": "Trefwoorden gescheiden door spaties",
     "questions": "vragen",
     "view-questions": "Bekijk vragen in ",
     "question-input-placeholder": "vraag...",

From e7119cf28d85500bebfb3db94352e1812d2b1321 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 10:02:54 +0200
Subject: [PATCH 36/51] fix(frontend): style questions LearningPathPage

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

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index e10dfadc..cf6b2e59 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -150,12 +150,6 @@
     const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
         authService.authState.user?.profile.preferred_username,
     );
-    const pathIsAssignment = computed(() => {
-        const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
-        return assignments.some(
-            (assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
-        );
-    });
 
     const discussionLink = computed(
         () =>
@@ -354,9 +348,6 @@
         color: #0e6942;
         text-transform: uppercase;
         font-weight: bolder;
-        font-size: 32px;
-    }
-    .discussion-link-text {
         font-size: 24px;
     }
     .question-header {

From c7f5f144a5d78e516d23a208c88ea65c03b2a316 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sun, 18 May 2025 10:12:49 +0200
Subject: [PATCH 37/51] chore(frontend): Restore learningpath script

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

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index cf6b2e59..04ab8475 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -13,12 +13,12 @@
     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 { useStudentAssignmentsQuery, useStudentGroupsQuery } from '@/queries/students';
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
     import QuestionNotification from "@/components/QuestionNotification.vue";
     import QuestionBox from "@/components/QuestionBox.vue";
@@ -151,6 +151,15 @@
         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("");
+
     const discussionLink = computed(
         () =>
             "/discussion" +

From c25dabb2ed05bfe4a1a87b18ac58475d9d72c913 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 08:14:26 +0000
Subject: [PATCH 38/51] style: fix linting issues met Prettier

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

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 04ab8475..f9374280 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -13,12 +13,12 @@
     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 { useCreateQuestionMutation, 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, useStudentGroupsQuery } from '@/queries/students';
+    import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students";
     import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
     import QuestionNotification from "@/components/QuestionNotification.vue";
     import QuestionBox from "@/components/QuestionBox.vue";

From c627806e273c576f5e1d133ada5adcd0ab4694db Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sun, 18 May 2025 11:49:09 +0200
Subject: [PATCH 39/51] fix(frontend): Typo

Co-authored-by: Gabriellvl <vanlangenhovefga@gmail.com>
---
 frontend/src/views/learning-paths/LearningPathPage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index f9374280..7b595d01 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -215,7 +215,7 @@
                         </p>
                     </template>
                 </v-list-item>
-                <v-list-itemF
+                <v-list-item
                     v-if="
                         query.classId && query.assignmentNo && authService.authState.activeRole === AccountType.Teacher
                     "
@@ -227,7 +227,7 @@
                             v-model="forGroupQueryParam"
                         />
                     </template>
-                </v-list-itemF>
+                </v-list-item>
                 <v-divider></v-divider>
                 <div>
                     <using-query-result

From 10a329bed3ee276a248a3a949d4e413ddcafb0fb Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 12:38:16 +0200
Subject: [PATCH 40/51] fix(frontend): ontbrekende import in SingleQuestion.vue

Hierdoor crashte de leerpadpagina.
---
 frontend/src/components/SingleQuestion.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index b8391349..03f4e28e 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -7,6 +7,7 @@
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
     import authService from "@/services/auth/auth-service";
     import { useI18n } from "vue-i18n";
+    import { AccountType } from "@dwengo-1/common/util/account-types"
 
     const { t } = useI18n();
 

From cc506a431fda0a4ad738a947f65d810cca92b582 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 10:39:11 +0000
Subject: [PATCH 41/51] style: fix linting issues met Prettier

---
 frontend/src/components/SingleQuestion.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 03f4e28e..99fc3db9 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -7,7 +7,7 @@
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
     import authService from "@/services/auth/auth-service";
     import { useI18n } from "vue-i18n";
-    import { AccountType } from "@dwengo-1/common/util/account-types"
+    import { AccountType } from "@dwengo-1/common/util/account-types";
 
     const { t } = useI18n();
 

From 97f6a603f56548db6f7ae3c93f280429ea22f1ab Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 14:40:37 +0200
Subject: [PATCH 42/51] feat(frontend): UI vragen & antwoorden verbeterd.

---
 frontend/src/components/QandA.vue             |   1 -
 frontend/src/components/QuestionBox.vue       |  76 ++----
 frontend/src/components/SingleQuestion.vue    | 223 +++++++-----------
 frontend/src/i18n/locale/de.json              |   8 +-
 frontend/src/i18n/locale/en.json              |   8 +-
 frontend/src/i18n/locale/fr.json              |   8 +-
 frontend/src/i18n/locale/nl.json              |   8 +-
 .../views/discussions/SingleDiscussion.vue    |  35 ++-
 .../views/learning-paths/LearningPathPage.vue |  14 +-
 9 files changed, 164 insertions(+), 217 deletions(-)

diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index 815afc68..0c669d9d 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -15,7 +15,6 @@
             <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>
diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index 00186057..8072df16 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -19,6 +19,7 @@
         language: Language;
         learningObjectHruid?: string;
         forGroup?: GroupDTOId | undefined;
+        withTitle?: boolean;
     }>();
 
     const { t } = useI18n();
@@ -65,6 +66,8 @@
     const createQuestionMutation = useCreateQuestionMutation(loID);
     const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 
+    const showQuestionBox = computed(() => authService.authState.activeRole === AccountType.Student && pathIsAssignment.value);
+
     function submitQuestion(): void {
         const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
         const assignment = assignments.find(
@@ -93,24 +96,26 @@
 </script>
 
 <template>
-    <div
-        v-if="authService.authState.activeRole === AccountType.Student && pathIsAssignment"
-        class="question-box"
-    >
-        <div class="input-wrapper">
-            <input
-                type="text"
-                :placeholder="`${t(`question-input-placeholder`)}`"
-                class="question-input"
-                v-model="questionInput"
-            />
-            <button
-                @click="submitQuestion"
-                class="send-button"
-            >
-                ▶
-            </button>
-        </div>
+    <h3 v-if="props.withTitle && showQuestionBox">{{ t('askAQuestion') }}:</h3>
+    <div class="question-box" v-if="showQuestionBox">
+        <v-textarea
+            :label="t('question-input-placeholder')"
+            v-model="questionInput"
+            class="question-field"
+            density="compact"
+            rows="1"
+            variant="outlined"
+            auto-grow>
+            <template v-slot:append-inner>
+                <v-btn
+                    icon="mdi mdi-send"
+                    size="small"
+                    variant="plain"
+                    class="question-button"
+                    @click="submitQuestion"
+                    />
+            </template>
+        </v-textarea>
     </div>
 </template>
 
@@ -119,40 +124,5 @@
         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;
     }
 </style>
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 03f4e28e..2367b536 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -5,9 +5,10 @@
     import UsingQueryResult from "./UsingQueryResult.vue";
     import type { AnswersResponse } from "@/controllers/answers";
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
+    import type { UserDTO } from "@dwengo-1/common/interfaces/user";
     import authService from "@/services/auth/auth-service";
     import { useI18n } from "vue-i18n";
-    import { AccountType } from "@dwengo-1/common/util/account-types"
+    import { AccountType } from "@dwengo-1/common/util/account-types";
 
     const { t } = useI18n();
 
@@ -65,161 +66,119 @@
             createAnswerMutation.mutate(answerData, {
                 onSuccess: async () => {
                     answer.value = "";
+                    expanded.value = true;
                     await answersQuery.refetch();
                 },
             });
         }
     }
+
+    function displayNameFor(user: UserDTO) {
+        if (user.firstName && user.lastName) {
+            return `${user.firstName} ${user.lastName}`;
+        } else {
+            return user.username;
+        }
+    }
 </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;
-            "
+        <v-card
+            class="question-card"
         >
-            <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>
-        <div
-            v-if="authService.authState.activeRole === AccountType.Teacher"
-            class="answer-input-container"
-        >
-            <input
-                v-model="answer"
-                type="text"
-                :placeholder="t('answer-input-placeholder')"
-                class="answer-input"
-            />
-            <button
-                @click="submitAnswer"
-                class="submit-button"
+            <v-card-title class="author-title">{{ displayNameFor(question.author) }}</v-card-title>
+            <v-card-subtitle>{{ formatDate(question.timestamp) }}</v-card-subtitle>
+            <v-card-text>
+                {{ question.content }}
+            </v-card-text>
+            <template v-slot:actions
+                v-if="authService.authState.activeRole === AccountType.Teacher || answersQuery.data?.value?.answers?.length > 0"
             >
-                ▶
-            </button>
-        </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="toggle-answers-btn"
-            >
-                {{ expanded ? t("answers-toggle-hide") : t("answers-toggle-show") }}
-            </button>
-
-            <div
-                v-show="expanded"
-                ref="answersContainer"
-                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"
-                >
-                    <v-divider :thickness="2" />
-                    <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;
-                        "
+                <div class="question-actions-container">
+                    <v-textarea
+                        v-if="authService.authState.activeRole === AccountType.Teacher"
+                        :label="t('answer-input-placeholder')"
+                        v-model="answer"
+                        class="answer-field"
+                        density="compact"
+                        rows="1"
+                        variant="outlined"
+                        auto-grow>
+                        <template v-slot:append-inner>
+                            <v-btn
+                                icon="mdi mdi-send"
+                                size="small"
+                                variant="plain"
+                                class="answer-button"
+                                @click="submitAnswer"
+                                />
+                        </template>
+                    </v-textarea>
+                    <using-query-result
+                        :query-result="answersQuery"
+                        v-slot="answersResponse: { data: AnswersResponse }"
                     >
-                        <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>
+                        <v-btn
+                            v-if="answersResponse.data.answers && answersResponse.data.answers.length > 0"
+                            @click="toggle()"
+                        >
+                            {{ expanded ? t("answers-toggle-hide") : t("answers-toggle-show") }}
+                        </v-btn>
 
-                    <div
-                        class="text-gray-700 mb-3"
-                        style="margin-left: 10px"
-                    >
-                        {{ answer.content }}
-                    </div>
+                        <div
+                            v-show="expanded"
+                            ref="answersContainer"
+                            class="mt-3 pl-4 border-l-2 border-blue-200 space-y-2"
+                        >
+                            <v-card
+                                v-for="(answer, answerIndex) in answersResponse.data.answers as AnswerDTO[]"
+                                :key="answerIndex"
+                                class="answer-card"
+                            >
+                                <v-card-title class="author-title">{{ displayNameFor(answer.author) }}</v-card-title>
+                                <v-card-subtitle>{{ formatDate(answer.timestamp) }}</v-card-subtitle>
+                                <v-card-text>
+                                    {{ answer.content }}
+                                </v-card-text>
+                            </v-card>
+                        </div>
+                    </using-query-result>
                 </div>
-            </div>
-        </using-query-result>
+            </template>
+        </v-card>
     </div>
 </template>
 <style scoped>
-    .toggle-answers-btn {
-        font-size: 0.875rem;
-        text-decoration: none;
-        background-color: #f0f4ff; /* subtle blue background */
-        border: none;
-        border-radius: 4px;
-        padding: 6px 12px;
-        cursor: pointer;
-        transition: background-color 0.2s ease;
+
+    .answer-field {
+        max-width: 500px;
     }
 
-    .toggle-answers-btn:hover {
-        background-color: #e0eaff; /* slightly darker on hover */
-        text-decoration: underline;
+    .answer-button {
+        margin: auto;
     }
+
     .answer-input-container {
         margin: 5px;
     }
-    .answer-input {
-        flex-grow: 1;
-        outline: none;
-        border: none;
-        background: transparent;
-        color: #374151; /* gray-700 */
-        font-size: 0.875rem; /* smaller font size */
+
+    .question-card {
+        margin: 10px;
     }
 
-    .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;
+    .question-actions-container {
         width: 100%;
+        margin-left: 10px;
+        margin-right: 10px;
+    }
+
+    .answer-card {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+
+    .author-title {
+        font-size: 14pt;
+        margin-bottom: -10px;
     }
 </style>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index eb70f9f4..0ab6550e 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -169,10 +169,12 @@
     "hintKeywordsSeparatedBySpaces": "Schlüsselwörter durch Leerzeichen getrennt",
     "questions": "Fragen",
     "view-questions": "Fragen anzeigen auf ",
-    "question-input-placeholder": "Frage...",
-    "answer-input-placeholder": "Antwort...",
+    "question-input-placeholder": "Ihre Frage...",
+    "answer-input-placeholder": "Ihre Antwort...",
     "answers-toggle-hide": "Antworten verstecken",
     "answers-toggle-show": "Antworten anzeigen",
     "no-questions": "Keine Fragen",
-    "no-discussion-tip": "Wählen Sie ein Lernobjekt aus, um dessen Fragen anzuzeigen"
+    "no-discussion-tip": "Wählen Sie ein Lernobjekt aus, um dessen Fragen anzuzeigen",
+    "askAQuestion": "Eine Frage stellen",
+    "questionsCapitalized": "Fragen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index 52e70595..ee5fb951 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -169,10 +169,12 @@
     "hintKeywordsSeparatedBySpaces": "Keywords separated by spaces",
     "questions": "questions",
     "view-questions": "View questions in ",
-    "question-input-placeholder": "question...",
-    "answer-input-placeholder": "answer...",
+    "question-input-placeholder": "Your question...",
+    "answer-input-placeholder": "Your answer...",
     "answers-toggle-hide": "Hide answers",
     "answers-toggle-show": "Show answers",
     "no-questions": "No questions asked yet",
-    "no-discussion-tip": "Choose a learning object to view its questions"
+    "no-discussion-tip": "Choose a learning object to view its questions",
+    "askAQuestion": "Ask a question",
+    "questionsCapitalized": "Questions"
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 0669f029..1711c91d 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -170,10 +170,12 @@
     "hintKeywordsSeparatedBySpaces": "Mots-clés séparés par des espaces",
     "questions": "Questions",
     "view-questions": "Voir les questions dans ",
-    "question-input-placeholder": "question...",
-    "answer-input-placeholder": "réponse...",
+    "question-input-placeholder": "Votre question...",
+    "answer-input-placeholder": "Votre réponse...",
     "answers-toggle-hide": "Masquer réponses",
     "answers-toggle-show": "Afficher réponse",
     "no-questions": "Aucune question trouvée",
-    "no-discussion-tip": "Sélectionnez un objet d'apprentissage pour afficher les questions qui s'y rapportent"
+    "no-discussion-tip": "Sélectionnez un objet d'apprentissage pour afficher les questions qui s'y rapportent",
+    "askAQuestion": "Pose une question",
+    "questionsCapitalized": "Questions"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index acc19cca..c3aaf111 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -169,10 +169,12 @@
     "hintKeywordsSeparatedBySpaces": "Trefwoorden gescheiden door spaties",
     "questions": "vragen",
     "view-questions": "Bekijk vragen in ",
-    "question-input-placeholder": "vraag...",
-    "answer-input-placeholder": "antwoord...",
+    "question-input-placeholder": "Uw vraag...",
+    "answer-input-placeholder": "Uw antwoord...",
     "answers-toggle-hide": "Verberg antwoorden",
     "answers-toggle-show": "Toon antwoorden",
     "no-questions": "Nog geen vragen gesteld",
-    "no-discussion-tip": "Kies een leerobject om zijn vragen te bekijken"
+    "no-discussion-tip": "Kies een leerobject om zijn vragen te bekijken",
+    "askAQuestion": "Stel een vraag",
+    "questionsCapitalized": "Vragen"
 }
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index cd6e4b64..698b5688 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -15,6 +15,9 @@
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
     import QuestionBox from "@/components/QuestionBox.vue";
+    import { useI18n } from "vue-i18n";
+
+    const { t } = useI18n();
 
     const route = useRoute();
 
@@ -120,21 +123,29 @@
 
 <template>
     <DiscussionsSideBar></DiscussionsSideBar>
-    <QuestionBox
-        :hruid="props.hruid"
-        :language="props.language"
-        :learningObjectHruid="props.learningObjectHruid"
-        :forGroup="forGroup"
-    />
-    <using-query-result
-        :query-result="getQuestionsQuery"
-        v-slot="questionsResponse: { data: QuestionsResponse }"
-    >
-        <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
-    </using-query-result>
+    <div class="discussions-container">
+        <QuestionBox
+            :hruid="props.hruid"
+            :language="props.language"
+            :learningObjectHruid="props.learningObjectHruid"
+            :forGroup="forGroup"
+            withTitle
+        />
+        <h3>{{ t("questionsCapitalized") }}:</h3>
+        <using-query-result
+            :query-result="getQuestionsQuery"
+            v-slot="questionsResponse: { data: QuestionsResponse }"
+        >
+            <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
+        </using-query-result>
+    </div>
 </template>
 
 <style scoped>
+    .discussions-container {
+        margin: 20px;
+    }
+
     .learning-path-title {
         white-space: normal;
     }
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 7b595d01..c41f6063 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -308,12 +308,6 @@
                 v-if="currentNode"
             ></learning-object-view>
         </div>
-        <QuestionBox
-            :hruid="props.hruid"
-            :language="props.language"
-            :learningObjectHruid="props.learningObjectHruid"
-            :forGroup="forGroup"
-        />
         <div class="navigation-buttons-container">
             <v-btn
                 prepend-icon="mdi-chevron-left"
@@ -333,6 +327,7 @@
             </v-btn>
         </div>
         <using-query-result
+            v-if="forGroup"
             :query-result="getQuestionsQuery"
             v-slot="questionsResponse: { data: QuestionsResponse }"
         >
@@ -346,7 +341,12 @@
                     </router-link>
                 </span>
             </div>
-
+            <QuestionBox
+                :hruid="props.hruid"
+                :language="props.language"
+                :learningObjectHruid="props.learningObjectHruid"
+                :forGroup="forGroup"
+            />
             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
         </using-query-result>
     </using-query-result>

From b9cd7a756a3976675c788eedaca4e6f4cd8e6cc6 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Sun, 18 May 2025 12:43:24 +0000
Subject: [PATCH 43/51] style: fix linting issues met Prettier

---
 frontend/src/components/QuestionBox.vue    | 16 +++++++++++-----
 frontend/src/components/SingleQuestion.vue | 18 ++++++++++--------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index 8072df16..69668bed 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -66,7 +66,9 @@
     const createQuestionMutation = useCreateQuestionMutation(loID);
     const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 
-    const showQuestionBox = computed(() => authService.authState.activeRole === AccountType.Student && pathIsAssignment.value);
+    const showQuestionBox = computed(
+        () => authService.authState.activeRole === AccountType.Student && pathIsAssignment.value,
+    );
 
     function submitQuestion(): void {
         const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
@@ -96,8 +98,11 @@
 </script>
 
 <template>
-    <h3 v-if="props.withTitle && showQuestionBox">{{ t('askAQuestion') }}:</h3>
-    <div class="question-box" v-if="showQuestionBox">
+    <h3 v-if="props.withTitle && showQuestionBox">{{ t("askAQuestion") }}:</h3>
+    <div
+        class="question-box"
+        v-if="showQuestionBox"
+    >
         <v-textarea
             :label="t('question-input-placeholder')"
             v-model="questionInput"
@@ -105,7 +110,8 @@
             density="compact"
             rows="1"
             variant="outlined"
-            auto-grow>
+            auto-grow
+        >
             <template v-slot:append-inner>
                 <v-btn
                     icon="mdi mdi-send"
@@ -113,7 +119,7 @@
                     variant="plain"
                     class="question-button"
                     @click="submitQuestion"
-                    />
+                />
             </template>
         </v-textarea>
     </div>
diff --git a/frontend/src/components/SingleQuestion.vue b/frontend/src/components/SingleQuestion.vue
index 2367b536..ea60a18f 100644
--- a/frontend/src/components/SingleQuestion.vue
+++ b/frontend/src/components/SingleQuestion.vue
@@ -83,16 +83,18 @@
 </script>
 <template>
     <div class="space-y-4">
-        <v-card
-            class="question-card"
-        >
+        <v-card class="question-card">
             <v-card-title class="author-title">{{ displayNameFor(question.author) }}</v-card-title>
             <v-card-subtitle>{{ formatDate(question.timestamp) }}</v-card-subtitle>
             <v-card-text>
                 {{ question.content }}
             </v-card-text>
-            <template v-slot:actions
-                v-if="authService.authState.activeRole === AccountType.Teacher || answersQuery.data?.value?.answers?.length > 0"
+            <template
+                v-slot:actions
+                v-if="
+                    authService.authState.activeRole === AccountType.Teacher ||
+                    answersQuery.data?.value?.answers?.length > 0
+                "
             >
                 <div class="question-actions-container">
                     <v-textarea
@@ -103,7 +105,8 @@
                         density="compact"
                         rows="1"
                         variant="outlined"
-                        auto-grow>
+                        auto-grow
+                    >
                         <template v-slot:append-inner>
                             <v-btn
                                 icon="mdi mdi-send"
@@ -111,7 +114,7 @@
                                 variant="plain"
                                 class="answer-button"
                                 @click="submitAnswer"
-                                />
+                            />
                         </template>
                     </v-textarea>
                     <using-query-result
@@ -149,7 +152,6 @@
     </div>
 </template>
 <style scoped>
-
     .answer-field {
         max-width: 500px;
     }

From 5b6d371e9ca54d0aabebde1fbc89e23ae716d409 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sun, 18 May 2025 14:56:47 +0200
Subject: [PATCH 44/51] fix(frontend): Vragen werden niet aan het juiste
 leerobject toegevoegd

---
 frontend/src/components/QuestionBox.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/QuestionBox.vue b/frontend/src/components/QuestionBox.vue
index 8072df16..afa3dfa8 100644
--- a/frontend/src/components/QuestionBox.vue
+++ b/frontend/src/components/QuestionBox.vue
@@ -59,10 +59,10 @@
 
     const questionInput = ref("");
 
-    const loID: LearningObjectIdentifierDTO = {
+    const loID: ComputedRef<LearningObjectIdentifierDTO> = computed(() => ({
         hruid: props.learningObjectHruid as string,
         language: props.language,
-    };
+    }));
     const createQuestionMutation = useCreateQuestionMutation(loID);
     const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
 

From a67315e05d82359f949138c934560aac7074f9e9 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 14:50:44 +0200
Subject: [PATCH 45/51] feat(frontend): Discussions sidebar volgt taal

---
 frontend/src/components/DiscussionsSideBar.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index a93729f6..cecc9426 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -4,13 +4,18 @@
     import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
     import { useI18n } from "vue-i18n";
     import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-    import { ref } from "vue";
+    import { ref, watch } from 'vue';
 
     const { t, locale } = useI18n();
 
     const navigationDrawerShown = ref(true);
+    const currentLocale = ref(locale.value);
 
-    const allLearningPathsResult = useGetAllLearningPaths(locale.value);
+    watch(locale, (newLocale) => {
+        currentLocale.value = newLocale;
+    })
+
+    const allLearningPathsResult = useGetAllLearningPaths(() => currentLocale.value);
 </script>
 
 <template>

From b245edc54d8670484a795aac8a780af5492f44c3 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 12:53:06 +0000
Subject: [PATCH 46/51] style: fix linting issues met Prettier

---
 frontend/src/components/DiscussionsSideBar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index cecc9426..a85da52d 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -4,7 +4,7 @@
     import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
     import { useI18n } from "vue-i18n";
     import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-    import { ref, watch } from 'vue';
+    import { ref, watch } from "vue";
 
     const { t, locale } = useI18n();
 
@@ -13,7 +13,7 @@
 
     watch(locale, (newLocale) => {
         currentLocale.value = newLocale;
-    })
+    });
 
     const allLearningPathsResult = useGetAllLearningPaths(() => currentLocale.value);
 </script>

From 90050a2d8723d44acff180cfe1bbb7d7416c4a4a Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 15:23:07 +0200
Subject: [PATCH 47/51] chore(frontend): Vuetify collapsables

---
 .../components/DiscussionSideBarElement.vue   | 51 +++----------------
 .../src/components/DiscussionsSideBar.vue     |  4 +-
 2 files changed, 9 insertions(+), 46 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 3bdbe79f..37592638 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -29,24 +29,14 @@
             }
         }
     });
-
-    function toggleDropdown(): void {
-        dropdownEnabled.value = !dropdownEnabled.value;
-    }
 </script>
 
 <template>
-    <main>
-        <div
-            class="dropdown-toggle"
-            @click="toggleDropdown()"
-        >
-            ▼{{ path.title }}
-        </div>
-        <div
-            class="dropdown"
-            v-if="dropdownEnabled"
-        >
+    <v-expansion-panel>
+        <v-expansion-panel-title>
+            {{ path.title }}
+        </v-expansion-panel-title>
+        <v-expansion-panel-text>
             <using-query-result
                 :query-result="learningObjectListQueryResult"
                 v-slot="learningObjects: { data: LearningObject[] }"
@@ -67,36 +57,9 @@
                     </v-list-item>
                 </template>
             </using-query-result>
-        </div>
-    </main>
+        </v-expansion-panel-text>
+    </v-expansion-panel>
 </template>
 
 <style scoped>
-    .dropdown {
-        margin-left: 0.5rem;
-        padding-left: 1rem;
-        border-left: 2px solid #e0e0e0;
-        background-color: #f9f9f9;
-        border-radius: 4px;
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
-    }
-    .dropdown-toggle {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        font-weight: 600;
-        user-select: none;
-        padding: 0.5rem;
-        transition: color 0.2s;
-    }
-
-    .dropdown-toggle:hover {
-        color: #27c53f;
-    }
-
-    .dropdown-icon {
-        margin-right: 0.5rem;
-        font-size: 0.9rem;
-    }
 </style>
diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index a85da52d..58f148e6 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -31,7 +31,7 @@
                 </template>
             </v-list-item>
             <v-divider></v-divider>
-            <div>
+            <v-expansion-panels>
                 <using-query-result
                     :query-result="allLearningPathsResult"
                     v-slot="learningPaths: { data: LearningPath[] }"
@@ -44,7 +44,7 @@
                     >
                     </DiscussionSideBarElement>
                 </using-query-result>
-            </div>
+            </v-expansion-panels>
         </div>
     </v-navigation-drawer>
     <div class="control-bar-above-content">

From ad1e5a30ae70cba95e2a1497e6e74f51fc2502f6 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 16:18:01 +0200
Subject: [PATCH 48/51] chore(frontend): Lazy and autoexpand

---
 .../components/DiscussionSideBarElement.vue   | 47 ++++++-------------
 .../src/components/DiscussionsSideBar.vue     |  8 +++-
 2 files changed, 22 insertions(+), 33 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 37592638..4b24fce4 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -1,44 +1,27 @@
 <script setup lang="ts">
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
-    import { useRoute } from "vue-router";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { ref, watchEffect } from "vue";
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
+import { useRoute } from 'vue-router';
+import UsingQueryResult from '@/components/UsingQueryResult.vue';
 
-    const route = useRoute();
+const route = useRoute();
 
-    const props = defineProps<{
-        path: LearningPath;
-        activeObjectId: string;
-    }>();
+const props = defineProps<{
+    path: LearningPath;
+    activeObjectId: string;
+}>();
 
-    const currentPath = ref(props.path);
-
-    const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
-
-    const dropdownEnabled = ref<boolean>(false);
-
-    watchEffect(() => {
-        const objects = learningObjectListQueryResult.data.value;
-
-        if (objects) {
-            const objectInThisPath = objects.some((obj) => obj.key === props.activeObjectId);
-            if (objectInThisPath) {
-                dropdownEnabled.value = true;
-            }
-        }
-    });
 </script>
 
 <template>
-    <v-expansion-panel>
+    <v-expansion-panel :value="props.path.hruid">
         <v-expansion-panel-title>
             {{ path.title }}
         </v-expansion-panel-title>
         <v-expansion-panel-text>
             <using-query-result
-                :query-result="learningObjectListQueryResult"
+                :query-result="useLearningObjectListForPathQuery(props.path)"
                 v-slot="learningObjects: { data: LearningObject[] }"
             >
                 <template
@@ -48,9 +31,9 @@
                     <v-list-item
                         link
                         :to="{
-                            path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`,
-                            query: route.query,
-                        }"
+                        path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
+                        query: route.query,
+                    }"
                         :title="node.title"
                         :active="node.key === props.activeObjectId"
                     >
diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index 58f148e6..7f417e1c 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -5,17 +5,21 @@
     import { useI18n } from "vue-i18n";
     import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
     import { ref, watch } from "vue";
+    import { useRoute } from 'vue-router';
 
     const { t, locale } = useI18n();
+    const route = useRoute();
 
     const navigationDrawerShown = ref(true);
     const currentLocale = ref(locale.value);
+    const expanded = ref([route.params.hruid])
 
     watch(locale, (newLocale) => {
         currentLocale.value = newLocale;
     });
 
     const allLearningPathsResult = useGetAllLearningPaths(() => currentLocale.value);
+
 </script>
 
 <template>
@@ -31,7 +35,9 @@
                 </template>
             </v-list-item>
             <v-divider></v-divider>
-            <v-expansion-panels>
+            <v-expansion-panels
+                v-model="expanded"
+            >
                 <using-query-result
                     :query-result="allLearningPathsResult"
                     v-slot="learningPaths: { data: LearningPath[] }"

From 098be7a7fd4abb31302d8db7d13b61a9195c54d3 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 14:24:26 +0000
Subject: [PATCH 49/51] style: fix linting issues met Prettier

---
 .../components/DiscussionSideBarElement.vue   | 30 +++++++++----------
 .../src/components/DiscussionsSideBar.vue     |  9 ++----
 2 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 4b24fce4..34440ad6 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -1,17 +1,16 @@
 <script setup lang="ts">
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
-import { useRoute } from 'vue-router';
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
+    import { useRoute } from "vue-router";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
 
-const route = useRoute();
-
-const props = defineProps<{
-    path: LearningPath;
-    activeObjectId: string;
-}>();
+    const route = useRoute();
 
+    const props = defineProps<{
+        path: LearningPath;
+        activeObjectId: string;
+    }>();
 </script>
 
 <template>
@@ -31,9 +30,9 @@ const props = defineProps<{
                     <v-list-item
                         link
                         :to="{
-                        path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
-                        query: route.query,
-                    }"
+                            path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
+                            query: route.query,
+                        }"
                         :title="node.title"
                         :active="node.key === props.activeObjectId"
                     >
@@ -44,5 +43,4 @@ const props = defineProps<{
     </v-expansion-panel>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>
diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index 7f417e1c..c90394c2 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -5,21 +5,20 @@
     import { useI18n } from "vue-i18n";
     import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
     import { ref, watch } from "vue";
-    import { useRoute } from 'vue-router';
+    import { useRoute } from "vue-router";
 
     const { t, locale } = useI18n();
     const route = useRoute();
 
     const navigationDrawerShown = ref(true);
     const currentLocale = ref(locale.value);
-    const expanded = ref([route.params.hruid])
+    const expanded = ref([route.params.hruid]);
 
     watch(locale, (newLocale) => {
         currentLocale.value = newLocale;
     });
 
     const allLearningPathsResult = useGetAllLearningPaths(() => currentLocale.value);
-
 </script>
 
 <template>
@@ -35,9 +34,7 @@
                 </template>
             </v-list-item>
             <v-divider></v-divider>
-            <v-expansion-panels
-                v-model="expanded"
-            >
+            <v-expansion-panels v-model="expanded">
                 <using-query-result
                     :query-result="allLearningPathsResult"
                     v-slot="learningPaths: { data: LearningPath[] }"

From f5bf11d812255b80f89790929508d8152c2fbbff Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Mon, 19 May 2025 20:53:05 +0200
Subject: [PATCH 50/51] chore(frontend): Tweaks

---
 .../components/DiscussionSideBarElement.vue   | 26 ++++---
 .../src/components/DiscussionsSideBar.vue     |  3 +-
 .../views/discussions/SingleDiscussion.vue    | 77 ++++---------------
 3 files changed, 30 insertions(+), 76 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index 34440ad6..a5b909e4 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
-    import { useRoute } from "vue-router";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
+import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
+import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
+import { useRoute } from 'vue-router';
+import UsingQueryResult from '@/components/UsingQueryResult.vue';
 
-    const route = useRoute();
+const route = useRoute();
 
     const props = defineProps<{
         path: LearningPath;
@@ -19,6 +19,7 @@
             {{ path.title }}
         </v-expansion-panel-title>
         <v-expansion-panel-text>
+          <v-lazy>
             <using-query-result
                 :query-result="useLearningObjectListForPathQuery(props.path)"
                 v-slot="learningObjects: { data: LearningObject[] }"
@@ -33,12 +34,13 @@
                             path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
                             query: route.query,
                         }"
-                        :title="node.title"
-                        :active="node.key === props.activeObjectId"
-                    >
-                    </v-list-item>
-                </template>
-            </using-query-result>
+                            :title="node.title"
+                            :active="node.key === props.activeObjectId"
+                        >
+                        </v-list-item>
+                    </template>
+                </using-query-result>
+            </v-lazy>
         </v-expansion-panel-text>
     </v-expansion-panel>
 </template>
diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index c90394c2..5c68e6ac 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -44,8 +44,7 @@
                         :path="learningPath"
                         :activeObjectId="'' as string"
                         :key="learningPath.hruid"
-                    >
-                    </DiscussionSideBarElement>
+                    />
                 </using-query-result>
             </v-expansion-panels>
         </div>
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 698b5688..51230c51 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,23 +1,20 @@
 <script setup lang="ts">
-    import { Language } from "@/data-objects/language.ts";
-    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-    import { computed, type ComputedRef, ref, watch } from "vue";
-    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-    import { useRoute } from "vue-router";
-    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
-    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";
-    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
-    import QuestionBox from "@/components/QuestionBox.vue";
-    import { useI18n } from "vue-i18n";
+import { Language } from '@/data-objects/language.ts';
+import { computed, type ComputedRef, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+import UsingQueryResult from '@/components/UsingQueryResult.vue';
+import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
+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';
+import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
+import QuestionBox from '@/components/QuestionBox.vue';
+import { useI18n } from 'vue-i18n';
 
-    const { t } = useI18n();
+const { t } = useI18n();
 
     const route = useRoute();
 
@@ -46,50 +43,6 @@
         return undefined;
     });
 
-    const allLearningPathsResult = useGetAllLearningPaths(props.language);
-
-    async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
-        const loid = {
-            hruid: learningObject.key,
-            version: learningObject.version,
-            language: learningObject.language,
-        } as LearningObjectIdentifierDTO;
-        const { data } = useQuestionsQuery(loid);
-        return (data.value?.questions.length ?? 0) > 0;
-    }
-
-    async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
-        const learningPathQueryResult = useGetLearningPathQuery(
-            learningPath.hruid,
-            learningPath.language as Language,
-            forGroup,
-        );
-        const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
-        const learningObjects = learningObjectListQueryResult.data.value || [];
-        const hasQuestions = await Promise.all(
-            learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
-        );
-        return hasQuestions.some((hasQuestion) => hasQuestion);
-    }
-
-    const questionedLearningPaths = ref<LearningPath[] | null>(null);
-
-    watch(
-        () => allLearningPathsResult.data.value,
-        async (learningPaths) => {
-            if (learningPaths) {
-                const pathsWithQuestions = await Promise.all(
-                    learningPaths.map(async (learningPath) => {
-                        const hasQuestions = await learningPathHasQuestions(learningPath);
-                        return hasQuestions ? learningPath : null;
-                    }),
-                );
-                questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
-            }
-        },
-        { immediate: true },
-    );
-
     const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
 
     const nodesList: ComputedRef<LearningPathNode[] | null> = computed(

From 0ea343172f2ed242796ccb6c7d84188ce57ccc48 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Mon, 19 May 2025 19:00:21 +0000
Subject: [PATCH 51/51] style: fix linting issues met Prettier

---
 .../components/DiscussionSideBarElement.vue   | 40 +++++++++----------
 .../views/discussions/SingleDiscussion.vue    | 30 +++++++-------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/frontend/src/components/DiscussionSideBarElement.vue b/frontend/src/components/DiscussionSideBarElement.vue
index a5b909e4..add09153 100644
--- a/frontend/src/components/DiscussionSideBarElement.vue
+++ b/frontend/src/components/DiscussionSideBarElement.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
-import { useRoute } from 'vue-router';
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
+    import { useRoute } from "vue-router";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
 
-const route = useRoute();
+    const route = useRoute();
 
     const props = defineProps<{
         path: LearningPath;
@@ -19,21 +19,21 @@ const route = useRoute();
             {{ path.title }}
         </v-expansion-panel-title>
         <v-expansion-panel-text>
-          <v-lazy>
-            <using-query-result
-                :query-result="useLearningObjectListForPathQuery(props.path)"
-                v-slot="learningObjects: { data: LearningObject[] }"
-            >
-                <template
-                    v-for="node in learningObjects.data"
-                    :key="node.key"
+            <v-lazy>
+                <using-query-result
+                    :query-result="useLearningObjectListForPathQuery(props.path)"
+                    v-slot="learningObjects: { data: LearningObject[] }"
                 >
-                    <v-list-item
-                        link
-                        :to="{
-                            path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
-                            query: route.query,
-                        }"
+                    <template
+                        v-for="node in learningObjects.data"
+                        :key="node.key"
+                    >
+                        <v-list-item
+                            link
+                            :to="{
+                                path: `/discussion-reload/${props.path.hruid}/${node.language}/${node.key}`,
+                                query: route.query,
+                            }"
                             :title="node.title"
                             :active="node.key === props.activeObjectId"
                         >
diff --git a/frontend/src/views/discussions/SingleDiscussion.vue b/frontend/src/views/discussions/SingleDiscussion.vue
index 51230c51..4611823b 100644
--- a/frontend/src/views/discussions/SingleDiscussion.vue
+++ b/frontend/src/views/discussions/SingleDiscussion.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { Language } from '@/data-objects/language.ts';
-import { computed, type ComputedRef, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
-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';
-import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
-import QuestionBox from '@/components/QuestionBox.vue';
-import { useI18n } from 'vue-i18n';
+    import { Language } from "@/data-objects/language.ts";
+    import { computed, type ComputedRef, watch } from "vue";
+    import { useRoute } from "vue-router";
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
+    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";
+    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
+    import QuestionBox from "@/components/QuestionBox.vue";
+    import { useI18n } from "vue-i18n";
 
-const { t } = useI18n();
+    const { t } = useI18n();
 
     const route = useRoute();