style: fix linting issues met Prettier

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);
     }

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({
+        return this.findOne(
+            {
                 hruid: hruid,
                 language: language,
-        }, { populate: ['nodes', 'nodes.transitions', 'admins'] });
+            },
+            { populate: ['nodes', 'nodes.transitions', 'admins'] }
+        );
     }
 
     /**

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 {
+import { getLastSubmissionForGroup, idFromLearningPathNode, isTransitionPossible } from './learning-path-personalization-util.js';
-    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 {

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;

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 {
+import { LearningObjectNode, LearningPath, LearningPathIdentifier, LearningPathResponse } from '@dwengo-1/common/interfaces/learning-content';
-    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();
     },

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(
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherB], expectedLearningPath.language);
-                [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(
+            const result = await databaseLearningPathProvider.searchLearningPathsByAdmin([teacherA], testLearningPath.language);
-                [teacherA],
-                testLearningPath.language
-            );
             expect(result.length).toBe(0);
         });
     });

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 { LearningObject } from "@/data-objects/learning-objects/learning-object";
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
-import { useRoute } from 'vue-router';
+    import { useRoute } from "vue-router";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { ref, watchEffect } from '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
-        <div class="dropdown" v-if="dropdownEnabled">
+            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"
                     >

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 type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
+    import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
-import DiscussionSideBarElement from '@/components/DiscussionSideBarElement.vue';
+    import { useI18n } from "vue-i18n";
-import { useI18n } from 'vue-i18n';
+    import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
-import { useGetAllLearningPaths } from '@/queries/learning-paths.ts';
+    import { ref } from "vue";
-import { ref } from 'vue';
 
     const { t, locale } = useI18n();
 
     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"
@@ -61,6 +60,4 @@ const allLearningPathsResult = useGetAllLearningPaths(locale.value);
         padding-top: 2%;
         font-size: 36px;
     }
-
-
 </style>

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();
 

frontend/src/components/QuestionBox.vue

@@ -1,25 +1,24 @@
 <script setup lang="ts">
-
+    import authService from "@/services/auth/auth-service.ts";
-import authService from '@/services/auth/auth-service.ts';
+    import { Language } from "@/data-objects/language.ts";
-import { Language } from '@/data-objects/language.ts';
+    import { computed, type ComputedRef, ref } from "vue";
-import { computed, type ComputedRef, ref } from 'vue';
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
+    import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students.ts";
-import { useStudentAssignmentsQuery, useStudentGroupsQuery } from '@/queries/students.ts';
+    import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
-import type { GroupDTO, GroupDTOId } from '@dwengo-1/common/interfaces/group';
+    import type { QuestionData } from "@dwengo-1/common/interfaces/question";
-import type { QuestionData } from '@dwengo-1/common/interfaces/question';
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/interfaces/learning-content";
-import type { LearningObjectIdentifierDTO } from '@dwengo-1/interfaces/learning-content';
+    import { useCreateQuestionMutation, useQuestionsQuery } from "@/queries/questions.ts";
-import { useCreateQuestionMutation, useQuestionsQuery } from '@/queries/questions.ts';
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+    import { useI18n } from "vue-i18n";
-import { useI18n } from 'vue-i18n';
+    import { AccountType } from "@dwengo-1/common/src/util/account-types.ts";
-import { AccountType } from '@dwengo-1/common/src/util/account-types.ts';
 
     const props = defineProps<{
         hruid: string;
         language: Language;
         learningObjectHruid?: string;
-    forGroup?: GroupDTOId | undefined
+        forGroup?: GroupDTOId | undefined;
     }>();
 
     const { t } = useI18n();
@@ -41,7 +40,6 @@ 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);
@@ -58,7 +56,7 @@ const getQuestionsQuery = useQuestionsQuery(
         ),
     );
 
-const questionInput = ref('');
+    const questionInput = ref("");
 
     const loID: LearningObjectIdentifierDTO = {
         hruid: props.learningObjectHruid as string,
@@ -79,10 +77,10 @@ function submitQuestion(): void {
             content: questionInput.value,
             inGroup: group,
         };
-    if (questionInput.value !== '') {
+        if (questionInput.value !== "") {
             createQuestionMutation.mutate(questionData, {
                 onSuccess: async () => {
-                questionInput.value = ''; // Clear the input field after submission
+                    questionInput.value = ""; // Clear the input field after submission
                     await getQuestionsQuery.refetch(); // Reload the questions
                 },
                 onError: (_) => {
@@ -114,7 +112,6 @@ function submitQuestion(): void {
             </button>
         </div>
     </div>
-
 </template>
 
 <style scoped>

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="

frontend/src/router/index.ts

@@ -1,23 +1,23 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory } from "vue-router";
-import SingleAssignment from '@/views/assignments/SingleAssignment.vue';
+import SingleAssignment from "@/views/assignments/SingleAssignment.vue";
-import SingleClass from '@/views/classes/SingleClass.vue';
+import SingleClass from "@/views/classes/SingleClass.vue";
-import SingleDiscussion from '@/views/discussions/SingleDiscussion.vue';
+import SingleDiscussion from "@/views/discussions/SingleDiscussion.vue";
-import NotFound from '@/components/errors/NotFound.vue';
+import NotFound from "@/components/errors/NotFound.vue";
-import CreateAssignment from '@/views/assignments/CreateAssignment.vue';
+import CreateAssignment from "@/views/assignments/CreateAssignment.vue";
-import CreateDiscussion from '@/views/discussions/CreateDiscussion.vue';
+import CreateDiscussion from "@/views/discussions/CreateDiscussion.vue";
-import CallbackPage from '@/views/CallbackPage.vue';
+import CallbackPage from "@/views/CallbackPage.vue";
-import UserClasses from '@/views/classes/UserClasses.vue';
+import UserClasses from "@/views/classes/UserClasses.vue";
-import UserAssignments from '@/views/assignments/UserAssignments.vue';
+import UserAssignments from "@/views/assignments/UserAssignments.vue";
-import LearningPathPage from '@/views/learning-paths/LearningPathPage.vue';
+import LearningPathPage from "@/views/learning-paths/LearningPathPage.vue";
-import LearningPathSearchPage from '@/views/learning-paths/LearningPathSearchPage.vue';
+import LearningPathSearchPage from "@/views/learning-paths/LearningPathSearchPage.vue";
-import UserHomePage from '@/views/homepage/UserHomePage.vue';
+import UserHomePage from "@/views/homepage/UserHomePage.vue";
-import SingleTheme from '@/views/SingleTheme.vue';
+import SingleTheme from "@/views/SingleTheme.vue";
-import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
+import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
-import authService from '@/services/auth/auth-service';
+import authService from "@/services/auth/auth-service";
-import DiscussionForward from '@/views/discussions/DiscussionForward.vue';
+import DiscussionForward from "@/views/discussions/DiscussionForward.vue";
-import NoDiscussion from '@/views/discussions/NoDiscussion.vue';
+import NoDiscussion from "@/views/discussions/NoDiscussion.vue";
-import OwnLearningContentPage from '@/views/own-learning-content/OwnLearningContentPage.vue';
+import OwnLearningContentPage from "@/views/own-learning-content/OwnLearningContentPage.vue";
-import { allowRedirect, Redirect } from '@/utils/redirect.ts';
+import { allowRedirect, Redirect } from "@/utils/redirect.ts";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),

frontend/src/views/discussions/DiscussionForward.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { Language } from '@/data-objects/language';
+    import type { Language } from "@/data-objects/language";
-import { onMounted } from 'vue';
+    import { onMounted } from "vue";
-import { useRouter } from 'vue-router';
+    import { useRouter } from "vue-router";
 
     const router = useRouter();
 
@@ -11,16 +11,11 @@ const props = defineProps<{
         learningObjectHruid?: string;
     }>();
 
-const discussionURL = "/discussion" 
+    const discussionURL = "/discussion" + "/" + props.hruid + "/" + props.language + "/" + props.learningObjectHruid;
-    + "/" + props.hruid
-    + "/" + props.language
-    + "/" + props.learningObjectHruid
-
 
     onMounted(async () => {
         await router.replace(discussionURL);
-})
+    });
-
 </script>
 
 <template>

frontend/src/views/discussions/NoDiscussion.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
+    import { useI18n } from "vue-i18n";
-import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
+    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
 
     const { t } = useI18n();
-
 </script>
 
 <template>

frontend/src/views/discussions/SingleDiscussion.vue

@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { Language } from '@/data-objects/language.ts';
+    import { Language } from "@/data-objects/language.ts";
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-import { computed, type ComputedRef, ref, watch } from 'vue';
+    import { computed, type ComputedRef, ref, watch } from "vue";
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-import { useRoute } from 'vue-router';
+    import { useRoute } from "vue-router";
-import { useGetAllLearningPaths, useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+    import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
-import { useQuestionsQuery } from '@/queries/questions';
+    import { useQuestionsQuery } from "@/queries/questions";
-import type { QuestionsResponse } from '@/controllers/questions';
+    import type { QuestionsResponse } from "@/controllers/questions";
-import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
-import QandA from '@/components/QandA.vue';
+    import QandA from "@/components/QandA.vue";
-import type { QuestionDTO } from '@dwengo-1/common/interfaces/question';
+    import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
-import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
+    import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
-import QuestionBox from '@/components/QuestionBox.vue';
+    import QuestionBox from "@/components/QuestionBox.vue";
 
     const route = useRoute();
 
@@ -56,7 +56,11 @@ async function learningObjectHasQuestions(learningObject: LearningObject): Promi
     }
 
     async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
-    const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
+        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(
@@ -112,16 +116,15 @@ watch(
             //      Momenteel opgelost door de DiscussionsForward page workaround
         },
     );
-
 </script>
 
 <template>
     <DiscussionsSideBar></DiscussionsSideBar>
     <QuestionBox
-        :hruid=props.hruid
+        :hruid="props.hruid"
-        :language=props.language
+        :language="props.language"
-        :learningObjectHruid=props.learningObjectHruid
+        :learningObjectHruid="props.learningObjectHruid"
-        :forGroup=forGroup
+        :forGroup="forGroup"
     />
     <using-query-result
         :query-result="getQuestionsQuery"

frontend/src/views/learning-paths/LearningPathPage.vue

@@ -1,27 +1,27 @@
 <script setup lang="ts">
-import { Language } from '@/data-objects/language.ts';
+    import { Language } from "@/data-objects/language.ts";
-import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
+    import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
-import { computed, type ComputedRef, ref } from 'vue';
+    import { computed, type ComputedRef, ref } from "vue";
-import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
+    import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
-import { useRoute, useRouter } from 'vue-router';
+    import { useRoute, useRouter } from "vue-router";
-import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
+    import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
-import { useI18n } from 'vue-i18n';
+    import { useI18n } from "vue-i18n";
-import LearningPathSearchField from '@/components/LearningPathSearchField.vue';
+    import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
-import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
+    import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
-import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
+    import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
-import UsingQueryResult from '@/components/UsingQueryResult.vue';
+    import UsingQueryResult from "@/components/UsingQueryResult.vue";
-import authService from '@/services/auth/auth-service.ts';
+    import authService from "@/services/auth/auth-service.ts";
-import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
+    import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
-import LearningPathGroupSelector from '@/views/learning-paths/LearningPathGroupSelector.vue';
+    import LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
-import { useQuestionsQuery } from '@/queries/questions';
+    import { useQuestionsQuery } from "@/queries/questions";
-import type { QuestionsResponse } from '@/controllers/questions';
+    import type { QuestionsResponse } from "@/controllers/questions";
-import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
+    import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
-import QandA from '@/components/QandA.vue';
+    import QandA from "@/components/QandA.vue";
-import type { QuestionDTO } from '@dwengo-1/common/interfaces/question';
+    import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
-import { useStudentAssignmentsQuery } from '@/queries/students';
+    import { useStudentAssignmentsQuery } from "@/queries/students";
-import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
+    import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
-import QuestionNotification from '@/components/QuestionNotification.vue';
+    import QuestionNotification from "@/components/QuestionNotification.vue";
-import QuestionBox from '@/components/QuestionBox.vue';
+    import QuestionBox from "@/components/QuestionBox.vue";
     import { AccountType } from "@dwengo-1/common/util/account-types";
 
     const router = useRouter();
@@ -157,12 +157,16 @@ const router = useRouter();
         );
     });
 
-    const discussionLink = computed(() =>
+    const discussionLink = computed(
-        "/discussion"
+        () =>
-        + "/" + props.hruid
+            "/discussion" +
-        + "/" + currentNode.value?.language
+            "/" +
-        + "/" + currentNode.value?.learningobjectHruid);
+            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
+            :hruid="props.hruid"
-            :language=props.language
+            :language="props.language"
-            :learningObjectHruid=props.learningObjectHruid
+            :learningObjectHruid="props.learningObjectHruid"
-            :forGroup=forGroup
+            :forGroup="forGroup"
         />
         <div class="navigation-buttons-container">
             <v-btn
@@ -334,9 +338,7 @@ const router = useRouter();
                 <span class="question-title">{{ t("questions") }}</span>
                 <span class="discussion-link-text">
                     {{ t("view-questions") }}
-                    <router-link
+                    <router-link :to="discussionLink">
-                        :to=discussionLink
-                    >
                         {{ t("discussions") }}
                     </router-link>
                 </span>