Adding vue copy/paste from daggy

2022-10-07 12:25:41 -03:00
parent 6b49038db6
commit e711b3249b
33 changed files with 4831 additions and 42 deletions
@@ -0,0 +1,40 @@
+<script>
+export default {
+  props: ['refreshSeconds', 'daggydURL'],
+  data() {
+    return {
+      interval: this.refreshSeconds,
+      url: this.daggydURL,
+    };
+  },
+  emits: ['update-refresh-interval', 'update-daggyd-url'],
+  computed: {
+    validRefreshIntervals() {
+      return [5, 10, 15, 30, 60, 300, 600];
+    },
+    isSelected(interval) {
+      return (interval === this.refreshSeconds ? 'selected' : 'unselected');
+    },
+  },
+};
+</script>
+
+<template>
+  <details>
+    <summary>Global Settings</summary>
+      <label>
+        Daggy Base URL
+        <input @change="$emit('update-daggyd-url', url)" v-model="url"/>
+      </label>
+      <label>Refresh Interval (seconds)
+        <select @change="$emit('update-refresh-interval', interval)" v-model="interval">
+          <option v-for="interval in validRefreshIntervals"
+            :key="interval"
+            :value="interval"
+            >
+            {{ interval }} Seconds
+            </option>
+        </select>
+      </label>
+  </details>
+</template>