-
Notifications
You must be signed in to change notification settings - Fork 16
/
Logout.vue
40 lines (34 loc) · 954 Bytes
/
Logout.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<template>
<div class="modal">
<ModalHeader>{{ l('ml_logout_header') }}</ModalHeader>
<div class="modal_content">{{ l('ml_logout_sure') }}</div>
<div class="modal_footer">
<Button class="right" @click="logout">{{ l('yes') }}</Button>
<Button class="right" light @click="closeModal">{{ l('cancel') }}</Button>
</div>
</div>
</template>
<script>
import ModalHeader from './ModalHeader.vue';
import Button from '../UI/Button.vue';
export default {
components: {
ModalHeader,
Button
},
methods: {
logout() {
const { activeUser } = this.$store.state.users;
this.$store.commit('users/setActiveUser', null);
this.$store.commit('users/removeUser', activeUser);
location.reload();
},
closeModal() {
this.$modals.close(this.$attrs.name);
}
}
}
</script>
<style>
.modal[name=logout] .modal_content { padding: 25px }
</style>