2FAuth/resources/js/components/Footer.vue
2020-02-13 17:19:55 +01:00

49 lines
1.2 KiB
Vue

<template>
<footer class="has-background-black-ter">
<div class="columns is-gapless" v-if="showButtons">
<div class="column has-text-centered">
<div class="field is-grouped">
<slot></slot>
</div>
</div>
</div>
<div class="content has-text-centered">
<router-link :to="{ name: 'profile' }" class="has-text-grey">{{ $t('commons.profile') }}</router-link> - <a class="has-text-grey" @click="logout">{{ $t('auth.sign_out') }}</a>
</div>
</footer>
</template>
<script>
export default {
name: 'VueFooter',
data(){
return {
}
},
props: {
showButtons: true,
},
methods: {
async logout(evt) {
if(confirm(this.$t('auth.confirm.logout'))) {
await this.axios.get('api/logout')
localStorage.removeItem('jwt');
localStorage.removeItem('user');
delete this.axios.defaults.headers.common['Authorization'];
this.$router.go('/login');
}
},
}
};
</script>