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] 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>