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

style: format en lint warnings opgekuist (deze die er nog staan gaan over tijdelijke code)

Browse source
This commit is contained in:
laurejablonski 2025-03-29 11:35:39 +01:00
parent 87974bbfe5
commit 06ac549c37
1 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/views/classes/UserClasses.vue
View file

@ -6,7 +6,7 @@
const { t } = useI18n(); const { t } = useI18n();
const role: String = authState.authState.activeRole!; const role: string = authState.authState.activeRole!;
// TODO : temp data until frontend controllers are ready // TODO : temp data until frontend controllers are ready
type Teacher = { type Teacher = {
@ -30,10 +30,9 @@
students: Array<Student>; students: Array<Student>;
}; };
const classIds: Array<string> = ["class01", "class02", "class03"]; const student01: Student = { username: "id01", firstName: "Mark", lastName: "Knopfler", classes: [] };
let student01: Student = { username: "id01", firstName: "Mark", lastName: "Knopfler", classes: [] }; const student02: Student = { username: "id01", firstName: "John", lastName: "Hiat", classes: [] };
let student02: Student = { username: "id01", firstName: "John", lastName: "Hiat", classes: [] }; const student03: Student = { username: "id01", firstName: "Aaron", lastName: "Lewis", classes: [] };
let student03: Student = { username: "id01", firstName: "Aaron", lastName: "Lewis", classes: [] };
const class01: Class = { id: "class01", displayName: "class 01", teachers: [], students: [student01, student02] }; const class01: Class = { id: "class01", displayName: "class 01", teachers: [], students: [student01, student02] };
const class02: Class = { id: "class02", displayName: "class 02", teachers: [], students: [student01, student03] }; const class02: Class = { id: "class02", displayName: "class 02", teachers: [], students: [student01, student03] };
@ -45,37 +44,37 @@
const classes: Array<Class> = [class01, class02, class03]; const classes: Array<Class> = [class01, class02, class03];
// handle the class join requests // Handle the class join requests
const code = ref<string>(""); const code = ref<string>("");
// the code needs to be formatted as v4 to be valid // The code needs to be formatted as v4 to be valid
// these rules are used to display a message to the user if they use a code that has an invalid format // These rules are used to display a message to the user if they use a code that has an invalid format
const codeRules = [ const codeRules = [
(value: string | undefined) => { (value: string | undefined) => {
if (value !== undefined && validate(value) && version(value) === 4) return true; if (value !== undefined && validate(value) && version(value) === 4) return true;
return "Invalid format."; return "Invalid format.";
}, },
]; ];
// submitting a code will send a request if the code is valid // Submitting a code will send a request if the code is valid
const submitCode = () => { function submitCode() {
if (code.value !== undefined && validate(code.value) && version(code.value) == 4) { if (code.value !== undefined && validate(code.value) && version(code.value) === 4) {
// TODO: temp function until frontend controllers are ready // TODO: temp function until frontend controllers are ready
console.log("Code submitted:", code.value); console.log("Code submitted:", code.value);
} }
} }
// handle dialog for showing members of a class // Handle dialog for showing members of a class
const dialog = ref(false); const dialog = ref(false);
const students = ref<Array<string>>([]); const students = ref<Array<string>>([]);
const selectedClass = ref<Class | null>(null); const selectedClass = ref<Class | null>(null);
const openDialog = (c: Class) => { function openDialog(c: Class) {
selectedClass.value = c; selectedClass.value = c;
if (selectedClass !== undefined) { if (selectedClass.value !== undefined) {
students.value = selectedClass.value.students.map((student) => `${student.firstName} ${student.lastName}`); students.value = selectedClass.value.students.map((student) => `${student.firstName} ${student.lastName}`);
dialog.value = true; dialog.value = true;
} }
}; }
</script> </script>
<template> <template>
<main> <main>