From b7214161b8341b6174d6dc7fa9ed475216cdbe26 Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@users.noreply.github.com>
Date: Thu, 10 Aug 2023 13:39:21 +0200
Subject: [PATCH] live view: remove disabled -OnBattery-specifc views from DOM
 (#372)

instead of hiding views, we can also avoid adding them to the DOM. this
has a couple of advantages:

* no HTTP request for data is sent and no websocket connection is
  established for disabled features.
* JavaScript that causes errors due to incomplete or incompatible data
  of features that are disabled anyways do not trigger the browser
  debugger.
---
 webapp/src/views/HomeView.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/webapp/src/views/HomeView.vue b/webapp/src/views/HomeView.vue
index abd7eff7c..ab51e705b 100644
--- a/webapp/src/views/HomeView.vue
+++ b/webapp/src/views/HomeView.vue
@@ -114,13 +114,9 @@
                 </div>
             </div>
         </div>
-        <VedirectView v-show="liveData.vedirect.enabled" />
-        <div v-show="liveData.battery.enabled" >
-          <BatteryView/>
-        </div>
-        <div v-show="liveData.huawei.enabled" >
-          <HuaweiView/>
-        </div>
+        <VedirectView v-if="liveData.vedirect.enabled" />
+        <BatteryView v-if="liveData.battery.enabled" />
+        <HuaweiView v-if="liveData.huawei.enabled" />
     </BasePage>
    
     <div class="modal" id="eventView" tabindex="-1">