reset totp

This commit is contained in:
Julian Krauser 2024-11-23 12:11:26 +01:00
parent 7d28710157
commit 76bb7f8da5
8 changed files with 265 additions and 24 deletions

View file

@ -3,7 +3,7 @@
<div class="max-w-md w-full space-y-8 pb-20">
<div class="flex flex-col items-center gap-4">
<img src="/FFW-Logo.svg" alt="LOGO" class="h-36" />
<h2 class="text-center text-5xl font-extrabold text-gray-900">Mitgliederverwaltung</h2>
<h2 class="text-center text-4xl font-extrabold text-gray-900">Mitgliederverwaltung</h2>
</div>
<form class="flex flex-col gap-2" @submit.prevent="login">
@ -23,6 +23,7 @@
/>
</div>
</div>
<RouterLink :to="{ name: 'reset-start' }" class="w-fit self-end text-primary">TOTP verloren</RouterLink>
<div class="flex flex-row gap-2">
<button type="submit" primary :disabled="loginStatus == 'loading' || loginStatus == 'success'">
@ -35,13 +36,7 @@
<p v-if="loginError" class="text-center">{{ loginError }}</p>
</form>
<div class="flex flex-col text-gray-400 text-sm mt-4 items-center">
<div class="flex flex-row gap-2 justify-center">
<a href="#">Datenschutz</a>
<a href="#">Impressum</a>
</div>
<a href="#"> &copy; Admin-Portal by JK Effects </a>
</div>
<FormBottomBar />
</div>
</div>
</template>
@ -52,6 +47,7 @@ import Spinner from "@/components/Spinner.vue";
import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
import FailureXMark from "@/components/FailureXMark.vue";
import { resetAllPiniaStores } from "@/helpers/piniaReset";
import FormBottomBar from "@/components/FormBottomBar.vue";
</script>
<script lang="ts">