From 6401aeb3a850b1dd9ec4eca5c181ebcf3ed8b7e9 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Fri, 29 Jan 2021 18:49:02 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20working=20Imprint=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #46
---
 package.json                  |  1 +
 public/imprint_en.md          |  1 +
 src/components/Imprint.svelte | 32 ++++++++++++++++++++++++++++++--
 src/locales/en.json           |  2 ++
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 public/imprint_en.md

diff --git a/package.json b/package.json
index b0b2bd33..d8874e53 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
 		"gridjs": "3.2.2",
 		"localforage": "1.9.0",
 		"lodash.isequal": "^4.5.0",
+		"marked": "^1.2.8",
 		"svelte-filepond": "0.0.1",
 		"svelte-focus-trap": "1.0.1",
 		"svelte-i18n": "3.3.0",
diff --git a/public/imprint_en.md b/public/imprint_en.md
new file mode 100644
index 00000000..a56808ce
--- /dev/null
+++ b/public/imprint_en.md
@@ -0,0 +1 @@
+Nostrud tempor dolor aute ea excepteur aute mollit elit eiusmod exercitation. Magna laborum pariatur adipisicing pariatur cupidatat exercitation duis aliquip pariatur sint exercitation deserunt labore. Consectetur id laboris dolore nostrud do velit ipsum. Eu laboris velit do commodo ad ea sint ex cillum. Cillum ipsum qui eiusmod laborum mollit sunt dolore incididunt. Cillum sunt culpa veniam voluptate et qui ut magna anim occaecat ut mollit dolor. Duis irure proident eu incididunt dolore sunt nisi aute dolore amet eu fugiat laboris quis.
\ No newline at end of file
diff --git a/src/components/Imprint.svelte b/src/components/Imprint.svelte
index 8265bb68..dcb6a07d 100644
--- a/src/components/Imprint.svelte
+++ b/src/components/Imprint.svelte
@@ -1,16 +1,44 @@
 <script>
-  import { _ } from "svelte-i18n";
+  import { _, getLocaleFromNavigator } from "svelte-i18n";
   import * as css from "./imprint.css";
+  import marked from "marked";
+  let imprint_promise = Promise.resolve([]);
+  let imprinthtml = "";
+  async function loadImprint() {
+    let md = await fetch("/imprint_" + getLocaleFromNavigator() + ".md");
+    if (!md.ok) {
+      md = await fetch("/imprint_en.md");
+    }
+    imprinthtml = marked(await md.text());
+  }
+  imprint_promise = loadImprint();
 </script>
+
 <div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
   <div class="text-center mb-8">
     <h1
       class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl">
-      Imprint 🧾
+      {$_('imprint')}
     </h1>
   </div>
 </div>
+
 <div class="pt-0 pb-16 overflow-hidden lg:pt-12 lg:py-24">
   <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+    {#await imprint_promise}
+      <p class="text-center w-full">{$_('imprint-loading')}</p>
+    {:then}
+      <div class="imprintcontent">
+        {@html imprinthtml}
+      </div>
+    {:catch error}
+      <div
+        class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
+        <span class="inline-block align-middle mr-8">
+          <b class="capitalize">{$_('general_promise_error')}</b>
+          {error}
+        </span>
+      </div>
+    {/await}
   </div>
 </div>
diff --git a/src/locales/en.json b/src/locales/en.json
index e709c0ba..d4ae21c3 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -96,6 +96,8 @@
     "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
     "import-runners": "Import runners",
     "import__target-organization": "Target Organization",
+    "imprint": "Imprint 🧾",
+    "imprint-loading": "Imprint loading...",
     "installed-version": "Installed version",
     "invalid-mail-reset": "the provided email is invalid",
     "last-name": "Last name",