From 994d551fd1359ab2f40d93f4af3064159fd0d749 Mon Sep 17 00:00:00 2001
From: Ueli Kunz <ueli.kunz@srf.ch>
Date: Wed, 11 Sep 2024 22:05:12 +0200
Subject: [PATCH] re-add sync button next to last update label. always show it,
 and label it "reload" instead of former "update".

---
 src/components/InputTimeInterval.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/InputTimeInterval.vue b/src/components/InputTimeInterval.vue
index 3a63ab0e..6f7b6379 100644
--- a/src/components/InputTimeInterval.vue
+++ b/src/components/InputTimeInterval.vue
@@ -37,8 +37,15 @@ div
           @click="applyRange"
         ) Apply
 
-  div.mt-1.small.text-muted(v-if="lastUpdate", v-bind:title="lastUpdate")
-    | Last update: #[time(:datetime="lastUpdate.format()") {{lastUpdate | friendlytime}}]
+  div.mt-1
+    div.d-inline-block.mr-2(v-if="showUpdate")
+      b-button.px-2(@click="update()", variant="outline-dark", size="sm")
+        icon(name="sync")
+        span.d-none.d-md-inline
+          |  Reload
+
+    div.d-inline-block.small.text-muted(v-if="lastUpdate", v-bind:title="lastUpdate")
+      | Last update: #[time(:datetime="lastUpdate.format()") {{lastUpdate | friendlytime}}]
 </template>
 
 <style scoped lang="scss">
@@ -134,6 +141,12 @@ export default {
         this.$emit('input', this.value);
       }
     },
+    update() {
+      const tmpMode = this.mode;
+      this.mode = '';
+      this.mode = tmpMode;
+      this.valueChanged();
+    },
     applyRange() {
       this.mode = 'range';
       this.duration = 0;