From 38431710cfb1cc1ffd7297085d069be1328f083b Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Sun, 29 Aug 2021 21:49:37 +0200
Subject: Add project

---
 src/lib/components/language_selector.svelte | 31 +++++++++++++++++++++++++++++
 src/lib/components/loader.svelte            |  3 +++
 src/lib/components/new_prompt.svelte        | 21 +++++++++++++++++++
 src/lib/components/prompt.svelte            | 16 +++++++++++++++
 4 files changed, 71 insertions(+)
 create mode 100644 src/lib/components/language_selector.svelte
 create mode 100644 src/lib/components/loader.svelte
 create mode 100644 src/lib/components/new_prompt.svelte
 create mode 100644 src/lib/components/prompt.svelte

(limited to 'src/lib/components')

diff --git a/src/lib/components/language_selector.svelte b/src/lib/components/language_selector.svelte
new file mode 100644
index 0000000..e8d0c44
--- /dev/null
+++ b/src/lib/components/language_selector.svelte
@@ -0,0 +1,31 @@
+<script>
+	import { locale, locales } from 'svelte-i18n';
+	import { getLangNameFromCode } from 'language-name-map';
+  import { goto } from '$app/navigation';
+
+	$: namedLocales = $locales
+	  .map((code) => ({
+	    code,
+	    ...getLangNameFromCode(code)
+	  }))
+	  .sort((a, b) => a.native - b.native);
+
+	let selected = $locale;
+
+	$: {
+	  locale.set(selected);
+	}
+
+  const navigateAway = function () {
+    goto('/');
+  };
+</script>
+
+<select bind:value={selected} on:change={navigateAway}>
+	{#each namedLocales as namedLocale}
+		<option value={namedLocale.code}>{namedLocale.native}</option>
+	{/each}
+</select>
+
+<style>
+</style>
diff --git a/src/lib/components/loader.svelte b/src/lib/components/loader.svelte
new file mode 100644
index 0000000..4309aff
--- /dev/null
+++ b/src/lib/components/loader.svelte
@@ -0,0 +1,3 @@
+<script>
+</script>
+<p> Loading... </p>
diff --git a/src/lib/components/new_prompt.svelte b/src/lib/components/new_prompt.svelte
new file mode 100644
index 0000000..f44ecf1
--- /dev/null
+++ b/src/lib/components/new_prompt.svelte
@@ -0,0 +1,21 @@
+<script>
+  import { _ } from 'svelte-i18n';
+  import { getPrompt } from '$lib/stores/prompt';
+  import { goto } from '$app/navigation';
+
+  export let locale
+
+	$: prompt = getPrompt(locale);
+
+  $: {
+    if ($prompt) {
+      goto(`/${locale.split('-')[0]}/${$prompt}`);
+    }
+  }
+</script>
+
+<article>
+  <main>
+    {$_('loading')}
+  </main>
+</article>
diff --git a/src/lib/components/prompt.svelte b/src/lib/components/prompt.svelte
new file mode 100644
index 0000000..fbdc9ef
--- /dev/null
+++ b/src/lib/components/prompt.svelte
@@ -0,0 +1,16 @@
+<script>
+  import { _ } from 'svelte-i18n';
+  export let terms
+</script>
+
+<article>
+  <header>
+    {$_('title')}
+  </header>
+  <main>
+    {terms}
+  </main>
+  <footer>
+    <a href="/">{$_('refresh')}</a>
+  </footer>
+</article>
-- 
cgit