re-add sync button next to last update label. always show it, and lab…

…el it "reload" instead of former "update".
ActivityWatch · Sep 11, 2024 · 994d551 · 994d551
1 parent 19a61fc
commit 994d551
Showing 1 changed file with 15 additions and 2 deletions.
diff --git 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;