From 3758e7455fffc86a4319fd7f4a289543d6c0de2d Mon Sep 17 00:00:00 2001
From: Joyelle Ndagijimana <njoyelle2@gmail.com>
Date: Tue, 8 Apr 2025 01:41:59 +0200
Subject: [PATCH] feat(frontend): echte klassen van tonen bij CreateAssignment

---
 .../views/assignments/CreateAssignment.vue    | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/assignments/CreateAssignment.vue b/frontend/src/views/assignments/CreateAssignment.vue
index 1cf03917..bf4cd017 100644
--- a/frontend/src/views/assignments/CreateAssignment.vue
+++ b/frontend/src/views/assignments/CreateAssignment.vue
@@ -16,7 +16,6 @@
     import {useGetAllLearningPaths} from "@/queries/learning-paths.ts";
     import UsingQueryResult from "@/components/UsingQueryResult.vue";
     import type {LearningPath} from "@/data-objects/learning-paths/learning-path.ts";
-    import type {Language} from "@/data-objects/language.ts";
 
     const router = useRouter();
     const {t, locale} = useI18n();
@@ -36,14 +35,10 @@
 
 
     const language = computed(() => locale.value);
+    const form = ref();
     //Fetch all learning paths
     const learningPathsQueryResults = useGetAllLearningPaths(language);
 
-    watch(language, (newLanguage) => {
-        console.log(newLanguage);
-        learningPathsQueryResults.refetch();
-    });
-
     // Fetch and store all the teacher's classes
     const { data: classes, isLoading, error, refetch } = useTeacherClassesQuery(username, true);
     const allClasses = computed(() => {
@@ -56,22 +51,18 @@
         return classes.value?.classes || [];
     });
 
+    const selectedClass = ref(null);
 
-    const form = ref();
-
-    const searchQuery = ref('');
 
     const assignmentTitle = ref('');
     const deadline = ref(null);
     const description = ref('');
-    const allLearningPaths = ref([]);
     const selectedLearningPath = ref(null);
-    const selectedClass = ref(null);
     const groups = ref<string[][]>([]);
 
     const availableClass = computed(() => {
         //TODO: replace by real data
-        return /*classes.find(cl => selectedClass.value?.value === cl.id) ||*/ null;
+        return classes.value?.classes.find(cl => selectedClass.value?.value === cl.id) || null;
     });
 
     const allStudents = computed(() => {
@@ -204,10 +195,6 @@
     text-align: center;
 }
 
-.title {
-    margin-bottom: 1%;
-}
-
 .form-card {
     display: flex;
     flex-direction: column;