marco/contexted-v3
1
0
Fork 0
Code Issues 7 Pull Requests Packages Projects 1 Releases Wiki Activity

dropdown menu

Browse Source
This commit is contained in:
Marco Crapts
2023-05-20 15:26:15 +02:00
parent cf00a57a7d
commit c3cfc11f5f
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/TopBar.vue
View File

@@ -58,18 +58,29 @@ const authModalInitialStateOpen = ref(
<button class="btn-sm btn" @click="close">Close</button>
</template>
</Modal>
<Modal v-else-if="user">
<template #activator="{ open }">
<button class="btn-outline btn-sm btn py-1 text-white" @click="open">
{{ user.displayName || user.email }}
</button>
</template>
<template #default>Are you sure want to signout?</template>
<template #actions="{ close }">
<button class="btn-sm btn" @click="close">Close</button>
<button class="btn-primary btn-sm btn" @click="signOut(close)">Sign out</button>
</template>
</Modal>
<template v-else-if="user">
<div class="dropdown-end dropdown">
<label tabindex="0" class="btn-outline btn-sm btn py-1 text-white">
<!-- {{ user.displayName || user.email }} -->
<i class="fa-fw fa-solid fa-user-gear" />
</label>
<ul
tabindex="0"
class="dropdown-content menu rounded-box menu-compact mt-1 w-52 bg-base-100 p-2 text-base-content shadow"
>
<Modal>
<template #activator="{ open }">
<li @click="open"><a><i class="fa-fw fa-solid fa-right-from-bracket" />Sign out</a></li>
</template>
<template #default>Are you sure want to signout?</template>
<template #actions="{ close }">
<button class="btn-sm btn" @click="close">Close</button>
<button class="btn-primary btn-sm btn" @click="signOut(close)">Sign out</button>
</template>
</Modal>
</ul>
</div>
</template>
</template>
<SkeletonTopBar v-else />
</div>