Add confirmation view
This commit is contained in:
parent
b54c523491
commit
8b70374de6
5 changed files with 32 additions and 18 deletions
|
@ -1,5 +0,0 @@
|
|||
<template>
|
||||
<div class="about">
|
||||
<h1>This is an about page</h1>
|
||||
</div>
|
||||
</template>
|
|
@ -1,7 +1,15 @@
|
|||
<template>
|
||||
<section class="container">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-3-widescreen is-4-desktop is-3-tablet">
|
||||
<div class="column is-3-widescreen is-4-desktop is-5-tablet">
|
||||
<b-notification
|
||||
v-if="isConfirmation"
|
||||
type="is-success"
|
||||
aria-close-label="Close notification"
|
||||
>
|
||||
Deine E-Mail-Adresse wurde erfolgreich bestätigt. Du kannst dich nun
|
||||
anmelden.
|
||||
</b-notification>
|
||||
<LoginForm />
|
||||
</div>
|
||||
</div>
|
||||
|
@ -11,7 +19,17 @@
|
|||
<script lang="ts">
|
||||
import { Component, Vue } from "vue-property-decorator";
|
||||
import LoginForm from "@/components/LoginForm.vue";
|
||||
import { User } from "@/api";
|
||||
|
||||
@Component({ components: { LoginForm } })
|
||||
export default class Home extends Vue {}
|
||||
export default class Home extends Vue {
|
||||
private isConfirmation = false;
|
||||
|
||||
private async created() {
|
||||
if (this.$route.name === "Confirm") this.isConfirmation = true;
|
||||
if (this.isConfirmation) {
|
||||
await User.confirm(this.$route.params.uid, this.$route.params.token);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Reference in a new issue