From e202dd34446ebf5ed8584d88815557ea748cc890 Mon Sep 17 00:00:00 2001
From: sgenoud <steve@sgenoud.com>
Date: Tue, 9 Apr 2019 04:23:16 +0200
Subject: [PATCH] feat: Add a setting to reload the page (#1132)

* Add reload setting

The iOS PWA version does not allow you to reload the page - even with killing
the app. This is useful for reloading new versions of the app (as well as
solving bad transient state issues).

* make href use #
---
 src/routes/_components/settings/SettingsListButton.html | 2 +-
 src/routes/_pages/settings/index.html                   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/routes/_components/settings/SettingsListButton.html b/src/routes/_components/settings/SettingsListButton.html
index b635dfd6..5ea87eb7 100644
--- a/src/routes/_components/settings/SettingsListButton.html
+++ b/src/routes/_components/settings/SettingsListButton.html
@@ -1,4 +1,4 @@
-<a {href} rel="prefetch" aria-label={ariaLabel || label} class="settings-list-button {className ? className : ''}">
+<a {href} on:click="fire('click', event)" rel="prefetch" aria-label={ariaLabel || label} class="settings-list-button {className ? className : ''}">
   <span>
     {label}
   </span>
diff --git a/src/routes/_pages/settings/index.html b/src/routes/_pages/settings/index.html
index 442075a0..45503ed0 100644
--- a/src/routes/_pages/settings/index.html
+++ b/src/routes/_pages/settings/index.html
@@ -11,6 +11,9 @@
     <SettingsListRow>
       <SettingsListButton href="/settings/hotkeys" label="Hotkeys"/>
     </SettingsListRow>
+    <SettingsListRow>
+    <SettingsListButton href="#" on:click="reload(event)" label="Reload"/>
+    </SettingsListRow>
     <SettingsListRow>
       <SettingsListButton href="/settings/about" label="About Pinafore"/>
     </SettingsListRow>
@@ -29,6 +32,12 @@
       SettingsList,
       SettingsListRow,
       SettingsListButton
+    },
+    methods: {
+      reload (event) {
+        event.preventDefault()
+        document.location.reload(true)
+      }
     }
   }
 </script>