From de7e96cd01f70bfff80f42e7c709e67d44681920 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Wed, 7 Apr 2021 20:44:24 +0200
Subject: [PATCH] Implemented settings dialog

---
 src/Settings.svelte | 41 +++++++++--------------------------------
 1 file changed, 9 insertions(+), 32 deletions(-)

diff --git a/src/Settings.svelte b/src/Settings.svelte
index bdb88a3..922e1f0 100644
--- a/src/Settings.svelte
+++ b/src/Settings.svelte
@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
-
-  import { apikey, api_endpoint, lang, page, stationinfo } from "./store.js";
+  import { apikey, api_endpoint, lang, laptime_track, clear } from "./store.js";
+  export let settings_open = false;
 </script>
 
 <div class="p-5 min-h-screen">
@@ -9,34 +9,12 @@
     Lauf Für Kaya! Beamershow
   </h1>
   <h1 class="text-3xl w-full text-center text-gray-900">{$_("settings")}</h1>
+  <p class="block text-sm font-bold text-gray-700 mt-2">Endpoint</p>
+  <p class="block text-sm text-gray-700">{$api_endpoint}</p>
   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("api_key")}</p>
   <p class="block text-sm text-gray-700">{$apikey}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("station_description")}
-  </p>
-  <p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).description}
-  </p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("station_id")}</p>
-  <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).id}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_id")}</p>
-  <p class="block text-sm text-gray-700">{JSON.parse($stationinfo).track.id}</p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">{$_("track_name")}</p>
-  <p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.name}
-  </p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("track_distance")}
-  </p>
-  <p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.distance}
-  </p>
-  <p class="block text-sm font-bold text-gray-700 mt-2">
-    {$_("minimum_lap_time")}
-  </p>
-  <p class="block text-sm text-gray-700">
-    {JSON.parse($stationinfo).track.minimumLapTime}s
-  </p>
+  <p class="block text-sm font-bold text-gray-700 mt-2">Track</p>
+  <p class="block text-sm text-gray-700">{$laptime_track}</p>
   <p class="block text-sm font-bold text-gray-700 mt-2">{$_("language")}</p>
   <div class="w-full">
     <div class="inline-block mr-2 mt-2">
@@ -95,16 +73,15 @@
   <br />
   <button
     on:click={() => {
-      page.set("");
+      settings_open = false;
     }}
     class="mb-3 w-full py-3 border-black border-3 text-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
     >{$_("back_to_scanner")}</button
   >
   <button
     on:click={() => {
-      apikey.set("");
-      api_endpoint.set("");
-      page.set("");
+      clear();
+      settings_open = false;
     }}
     class="w-full py-3 bg-black text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"
     >{$_("log_out_from_this_client")}</button