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 role: String = authState.authState.activeRole!;
const role: string = authState.authState.activeRole!;
// TODO : temp data until frontend controllers are ready
type Teacher = {
@ -30,10 +30,9 @@
students: Array<Student>;
};
const classIds: Array<string> = ["class01", "class02", "class03"];
let student01: Student = { username: "id01", firstName: "Mark", lastName: "Knopfler", classes: [] };
let student02: Student = { username: "id01", firstName: "John", lastName: "Hiat", classes: [] };
let student03: Student = { username: "id01", firstName: "Aaron", lastName: "Lewis", classes: [] };
const student01: Student = { username: "id01", firstName: "Mark", lastName: "Knopfler", classes: [] };
const student02: Student = { username: "id01", firstName: "John", lastName: "Hiat", classes: [] };
const student03: Student = { username: "id01", firstName: "Aaron", lastName: "Lewis", classes: [] };
const class01: Class = { id: "class01", displayName: "class 01", teachers: [], students: [student01, student02] };
const class02: Class = { id: "class02", displayName: "class 02", teachers: [], students: [student01, student03] };
@ -45,37 +44,37 @@
const classes: Array<Class> = [class01, class02, class03];
// handle the class join requests
// Handle the class join requests
const code = ref<string>("");
// 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
// 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
const codeRules = [
(value: string | undefined) => {
if (value !== undefined && validate(value) && version(value) === 4) return true;
return "Invalid format.";
},
];
// submitting a code will send a request if the code is valid
const submitCode = () => {
if (code.value !== undefined && validate(code.value) && version(code.value) == 4) {
// Submitting a code will send a request if the code is valid
function submitCode() {
if (code.value !== undefined && validate(code.value) && version(code.value) === 4) {
// TODO: temp function until frontend controllers are ready
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 students = ref<Array<string>>([]);
const selectedClass = ref<Class | null>(null);
const openDialog = (c: Class) => {
function openDialog(c: Class) {
selectedClass.value = c;
if (selectedClass !== undefined) {
if (selectedClass.value !== undefined) {
students.value = selectedClass.value.students.map((student) => `${student.firstName} ${student.lastName}`);
dialog.value = true;
}
};
}
</script>
<template>
<main>