From d58e2cd7808c14ef84277cd8b9fd1e122bfb912e Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Tue, 8 Jul 2025 08:52:04 +0200
Subject: [PATCH] Only display time charging plans if time charging is
 activated

---
 .../src/components/ChargePointTimeChargingPlans.vue    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlans.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlans.vue
index 055d058e6b..e16aa4c47b 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlans.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlans.vue
@@ -7,11 +7,11 @@
       </div>
     </div>
   </div>
-  <div class="row justify-between items-center">
+  <div v-if="timeChargingEnabled" class="row justify-between items-center">
     <div class="text-subtitle2">Termine Zeitladen:</div>
   </div>
   <div
-    v-if="plans.length === 0"
+    v-if="plans.length === 0 && timeChargingEnabled"
     class="row q-mt-sm q-pa-sm bg-primary text-white no-wrap message-text"
     color="primary"
     style="border-radius: 10px"
@@ -19,7 +19,7 @@
     <q-icon name="info" size="sm" class="q-mr-xs" />
     Keine Zeitpläne vorhanden.
   </div>
-  <div v-else>
+  <div v-else-if="timeChargingEnabled">
     <div v-for="(plan, index) in plans" :key="index" class="row q-mt-sm">
       <ChargePointTimeChargingPlanButton
         class="full-width"
@@ -45,6 +45,10 @@ const mqttStore = useMqttStore();
 const plans = computed(() =>
   mqttStore.vehicleTimeChargingPlans(props.chargePointId),
 );
+
+const timeChargingEnabled = mqttStore.chargePointConnectedVehicleTimeCharging(
+  props.chargePointId,
+);
 </script>
 
 <style scoped>