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

style: lint en format

Browse source
This commit is contained in:
laurejablonski 2025-04-19 14:45:00 +02:00
parent 4bc9d29de7
commit 3e4df05710
2 changed files with 32 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

49
frontend/src/views/classes/SingleClass.vue
View file

@ -12,7 +12,7 @@
import { useClassDeleteStudentMutation, useClassQuery, useClassStudentsQuery } from "@/queries/classes"; import { useClassDeleteStudentMutation, useClassQuery, useClassStudentsQuery } from "@/queries/classes";
import { useCreateTeacherInvitationMutation } from "@/queries/teacher-invitations"; import { useCreateTeacherInvitationMutation } from "@/queries/teacher-invitations";
import type { TeacherInvitationData } from "@dwengo-1/common/interfaces/teacher-invitation"; import type { TeacherInvitationData } from "@dwengo-1/common/interfaces/teacher-invitation";
import { useDisplay } from "vuetify"; import { useDisplay } from "vuetify";
const { t } = useI18n(); const { t } = useI18n();
@ -153,7 +153,7 @@ import { useDisplay } from "vuetify";
xl: 1600, xl: 1600,
}; };
// logic for small screens // Logic for small screens
const display = useDisplay(); const display = useDisplay();
// Reactive variables to hold custom logic based on breakpoints // Reactive variables to hold custom logic based on breakpoints
@ -252,27 +252,38 @@ import { useDisplay } from "vuetify";
</td> </td>
<td> <td>
<span v-if="!isSmAndDown && !isMdAndDown"> <span v-if="!isSmAndDown && !isMdAndDown">
<v-btn <v-btn
@click="handleJoinRequest(jr, true)" @click="handleJoinRequest(jr, true)"
class="mr-2" class="mr-2"
color="green" color="green"
> >
{{ t("accept") }}</v-btn {{ t("accept") }}</v-btn
> >
<v-btn <v-btn
@click="handleJoinRequest(jr, false)" @click="handleJoinRequest(jr, false)"
class="mr-2" class="mr-2"
color="red" color="red"
> >
{{ t("reject") }} {{ t("reject") }}
</v-btn> </v-btn>
</span> </span>
<span v-else> <span v-else>
<v-btn @click="handleJoinRequest(jr, true)" icon="mdi-check-circle" class="mr-2" color="green" variant="text"></v-btn> <v-btn
<v-btn @click="handleJoinRequest(jr, false)" icon="mdi-close-circle" class="mr-2" color="red" variant="text"></v-btn> @click="handleJoinRequest(jr, true)"
icon="mdi-check-circle"
class="mr-2"
color="green"
variant="text"
></v-btn>
<v-btn
@click="handleJoinRequest(jr, false)"
icon="mdi-close-circle"
class="mr-2"
color="red"
variant="text"
></v-btn>
</span> </span>
</td> </td>
</tr> </tr>
</tbody> </tbody>

5
frontend/src/views/classes/TeacherClasses.vue
View file

@ -15,7 +15,6 @@
useTeacherInvitationsReceivedQuery, useTeacherInvitationsReceivedQuery,
} from "@/queries/teacher-invitations"; } from "@/queries/teacher-invitations";
import { useDisplay } from "vuetify"; import { useDisplay } from "vuetify";
import { createVuetify } from "vuetify";
const { t } = useI18n(); const { t } = useI18n();
@ -147,7 +146,7 @@
xl: 1600, xl: 1600,
}; };
// logic for small screens // Logic for small screens
const display = useDisplay(); const display = useDisplay();
// Reactive variables to hold custom logic based on breakpoints // Reactive variables to hold custom logic based on breakpoints
@ -163,7 +162,7 @@
// Code display dialog logic // Code display dialog logic
const viewCodeDialog = ref(false); const viewCodeDialog = ref(false);
const selectedCode = ref(""); const selectedCode = ref("");
function openCodeDialog(codeToView: string) { function openCodeDialog(codeToView: string): void {
selectedCode.value = codeToView; selectedCode.value = codeToView;
viewCodeDialog.value = true; viewCodeDialog.value = true;
} }