77 lines
1.8 KiB
Vue
77 lines
1.8 KiB
Vue
|
<template>
|
||
|
|
<transition name="menu-slide">
|
||
|
|
<div
|
||
|
|
v-if="show"
|
||
|
|
v-on-clickaway="() => $emit('close')"
|
||
|
|
class="dropdown-pane top"
|
||
|
|
>
|
||
|
|
<ul class="vertical dropdown menu">
|
||
|
|
<li v-if="showChangeAccountOption">
|
||
|
|
<button
|
||
|
|
class="button clear change-accounts--button"
|
||
|
|
@click="$emit('toggle-accounts')"
|
||
|
|
>
|
||
|
|
{{ $t('SIDEBAR_ITEMS.CHANGE_ACCOUNTS') }}
|
||
|
|
</button>
|
||
|
|
</li>
|
||
|
|
<li v-if="globalConfig.chatwootInboxToken">
|
||
|
|
<button
|
||
|
|
class="button clear change-accounts--button"
|
||
|
|
@click="$emit('show-support-chat-window')"
|
||
|
|
>
|
||
|
|
Contact Support
|
||
|
|
</button>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<router-link :to="`/app/accounts/${accountId}/profile/settings`">
|
||
|
|
{{ $t('SIDEBAR_ITEMS.PROFILE_SETTINGS') }}
|
||
|
|
</router-link>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#" @click.prevent="logout">
|
||
|
|
{{ $t('SIDEBAR_ITEMS.LOGOUT') }}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</transition>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { mixin as clickaway } from 'vue-clickaway';
|
||
|
|
import { mapGetters } from 'vuex';
|
||
|
|
import Auth from '../../../api/auth';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
mixins: [clickaway],
|
||
|
|
props: {
|
||
|
|
show: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
...mapGetters({
|
||
|
|
currentUser: 'getCurrentUser',
|
||
|
|
globalConfig: 'globalConfig/get',
|
||
|
|
accountId: 'getCurrentAccountId',
|
||
|
|
}),
|
||
|
|
showChangeAccountOption() {
|
||
|
|
if (this.globalConfig.createNewAccountFromDashboard) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
return this.currentUser.accounts.length > 1;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
logout() {
|
||
|
|
Auth.logout();
|
||
|
|
|
||
|
|
if (this.globalConfig.chatwootInboxToken) {
|
||
|
|
window.$chatwoot.reset();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|