From 51a9b58a20ad3a38e6fa3f4c712c4643d7f3dc76 Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Sat, 19 Apr 2025 00:23:21 +0200
Subject: [PATCH] feat(frontend): Knop aan leerpadpagina toegevoegd om
 assignment aan te maken.

---
 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 ++-
 .../views/assignments/CreateAssignment.vue    | 11 ++++++++--
 .../views/learning-paths/LearningPathPage.vue | 22 +++++++++++++++++++
 6 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 95cd57d2..0bd6f731 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -85,5 +85,6 @@
     "timestamp": "Zeitpunkt",
     "loadSubmission": "Einladen",
     "noSubmissionsYet": "Noch keine Lösungen eingereicht.",
-    "viewAsGroup": "Fortschritt ansehen von Gruppe..."
+    "viewAsGroup": "Fortschritt ansehen von Gruppe...",
+    "assignLearningPath": "Als Aufgabe geben"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index 0ece7121..0a67335e 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -85,5 +85,6 @@
     "timestamp": "Timestamp",
     "loadSubmission": "Load",
     "noSubmissionsYet": "No submissions yet.",
-    "viewAsGroup": "View progress of group..."
+    "viewAsGroup": "View progress of group...",
+    "assignLearningPath": "assign"
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 096013a5..5bde1bbd 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -85,5 +85,6 @@
     "timestamp": "Horodatage",
     "loadSubmission": "Charger",
     "noSubmissionsYet": "Pas encore de soumissions.",
-    "viewAsGroup": "Voir la progression du groupe..."
+    "viewAsGroup": "Voir la progression du groupe...",
+    "assignLearningPath": "donner comme tâche"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index cf08e763..200988aa 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -85,5 +85,6 @@
     "timestamp": "Tijdstip",
     "loadSubmission": "Inladen",
     "noSubmissionsYet": "Nog geen indieningen.",
-    "viewAsGroup": "Vooruitgang bekijken van groep..."
+    "viewAsGroup": "Vooruitgang bekijken van groep...",
+    "assignLearningPath": "Als opdracht geven"
 }
diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 1a35a59f..51a3fc15 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -1,7 +1,14 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+    import {useRoute} from "vue-router";
+
+    const route = useRoute();
+</script>
 
 <template>
-    <main></main>
+    <main>
+        Hier zou de pagina staan om een assignment aan te maken voor de leerpad met hruid {{ route.query.hruid }} en
+        language {{ route.query.language }}. (Overschrijf dit)
+    </main>
 </template>
 
 <style scoped></style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 1630198b..fb3a3c35 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -114,6 +114,16 @@
             router.push({ query });
         }
     });
+
+    function assign() {
+        router.push({
+            path: "/assignment/create",
+            query: {
+                hruid: props.hruid,
+                language: props.language
+            }
+        });
+    }
 </script>
 
 <template>
@@ -125,6 +135,7 @@
             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">{{ learningPath.data.title }}</div>
@@ -193,6 +204,13 @@
                     </template>
                 </using-query-result>
             </div>
+            <v-spacer></v-spacer>
+            <v-list-item v-if="authService.authState.activeRole === 'teacher'">
+                <template v-slot:default>
+                    <v-btn class="button-in-nav" @click="assign()">{{ t("assignLearningPath") }}</v-btn>
+                </template>
+            </v-list-item>
+            </div>
         </v-navigation-drawer>
         <div class="control-bar-above-content">
             <v-btn
@@ -259,4 +277,8 @@
         display: flex;
         justify-content: space-between;
     }
+    .button-in-nav {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
 </style>