61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<template>
|
|
<v-container>
|
|
<h1 v-if="loading">
|
|
<translate>Your account is being validated</translate>
|
|
</h1>
|
|
<div v-else>
|
|
<div v-if="failed">
|
|
<v-alert :value="true" variant="danger">
|
|
<translate>Error while validating account</translate>
|
|
</v-alert>
|
|
</div>
|
|
<h1 v-else>
|
|
<translate>Your account has been validated</translate>
|
|
</h1>
|
|
</div>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { VALIDATE_USER } from '@/graphql/user';
|
|
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
import { AUTH_TOKEN, AUTH_USER_ACTOR, AUTH_USER_ID } from '@/constants';
|
|
|
|
@Component
|
|
export default class Validate extends Vue {
|
|
@Prop({ type: String, required: true }) token!: string;
|
|
|
|
loading = true;
|
|
failed = false;
|
|
|
|
created() {
|
|
this.validateAction();
|
|
}
|
|
|
|
validateAction() {
|
|
this.$apollo.mutate({
|
|
mutation: VALIDATE_USER,
|
|
variables: {
|
|
token: this.token,
|
|
},
|
|
}).then((data) => {
|
|
this.loading = false;
|
|
console.log(data);
|
|
this.saveUserData(data.data);
|
|
this.$router.push({ name: 'Home' });
|
|
}).catch((error) => {
|
|
this.loading = false;
|
|
console.log(error);
|
|
this.failed = true;
|
|
});
|
|
}
|
|
|
|
saveUserData({ validateUser: login }) {
|
|
localStorage.setItem(AUTH_USER_ID, login.user.id);
|
|
localStorage.setItem(AUTH_USER_ACTOR, JSON.stringify(login.actor));
|
|
localStorage.setItem(AUTH_TOKEN, login.token);
|
|
}
|
|
|
|
};
|
|
</script>
|