tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
Archived
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

feat(frontend): echte klassen van tonen bij CreateAssignment

Browse source
This commit is contained in:
Joyelle Ndagijimana 2025-04-08 01:41:59 +02:00
parent 1328771551
commit 3758e7455f
1 changed files with 3 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/views/assignments/CreateAssignment.vue
View file

@ -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;