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/web-shared/src/components/locale-switcher.svelte | |
| parent | 2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff) | |
| download | greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip | |
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/components/locale-switcher.svelte')
| -rw-r--r-- | old-apps/web-shared/src/components/locale-switcher.svelte | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/old-apps/web-shared/src/components/locale-switcher.svelte b/old-apps/web-shared/src/components/locale-switcher.svelte deleted file mode 100644 index 5399247..0000000 --- a/old-apps/web-shared/src/components/locale-switcher.svelte +++ /dev/null @@ -1,62 +0,0 @@ -<script> - import { CookieNames } from "$shared/lib/configuration"; - import { get_cookie } from "$shared/lib/helpers"; - import { currentLocale } from "$shared/lib/locale"; - import { onMount } from "svelte"; - - export let glow = false; - export let show = false; - export let selection = "preffered"; - export let size; - - function change(to) { - selection = to; - currentLocale.set(to); - } - - onMount(() => { - selection = get_cookie(CookieNames.locale); - document.addEventListener("keydown", (e) => { - if (e.code === "Escape") { - show = false; - } - }); - document.addEventListener("click", (e) => { - if (e.target.closest("[data-locale-switcher-element]") === null) { - show = false; - } - }); - }); -</script> - -<div class="bg-light padding-x-xs padding-bottom-xs padding-top-xxxs radius-md {glow ? 'inner-glow shadow-xs':''}" - data-locale-switcher-element - class:is-hidden={!show} - role="listbox"> - <div class="flex flex-wrap flex-column" - role="group"> - <div class="margin-bottom-xs flex-grow"> - <span class="text-xs color-contrast-medium">Language</span> - </div> - <div class="flex gap-xs flex-row"> - <div class="ld-switch-popover__option" - aria-selected="{selection === 'en' ? 'true' : 'false'}" - on:click={() => change("en")} - role="option"> - <div class="text-xs margin-top-xxxs padding-x-xxxxs">English</div> - </div> - <div class="ld-switch-popover__option" - aria-selected="{selection === 'nb' ? 'true' : 'false'}" - on:click={() => change("nb")} - role="option"> - <div class="text-xs margin-top-xxxs padding-x-xxxxs">Norsk</div> - </div> - <div class="ld-switch-popover__option" - aria-selected="{selection === 'preffered' ? 'true' : 'false'}" - on:click={() => change("preffered")} - role="option"> - <div class="text-xs margin-top-xxxs padding-x-xxxxs">Default</div> - </div> - </div> - </div> -</div> |
