Merge branch 'dev' into feature/18-add-rst-login

Reviewed-on: #19
close #17

src/Login.svelte

@@ -1,17 +1,19 @@
 <script>
   import isURL from "validator/lib/isURL";
   import isUUID from "validator/lib/isUUID";
-  import { apikey, lang, stationinfo, api_endpoint } from "./store.js";
+  import { apikey, lang, stationinfo, api_endpoint, page } from "./store.js";
   import axios from "axios";
+  import background from "./kaya_kids_background.jpg";
   import { _, locale } from "svelte-i18n";
   let token;
   let api_endpoint_input = "";
   $: error = false;
   $: errormessage = "";
   $: isTokenValid =
-    token?.length === 44 &&
+    token === "rst" ||
+    (token?.length === 44 &&
       token.split(".")[0].length === 7 &&
-    isUUID(token.split(".")[1]);
+      isUUID(token.split(".")[1]));
   $: isEndpointValid = isURL(api_endpoint_input);
 </script>
 
@@ -66,6 +68,13 @@
           class="flex flex-col pt-3 md:pt-8"
           onsubmit="event.preventDefault();"
           on:submit={() => {
+            if (token === "rst") {
+              apikey.set("");
+              api_endpoint.set("");
+              page.set("");
+              token = "";
+              api_endpoint_input = "";
+            } else {
               axios
                 .request({
                   method: "GET",
@@ -82,6 +91,7 @@
                   error = true;
                   errormessage = e.response.data.short;
                 });
+            }
           }}
         >
           <div class="flex flex-col pt-4">
@@ -117,10 +127,18 @@
           class="flex flex-col pt-3 md:pt-8"
           onsubmit="event.preventDefault();"
           on:submit={() => {
+            if (api_endpoint_input === "rst") {
+              apikey.set("");
+              api_endpoint.set("");
+              page.set("");
+              token = "";
+              api_endpoint_input = "";
+            } else {
               if (api_endpoint_input.substr(-1) !== "/") {
                 api_endpoint_input = api_endpoint_input + "/";
               }
               api_endpoint.set(api_endpoint_input);
+            }
           }}
         >
           <div class="flex flex-col pt-4">
@@ -239,7 +257,7 @@
     <img
       alt=""
       class="object-cover w-full h-screen hidden md:block"
-      src="https://source.unsplash.com/IXUM4cJynP0"
+      src={background}
     />
   </div>
 </div>