54 lines
2.5 KiB
Vue
54 lines
2.5 KiB
Vue
<script setup lang="ts">
|
|
import { UserIcon, MailIcon, ListCheckIcon } from 'vue-tabler-icons';
|
|
const runtimeConfig = useRuntimeConfig();
|
|
const user_profile = useCookie('user_token_profile');
|
|
// const user_token = useCookie('user_token');
|
|
const logout = async () => {
|
|
console.log('Logging out...');
|
|
window.location.href = `${runtimeConfig.public.keycloakUrl}/realms/${runtimeConfig.public.keycloakRealm}/protocol/openid-connect/logout?client_id=${runtimeConfig.public.keycloakClient}&post_logout_redirect_uri=http://localhost:3000`;
|
|
// user_token.value = null;
|
|
user_profile.value = null;
|
|
navigateTo('/auth/login')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<!-- ---------------------------------------------- -->
|
|
<!-- notifications DD -->
|
|
<!-- ---------------------------------------------- -->
|
|
<v-menu :close-on-content-click="false">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn class="profileBtn custom-hover-primary" variant="text" rounded="circle" v-bind="props" icon>
|
|
<v-avatar size="35">
|
|
<img src="/images/profile/user-1.jpg" height="35" alt="user" />
|
|
</v-avatar>
|
|
</v-btn>
|
|
</template>
|
|
<v-sheet rounded="md" width="200" elevation="10" class="mt-2">
|
|
<v-list class="py-0" lines="one" density="compact">
|
|
<v-list-item value="item1" active-color="primary">
|
|
<template v-slot:prepend>
|
|
<UserIcon stroke-width="1.5" size="20" />
|
|
</template>
|
|
<v-list-item-title class="pl-4 text-body-1">My Profile</v-list-item-title>
|
|
</v-list-item>
|
|
<v-list-item value="item2" active-color="primary">
|
|
<template v-slot:prepend>
|
|
<MailIcon stroke-width="1.5" size="20" />
|
|
</template>
|
|
<v-list-item-title class="pl-4 text-body-1">My Account</v-list-item-title>
|
|
</v-list-item>
|
|
<v-list-item value="item3" active-color="primary">
|
|
<template v-slot:prepend>
|
|
<ListCheckIcon stroke-width="1.5" size="20" />
|
|
</template>
|
|
<v-list-item-title class="pl-4 text-body-1">My Task</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
<div class="pt-4 pb-4 px-5 text-center">
|
|
<v-btn @click="logout" color="primary" variant="outlined" block>Logout</v-btn>
|
|
</div>
|
|
</v-sheet>
|
|
</v-menu>
|
|
</template>
|