From ab81be3dc09b49ea801abc2722d7c29e682fc853 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Tue, 25 Mar 2025 02:03:28 +0100
Subject: [PATCH] feat(frontend): Verschillende symbolen voor 'teacher-only' en
 'student'-leerobjecten

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

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 72c00ce0..4a52a711 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -95,6 +95,15 @@
         }
         return false;
     }
+    function getStatusIconForLearningObject(learningObject: LearningObject): {icon: string, color?: "success" | "info" | "warning" | "error"} {
+        if (learningObject.teacherExclusive) {
+            return {icon: "mdi-information", color: "info"};
+        } else if (isLearningObjectCompleted(learningObject)) {
+            return {icon: "mdi-checkbox-marked-circle-outline", color: "success"};
+        } else {
+            return {icon: "mdi-checkbox-blank-circle-outline"};
+        }
+    }
 </script>
 
 <template>
@@ -119,9 +128,13 @@
                         :to="{path: node.key, query: route.query}"
                         :title="node.title"
                         :active="node.key === props.learningObjectHruid"
-                        :prepend-icon="isLearningObjectCompleted(node) ? 'mdi-checkbox-marked-circle-outline' : 'mdi-checkbox-blank-circle-outline'"
                         v-for="node in learningObjects.data"
                     >
+                        <template v-slot:prepend>
+                            <v-icon
+                                :color="getStatusIconForLearningObject(node).color"
+                                :icon="getStatusIconForLearningObject(node).icon"></v-icon>
+                        </template>
                         <template v-slot:append>
                             {{ node.estimatedTime }}'
                         </template>