From 7378b34a676b65d8a4732e672c25c73096d7e59c Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Tue, 20 Feb 2024 18:12:40 +0100
Subject: [PATCH] fix(ui): ensure action bar is displayed
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 ui/web/src/App.vue                                    | 2 +-
 ui/web/src/components/actions/AddChargingStations.vue | 2 +-
 ui/web/src/views/ChargingStationsView.vue             | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index ab08dea6..325c6bd8 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <router-view />
-  <Container id="action-container">
+  <Container v-show="$route.path !== '/'" id="action-container">
     <router-view name="action" />
   </Container>
 </template>
diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index 9acd2d5e..8412fdd0 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -2,7 +2,7 @@
   <h1 id="action">Action</h1>
   <h2>Add Charging Stations</h2>
   <p>Template:</p>
-  <select v-if="state.ready" v-model="state.template">
+  <select v-show="state.ready" v-model="state.template">
     <option disabled value="">Please select a template</option>
     <option v-for="template in app?.appContext.config.globalProperties.$templates">
       {{ template }}
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index 50851055..d5868083 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -13,7 +13,7 @@
       />
     </Container>
     <CSTable
-      v-if="
+      v-show="
         Array.isArray(app?.appContext.config.globalProperties.$chargingStations) &&
         app?.appContext.config.globalProperties.$chargingStations.length > 0
       "
@@ -94,7 +94,6 @@ const stopSimulator = (): void => {
 #charging-stations-container {
   height: fit-content;
   width: 100%;
-  position: absolute;
   display: flex;
   flex-direction: column;
 }
-- 
2.34.1