From 9010b5d81e1df7d41a64ae8afa99ba6ef1077c43 Mon Sep 17 00:00:00 2001
From: mikailkilli <mikail.killi@hamburger-software.de>
Date: Tue, 15 Oct 2024 10:52:06 +0200
Subject: [PATCH] added timed refresh

---
 web/src/components/ListViewElement.vue | 12 ++++++++++--
 web/src/components/TableCategory.vue   |  3 +++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ListViewElement.vue b/web/src/components/ListViewElement.vue
index d0b3d5d..1aa8eb7 100644
--- a/web/src/components/ListViewElement.vue
+++ b/web/src/components/ListViewElement.vue
@@ -42,7 +42,7 @@
 
 <script setup lang="ts">
 import { Node, SensorData } from "@/types"; 
-import { ComputedRef, inject, ref, watch, onMounted, computed } from "vue";
+import { ComputedRef, inject, ref, watch, onMounted, computed, onUnmounted } from "vue";
 import { key } from "@/store";
 import axios from "axios";
 
@@ -59,7 +59,7 @@ watch([searching, visibleIds], ([searching, visibleIds]) => {
   visible.value = searching ? visibleIds.includes(props.node.id) : true;
 });
 
-onMounted(async () => {
+const fetchSensorData = async () => {
   try {
     const { data } = await axios.get<SensorData[]>(
       `http://localhost:8080/api/v1/data?id=${props.node.id}`
@@ -68,6 +68,14 @@ onMounted(async () => {
   } catch (error) {
     console.error("Error fetching sensor data:", error);
   }
+}
+
+onMounted(async () => {
+  fetchSensorData()
+
+  const interval = setInterval(fetchSensorData, 10000)
+
+  onUnmounted(() => clearInterval(interval))
 });
 
 const latestSensorData = computed(() => {
diff --git a/web/src/components/TableCategory.vue b/web/src/components/TableCategory.vue
index c08cb76..c201c28 100644
--- a/web/src/components/TableCategory.vue
+++ b/web/src/components/TableCategory.vue
@@ -44,10 +44,13 @@ export default {
   data() {
     return {
       tableData: [],
+      updateInterval: null,
     };
   },
   mounted() {
     this.fetchNodesAndData();
+
+    this.updateInterval = setInterval(this.fetchNodesAndData, 10000)
   },
   methods: {
   async fetchNodesAndData() {