aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/components/locale-switcher.svelte
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/components/locale-switcher.svelte
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-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.svelte62
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>