52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
|
<template>
|
||
|
<b-container>
|
||
|
<h1 v-if="loading">{{ $t('registration.validation.process') }}</h1>
|
||
|
<div v-else>
|
||
|
<div v-if="failed">
|
||
|
<b-alert show variant="danger">{{ $t('registration.success.validation_failure') }}</b-alert>
|
||
|
</div>
|
||
|
<h1 v-else>{{ $t('registration.validation.finished') }}</h1>
|
||
|
</div>
|
||
|
</b-container>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import fetchStory from '@/api/eventFetch';
|
||
|
|
||
|
export default {
|
||
|
name: 'Validate',
|
||
|
data() {
|
||
|
return {
|
||
|
loading: true,
|
||
|
failed: false,
|
||
|
};
|
||
|
},
|
||
|
props: {
|
||
|
token: {
|
||
|
type: String,
|
||
|
required: true,
|
||
|
},
|
||
|
},
|
||
|
created() {
|
||
|
this.validateAction();
|
||
|
},
|
||
|
methods: {
|
||
|
validateAction() {
|
||
|
fetchStory(`/users/validate/${this.token}`, this.$store).then((data) => {
|
||
|
this.loading = false;
|
||
|
localStorage.setItem('token', data.token);
|
||
|
localStorage.setItem('refresh_token', data.refresh_token);
|
||
|
this.$store.commit('LOGIN_USER', data.account);
|
||
|
this.$snotify.success(this.$t('registration.success.login', { username: data.account.username }));
|
||
|
this.$router.push({ name: 'Home' });
|
||
|
}).catch((err) => {
|
||
|
Promise.resolve(err).then(() => {
|
||
|
this.failed = true;
|
||
|
this.loading = false;
|
||
|
});
|
||
|
});
|
||
|
},
|
||
|
},
|
||
|
};
|
||
|
</script>
|