fix: remove unused file
This commit is contained in:
Livio Bieri
parent
99651badd5
commit
f3cadedb05
|
|
@ -125,7 +125,7 @@ const inviteMentor = async () => {
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!hasMentors" class="mt-8 flex items-center">
|
<div v-if="!hasMentors" class="flex items-center">
|
||||||
<it-icon-info class="it-icon mr-2 h-6 w-6" />
|
<it-icon-info class="it-icon mr-2 h-6 w-6" />
|
||||||
{{ $t("a.Aktuell hast du noch keine Person als Lernbegleitung eingeladen.") }}
|
{{ $t("a.Aktuell hast du noch keine Person als Lernbegleitung eingeladen.") }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,148 +0,0 @@
|
||||||
<script setup lang="ts">
|
|
||||||
import { useCurrentCourseSession } from "@/composables";
|
|
||||||
import ItModal from "@/components/ui/ItModal.vue";
|
|
||||||
import { computed, ref } from "vue";
|
|
||||||
import { useCSRFFetch } from "@/fetchHelpers";
|
|
||||||
|
|
||||||
const courseSession = useCurrentCourseSession();
|
|
||||||
|
|
||||||
const showInvitationModal = ref(false);
|
|
||||||
const inviteeEmail = ref("");
|
|
||||||
|
|
||||||
const { execute: refreshMentors, data: mentors } = useCSRFFetch(
|
|
||||||
`/api/mentor/${courseSession.value.id}/mentors`
|
|
||||||
).json();
|
|
||||||
|
|
||||||
const { execute: refreshInvitations, data: invitations } = useCSRFFetch(
|
|
||||||
`/api/mentor/${courseSession.value.id}/invitations`
|
|
||||||
).json();
|
|
||||||
|
|
||||||
const hasMentors = computed(() => {
|
|
||||||
return (
|
|
||||||
(mentors.value && mentors.value.length > 0) ||
|
|
||||||
(invitations.value && invitations.value.length > 0)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
const validEmail = computed(() => {
|
|
||||||
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
|
|
||||||
return emailRegex.test(inviteeEmail.value);
|
|
||||||
});
|
|
||||||
|
|
||||||
const removeInvitation = async (invitationId: string) => {
|
|
||||||
await useCSRFFetch(
|
|
||||||
`/api/mentor/${courseSession.value.id}/invitations/${invitationId}/delete`
|
|
||||||
).delete();
|
|
||||||
await refreshInvitations();
|
|
||||||
};
|
|
||||||
|
|
||||||
const removeMentor = async (mentorId: string) => {
|
|
||||||
await useCSRFFetch(
|
|
||||||
`/api/mentor/${courseSession.value.id}/mentors/${mentorId}/leave`
|
|
||||||
).delete();
|
|
||||||
await refreshMentors();
|
|
||||||
};
|
|
||||||
|
|
||||||
const inviteMentor = async () => {
|
|
||||||
await useCSRFFetch(`/api/mentor/${courseSession.value.id}/invitations/create`).post({
|
|
||||||
email: inviteeEmail.value,
|
|
||||||
});
|
|
||||||
await refreshInvitations();
|
|
||||||
showInvitationModal.value = false;
|
|
||||||
inviteeEmail.value = "";
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="bg-gray-200">
|
|
||||||
<div class="container-large">
|
|
||||||
<header class="mb-8 mt-12">
|
|
||||||
<h1 class="mb-8">{{ $t("a.Lernbegleitung") }}</h1>
|
|
||||||
<p>
|
|
||||||
{{
|
|
||||||
$t(
|
|
||||||
"a.Hier kannst du Personen einladen, damit sie deine Lernbegleitung werden. Zudem siehst du jederzeit eine Übersicht aller Personen, die du bereits als Lernbegleitung hinzugefügt hast."
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
</p>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<div class="bg-white p-6">
|
|
||||||
<div class="mb-8">
|
|
||||||
<button
|
|
||||||
class="btn-secondary flex items-center"
|
|
||||||
@click="showInvitationModal = true"
|
|
||||||
>
|
|
||||||
<it-icon-add class="it-icon mr-2 h-6 w-6" />
|
|
||||||
{{ $t("a.Neue Lernbegleitung einladen") }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="border-t">
|
|
||||||
<div
|
|
||||||
v-for="invitation in invitations"
|
|
||||||
:key="invitation.id"
|
|
||||||
class="flex flex-col justify-between gap-4 border-b py-4 md:flex-row md:gap-16"
|
|
||||||
>
|
|
||||||
<div class="flex flex-col justify-between md:flex-grow md:flex-row">
|
|
||||||
{{ invitation.email }}
|
|
||||||
<div class="flex items-center">
|
|
||||||
<it-icon-info class="it-icon mr-2 h-6 w-6" />
|
|
||||||
{{ $t("a.Die Einladung wurde noch nicht angenommen.") }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<button class="underline" @click="removeInvitation(invitation.id)">
|
|
||||||
{{ $t("a.Entfernen") }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-for="learningMentor in mentors"
|
|
||||||
:key="learningMentor.id"
|
|
||||||
class="flex flex-col justify-between gap-4 border-b py-4 md:flex-row md:gap-16"
|
|
||||||
>
|
|
||||||
<div class="flex items-center space-x-2">
|
|
||||||
<img
|
|
||||||
:alt="learningMentor.mentor.last_name"
|
|
||||||
class="h-11 w-11 rounded-full"
|
|
||||||
:src="learningMentor.mentor.avatar_url"
|
|
||||||
/>
|
|
||||||
<div>
|
|
||||||
<div class="text-bold">
|
|
||||||
{{ learningMentor.mentor.first_name }}
|
|
||||||
{{ learningMentor.mentor.last_name }}
|
|
||||||
</div>
|
|
||||||
{{ learningMentor.mentor.email }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<button class="underline" @click="removeMentor(learningMentor.id)">
|
|
||||||
{{ $t("a.Entfernen") }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="!hasMentors" class="mt-8 flex items-center">
|
|
||||||
<it-icon-info class="it-icon mr-2 h-6 w-6" />
|
|
||||||
{{
|
|
||||||
$t("a.Aktuell hast du noch keine Person als Lernbegleitung eingeladen.")
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<ItModal v-model="showInvitationModal">
|
|
||||||
<template #title>{{ $t("a.Neue Lernbegleitung einladen") }}</template>
|
|
||||||
<template #body>
|
|
||||||
<div class="flex flex-col">
|
|
||||||
<label for="mentor-email">{{ $t("a.E-Mail Adresse") }}</label>
|
|
||||||
<input id="mentor-email" v-model="inviteeEmail" type="email" />
|
|
||||||
|
|
||||||
<button
|
|
||||||
:disabled="!validEmail"
|
|
||||||
class="btn-primary mt-8"
|
|
||||||
@click="inviteMentor()"
|
|
||||||
>
|
|
||||||
{{ $t("a.Einladung abschicken") }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</ItModal>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
Loading…
Reference in New Issue