diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-10-05 14:45:21 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-10-05 14:45:21 +0200 |
| commit | b7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch) | |
| tree | 64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/portal/src/app/components | |
| parent | 2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff) | |
| download | greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip | |
refactor: Change file structure
Diffstat (limited to 'old-apps/portal/src/app/components')
| -rw-r--r-- | old-apps/portal/src/app/components/user-menu.svelte | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/old-apps/portal/src/app/components/user-menu.svelte b/old-apps/portal/src/app/components/user-menu.svelte deleted file mode 100644 index b0cfc8a..0000000 --- a/old-apps/portal/src/app/components/user-menu.svelte +++ /dev/null @@ -1,70 +0,0 @@ -<script> - import {end_session} from "$shared/lib/session"; - import {onMount} from "svelte"; - import {Menu, MenuItem, MenuItemSeparator} from "$shared/components/menu"; - import {replace} from "svelte-spa-router"; - - let userMenuTrigger; - let showUserMenu = false; - - export let avatar = ""; - export let name; - export let secondary = ""; - let userMenuId; - - async function on_logout() { - await end_session(() => { - replace("/login"); - }); - } - - onMount(() => { - userMenuTrigger = document.getElementById("open-user-menu"); - }); -</script> - -<button class="reset user-menu-control" - id="open-user-menu" - aria-controls="{userMenuId}" - on:click={() => showUserMenu = true}> - {#if avatar} - <figure class="user-menu-control__img-wrapper radius-50%"> - <img class="user-menu-control__img" - src="{avatar}" - alt="Avatar"> - </figure> - {/if} - - <div class="margin-x-xs user-menu__meta"> - <p class="user-menu__meta-title text-sm line-height-1 padding-y-xxxxs font-semibold color-contrast-higher text-truncate">{name}</p> - {#if secondary} - <p class="text-xs color-contrast-medium line-height-1 padding-bottom-xxxxs">{secondary}</p> - {/if} - </div> - - <svg class="icon icon--xxs" - aria-hidden="true" - viewBox="0 0 12 12"> - <polyline points="1 4 6 9 11 4" - fill="none" - stroke="currentColor" - stroke-linecap="round" - stroke-linejoin="round" - stroke-width="2"/> - </svg> -</button> - -<Menu trigger={userMenuTrigger} - bind:id={userMenuId} - bind:show="{showUserMenu}"> - <div slot="options"> - <MenuItem on:click={() => replace("/profile")}> - <span>Profile</span> - </MenuItem> - <MenuItemSeparator/> - <MenuItem danger="true" - on:click={() => on_logout()}> - Logout - </MenuItem> - </div> -</Menu> |
