From 7aa2899f8a3f32d6ad4be9b916639e0b7c79b16e Mon Sep 17 00:00:00 2001
From: Felix Fanghaenel <35657654+flxdot@users.noreply.github.com>
Date: Wed, 8 May 2024 17:39:13 +0200
Subject: [PATCH] feat: Load only visible timeseries (#62)

---
 .../frontend/src/pages/devices/devices-detail.vue    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/services/frontend/src/pages/devices/devices-detail.vue b/services/frontend/src/pages/devices/devices-detail.vue
index eb5c2ba..0767d06 100644
--- a/services/frontend/src/pages/devices/devices-detail.vue
+++ b/services/frontend/src/pages/devices/devices-detail.vue
@@ -62,14 +62,19 @@
         :duration="timeRange"
       />
     </div>
-    <prm-accordion>
+    <prm-accordion
+      :multiple="true"
+      :active-index="activeHiddenDrivers"
+    >
       <prm-accordion-tab
-        v-for="driver in deviceDriver?.filter((d) => !d.isVisibleOnDashboard) || []"
+        v-for="(driver, index) in deviceDriver?.filter((d) => !d.isVisibleOnDashboard) || []"
         :key="driver.driverIdentifier"
         :header="driver.displayName"
       >
         <driver-timeseries
-          v-if="deviceSignals !== undefined && deviceSignals.get(driver.driverIdentifier) !== undefined"
+          v-if="deviceSignals !== undefined
+            && deviceSignals.get(driver.driverIdentifier) !== undefined
+            && activeHiddenDrivers.includes(index)"
           :driver="driver"
           :signal-list="deviceSignals.get(driver.driverIdentifier) || []"
           :duration="timeRange"
@@ -130,6 +135,7 @@ const deviceDriver = ref<TGetDeviceDriversResponse | undefined>();
 const deviceSignals = reactive<Map<string, TGetDeviceDriversSignalsResponse | undefined>>(new Map());
 
 const timeRange = ref<Duration>(dayjs.duration(7, 'days'));
+const activeHiddenDrivers = ref<number[]>([]);
 
 function updateDevice() {
   getDeviceDetail(