From e6d8861340f6998234d8b2446b918ab01738cf63 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Wed, 14 Apr 2021 17:14:54 +0200
Subject: [PATCH] add 'rst' to Login component

ref #18
---
 src/Login.svelte | 63 ++++++++++++++++++++++++++++++------------------
 1 file changed, 40 insertions(+), 23 deletions(-)

diff --git a/src/Login.svelte b/src/Login.svelte
index 9661726..e7ea006 100644
--- a/src/Login.svelte
+++ b/src/Login.svelte
@@ -1,7 +1,7 @@
 <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 { _, locale } from "svelte-i18n";
   let token;
@@ -9,9 +9,10 @@
   $: error = false;
   $: errormessage = "";
   $: isTokenValid =
-    token?.length === 44 &&
-    token.split(".")[0].length === 7 &&
-    isUUID(token.split(".")[1]);
+    token === "rst" ||
+    (token?.length === 44 &&
+      token.split(".")[0].length === 7 &&
+      isUUID(token.split(".")[1]));
   $: isEndpointValid = isURL(api_endpoint_input);
 </script>
 
@@ -66,22 +67,30 @@
           class="flex flex-col pt-3 md:pt-8"
           onsubmit="event.preventDefault();"
           on:submit={() => {
-            axios
-              .request({
-                method: "GET",
-                url: $api_endpoint + "api/stations/me",
-                headers: { Authorization: "Bearer " + token },
-              })
-              .then(function (response) {
-                error = false;
-                errormessage = "";
-                apikey.set(token);
-                stationinfo.set(JSON.stringify(response.data));
-              })
-              .catch(function (e) {
-                error = true;
-                errormessage = e.response.data.short;
-              });
+            if (token === "rst") {
+              apikey.set("");
+              api_endpoint.set("");
+              page.set("");
+              token = "";
+              api_endpoint_input = "";
+            } else {
+              axios
+                .request({
+                  method: "GET",
+                  url: $api_endpoint + "api/stations/me",
+                  headers: { Authorization: "Bearer " + token },
+                })
+                .then(function (response) {
+                  error = false;
+                  errormessage = "";
+                  apikey.set(token);
+                  stationinfo.set(JSON.stringify(response.data));
+                })
+                .catch(function (e) {
+                  error = true;
+                  errormessage = e.response.data.short;
+                });
+            }
           }}
         >
           <div class="flex flex-col pt-4">
@@ -117,10 +126,18 @@
           class="flex flex-col pt-3 md:pt-8"
           onsubmit="event.preventDefault();"
           on:submit={() => {
-            if (api_endpoint_input.substr(-1) !== "/") {
-              api_endpoint_input = api_endpoint_input + "/";
+            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);
             }
-            api_endpoint.set(api_endpoint_input);
           }}
         >
           <div class="flex flex-col pt-4">