feat(frontend): Knop aan leerpadpagina toegevoegd om assignment aan te maken.

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

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

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

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

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>

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>