From b4aad4b3c7d7ed8bc59be6a6cbb701237fc82fad Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Sat, 18 Jun 2022 05:20:01 +0200
Subject: [PATCH] webapp: select first inverter when loaded

---
 webapp/src/components/HomeView.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/HomeView.vue b/webapp/src/components/HomeView.vue
index 30dd1c3..b580dac 100644
--- a/webapp/src/components/HomeView.vue
+++ b/webapp/src/components/HomeView.vue
@@ -71,6 +71,7 @@
 
 <script>
 import InverterChannelInfo from "@/components/partials/InverterChannelInfo";
+import bootstrap from "bootstrap/dist/js/bootstrap.js";
 
 export default {
   components: {
@@ -82,6 +83,7 @@ export default {
       heartInterval: null,
       waitForData: true,
       inverterData: [],
+      isFirstFetchAfterConnect: true,
     };
   },
   created() {
@@ -90,6 +92,20 @@ export default {
   unmounted() {
     this.closeSocket();
   },
+  updated() {
+    // Select first tab
+    if (this.isFirstFetchAfterConnect) {
+      this.isFirstFetchAfterConnect = false;
+
+      var firstTabEl = this.$el.querySelector(
+        "#v-pills-tab:first-child button"
+      );
+      if (firstTabEl != null) {
+        var firstTab = new bootstrap.Tab(firstTabEl);
+        firstTab.show();
+      }
+    }
+  },
   methods: {
     initSocket() {
       console.log("Starting connection to WebSocket Server");
@@ -126,7 +142,7 @@ export default {
           // Connection status
           this.socket.send("ping");
         } else {
-            this.initSocket(); // Breakpoint reconnection 5 Time
+          this.initSocket(); // Breakpoint reconnection 5 Time
         }
       }, 59 * 1000);
     },
@@ -134,6 +150,7 @@ export default {
     closeSocket() {
       this.socket.close();
       this.heartInterval && clearTimeout(this.heartInterval);
+      this.isFirstFetchAfterConnect = true;
     },
   },
 };