From 1cffd5ea6c4cc91a265297353974085893bd9d52 Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Mon, 8 Dec 2025 17:35:57 +0100
Subject: [PATCH 1/5] Reorder input items in scheduled charging and time
 charging

---
 .../ChargePointScheduledPlanDetails.vue       | 162 +++++++++---------
 .../ChargePointTimeChargingPlanDetails.vue    | 136 +++++++--------
 2 files changed, 147 insertions(+), 151 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
index 01fcf04e4e..73f08a16e2 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
@@ -30,6 +30,55 @@
           class="col"
         />
       </div>
+      <div class="q-mb-sm">
+        <div class="text-subtitle2 q-mb-sm q-mt-sm">Wiederholungen</div>
+        <q-btn-group spread>
+          <q-btn
+            size="sm"
+            :color="planFrequency.value === 'once' ? 'primary' : 'grey'"
+            @click="planFrequency.value = 'once'"
+            label="Einmalig"
+          />
+          <q-btn
+            size="sm"
+            :color="planFrequency.value === 'daily' ? 'primary' : 'grey'"
+            @click="planFrequency.value = 'daily'"
+            label="Täglich"
+          />
+          <q-btn
+            size="sm"
+            :color="planFrequency.value === 'weekly' ? 'primary' : 'grey'"
+            @click="planFrequency.value = 'weekly'"
+            label="Wöchentlich"
+          />
+        </q-btn-group>
+        <div v-if="planFrequency.value === 'once'" class="q-mt-sm">
+          <q-input
+            v-model="planOnceDate.value"
+            type="date"
+            label="Datum"
+            :min="new Date().toISOString().split('T')[0]"
+          />
+        </div>
+        <!-- Weekly buttons -->
+        <div
+          v-if="planFrequency.value === 'weekly'"
+          class="q-mt-sm row items-center q-gutter-sm justify-center no-wrap"
+        >
+          <div v-for="(day, index) in weekDays" :key="day">
+            <q-btn
+              round
+              :size="$q.platform.is.mobile ? '0.8rem' : '0.7rem'"
+              :flat="!selectedWeekDays[index]"
+              :outline="selectedWeekDays[index]"
+              color="primary"
+              :label="day"
+              :class="{ deselected: !selectedWeekDays[index] }"
+              @click="selectDay(index)"
+            />
+          </div>
+        </div>
+      </div>
       <SliderStandard
         class="q-mb-sm"
         :title="planDcChargingEnabled ? 'Ladestrom (AC)' : 'Ladestrom'"
@@ -48,6 +97,37 @@
           <div class="text-body2">kW</div>
         </template>
       </q-input>
+      <div class="text-subtitle2 q-mr-sm">Anzahl Phasen Zielladen</div>
+      <div class="row items-center justify-center q-ma-none q-pa-none no-wrap">
+        <q-btn-group class="col">
+          <q-btn
+            v-for="option in phaseOptions"
+            :key="option.value"
+            :color="planNumPhases.value === option.value ? 'primary' : 'grey'"
+            :label="option.label"
+            size="sm"
+            class="col"
+            @click="planNumPhases.value = option.value"
+          />
+        </q-btn-group>
+      </div>
+      <div class="text-subtitle2 q-mt-md q-mr-sm">
+        Anzahl Phasen bei PV-Überschuss
+      </div>
+      <div class="row items-center justify-center q-ma-none q-pa-none no-wrap">
+        <q-btn-group class="col">
+          <q-btn
+            v-for="option in phaseOptions"
+            :key="option.value"
+            :color="planNumPhasesPv.value === option.value ? 'primary' : 'grey'"
+            :label="option.label"
+            size="sm"
+            class="col"
+            @click="planNumPhasesPv.value = option.value"
+          />
+        </q-btn-group>
+      </div>
+      <div class="text-subtitle2 q-mt-sm q-mr-sm">Ziel</div>
       <q-btn-group class="full-width">
         <q-btn
           size="sm"
@@ -93,7 +173,6 @@
           <div class="text-body2">kWh</div>
         </template>
       </q-input>
-
       <div
         v-if="
           planLimitSelected.value === 'soc' &&
@@ -120,55 +199,6 @@
         label="Bidirektionales Ladeleistung (kW)"
         class="col"
       />
-      <div class="q-mb-md">
-        <div class="text-subtitle2 q-mb-sm q-mt-sm">Wiederholungen</div>
-        <q-btn-group spread>
-          <q-btn
-            size="sm"
-            :color="planFrequency.value === 'once' ? 'primary' : 'grey'"
-            @click="planFrequency.value = 'once'"
-            label="Einmalig"
-          />
-          <q-btn
-            size="sm"
-            :color="planFrequency.value === 'daily' ? 'primary' : 'grey'"
-            @click="planFrequency.value = 'daily'"
-            label="Täglich"
-          />
-          <q-btn
-            size="sm"
-            :color="planFrequency.value === 'weekly' ? 'primary' : 'grey'"
-            @click="planFrequency.value = 'weekly'"
-            label="Wöchentlich"
-          />
-        </q-btn-group>
-        <div v-if="planFrequency.value === 'once'" class="q-mt-sm">
-          <q-input
-            v-model="planOnceDate.value"
-            type="date"
-            label="Datum"
-            :min="new Date().toISOString().split('T')[0]"
-          />
-        </div>
-        <!-- Weekly buttons -->
-        <div
-          v-if="planFrequency.value === 'weekly'"
-          class="q-mt-sm row items-center q-gutter-sm justify-center no-wrap"
-        >
-          <div v-for="(day, index) in weekDays" :key="day">
-            <q-btn
-              round
-              :size="$q.platform.is.mobile ? '0.8rem' : '0.7rem'"
-              :flat="!selectedWeekDays[index]"
-              :outline="selectedWeekDays[index]"
-              color="primary"
-              :label="day"
-              :class="{ deselected: !selectedWeekDays[index] }"
-              @click="selectDay(index)"
-            />
-          </div>
-        </div>
-      </div>
       <div class="row items-center justify-between">
         <div class="text-subtitle2 q-mr-sm">Strompreisbasiert laden</div>
         <ToggleStandard
@@ -177,37 +207,7 @@
           color="positive"
         />
       </div>
-      <div class="text-subtitle2 q-mt-sm q-mr-sm">Anzahl Phasen Zielladen</div>
-      <div class="row items-center justify-center q-ma-none q-pa-none no-wrap">
-        <q-btn-group class="col">
-          <q-btn
-            v-for="option in phaseOptions"
-            :key="option.value"
-            :color="planNumPhases.value === option.value ? 'primary' : 'grey'"
-            :label="option.label"
-            size="sm"
-            class="col"
-            @click="planNumPhases.value = option.value"
-          />
-        </q-btn-group>
-      </div>
-      <div class="text-subtitle2 q-mt-md q-mr-sm">
-        Anzahl Phasen bei PV-Überschuss
-      </div>
-      <div class="row items-center justify-center q-ma-none q-pa-none no-wrap">
-        <q-btn-group class="col">
-          <q-btn
-            v-for="option in phaseOptions"
-            :key="option.value"
-            :color="planNumPhasesPv.value === option.value ? 'primary' : 'grey'"
-            :label="option.label"
-            size="sm"
-            class="col"
-            @click="planNumPhasesPv.value = option.value"
-          />
-        </q-btn-group>
-      </div>
-      <div class="row q-mt-lg">
+      <div class="row q-mt-md">
         <q-btn
           size="sm"
           class="col"
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
index a1b2331c7c..3445ad71fa 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
@@ -36,74 +36,8 @@
           class="col"
         />
       </div>
-
-      <SliderStandard
-        class="q-mb-sm"
-        title="Ladestrom"
-        :min="6"
-        :max="32"
-        unit="A"
-        v-model="planCurrent.value"
-      />
-      <q-input
-        v-if="planDcChargingEnabled"
-        v-model="planDcPower.value"
-        label="Ladeleistung (DC)"
-        class="col q-mb-sm"
-      >
-        <template v-slot:append>
-          <div class="text-body2">kW</div>
-        </template>
-      </q-input>
-
-      <div class="text-subtitle2 q-mb-sm">Begrenzung</div>
-      <q-btn-group class="full-width">
-        <q-btn
-          size="sm"
-          class="flex-grow"
-          :color="planLimitSelected.value === 'none' ? 'primary' : 'grey'"
-          @click="planLimitSelected.value = 'none'"
-          label="Aus"
-        />
-        <q-btn
-          size="sm"
-          class="flex-grow"
-          :color="planLimitSelected.value === 'soc' ? 'primary' : 'grey'"
-          @click="planLimitSelected.value = 'soc'"
-          label="SoC"
-        />
-        <q-btn
-          size="sm"
-          class="flex-grow"
-          :color="planLimitSelected.value === 'amount' ? 'primary' : 'grey'"
-          @click="planLimitSelected.value = 'amount'"
-          label="Energie"
-        />
-      </q-btn-group>
-      <div v-if="planLimitSelected.value === 'soc'" class="q-mt-md">
-        <SliderStandard
-          title="Ziel-SoC für das Fahrzeug"
-          :min="5"
-          :max="100"
-          :step="5"
-          unit="%"
-          v-model="planSocLimit.value"
-          class="q-mt-sm"
-        />
-      </div>
-      <q-input
-        v-if="planLimitSelected.value === 'amount'"
-        v-model="planLimitAmount.value"
-        label="Ziel-Energie"
-        class="col"
-      >
-        <template v-slot:append>
-          <div class="text-body2">kWh</div>
-        </template>
-      </q-input>
-
-      <div class="q-mb-md">
-        <div class="text-subtitle2 q-mb-sm q-mt-md">Wiederholungen</div>
+      <div class="q-mb-sm">
+        <div class="text-subtitle2 q-mt-md">Wiederholungen</div>
         <q-btn-group spread>
           <q-btn
             size="sm"
@@ -156,8 +90,25 @@
           </div>
         </div>
       </div>
-
-      <div class="text-subtitle2 q-mt-sm q-mr-sm">Anzahl Phasen</div>
+      <SliderStandard
+        class="q-mb-sm"
+        :title="planDcChargingEnabled ? 'Ladestrom (AC)' : 'Ladestrom'"
+        :min="6"
+        :max="32"
+        unit="A"
+        v-model="planCurrent.value"
+      />
+      <q-input
+        v-if="planDcChargingEnabled"
+        v-model="planDcPower.value"
+        label="Ladeleistung (DC)"
+        class="col q-mb-sm"
+      >
+        <template v-slot:append>
+          <div class="text-body2">kW</div>
+        </template>
+      </q-input>
+      <div class="text-subtitle2 q-mr-sm">Anzahl Phasen</div>
       <div class="row items-center justify-center q-ma-none q-pa-none no-wrap">
         <q-btn-group class="col">
           <q-btn
@@ -171,6 +122,51 @@
           />
         </q-btn-group>
       </div>
+      <div class="text-subtitle2 q-mt-sm">Begrenzung</div>
+      <q-btn-group class="full-width">
+        <q-btn
+          size="sm"
+          class="flex-grow"
+          :color="planLimitSelected.value === 'none' ? 'primary' : 'grey'"
+          @click="planLimitSelected.value = 'none'"
+          label="Aus"
+        />
+        <q-btn
+          size="sm"
+          class="flex-grow"
+          :color="planLimitSelected.value === 'soc' ? 'primary' : 'grey'"
+          @click="planLimitSelected.value = 'soc'"
+          label="SoC"
+        />
+        <q-btn
+          size="sm"
+          class="flex-grow"
+          :color="planLimitSelected.value === 'amount' ? 'primary' : 'grey'"
+          @click="planLimitSelected.value = 'amount'"
+          label="Energie"
+        />
+      </q-btn-group>
+      <div v-if="planLimitSelected.value === 'soc'" class="q-mt-md">
+        <SliderStandard
+          title="Ziel-SoC für das Fahrzeug"
+          :min="5"
+          :max="100"
+          :step="5"
+          unit="%"
+          v-model="planSocLimit.value"
+          class="q-mt-sm"
+        />
+      </div>
+      <q-input
+        v-if="planLimitSelected.value === 'amount'"
+        v-model="planLimitAmount.value"
+        label="Ziel-Energie"
+        class="col"
+      >
+        <template v-slot:append>
+          <div class="text-body2">kWh</div>
+        </template>
+      </q-input>
       <div class="row q-mt-lg">
         <q-btn
           size="sm"

From 126d7f874703a5e17413cea051fb75a34ccf6f15 Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Tue, 9 Dec 2025 15:09:37 +0100
Subject: [PATCH 2/5] Add Info message to scheduled plan - fix text
 inconsistencies

---
 .../src/components/ChargePointEcoSettings.vue |  2 +-
 .../components/ChargePointInstantSettings.vue |  2 +-
 .../src/components/ChargePointPvSettings.vue  |  2 +-
 .../ChargePointScheduledPlanDetails.vue       | 20 +++++++++++++++----
 .../ChargePointScheduledSettings.vue          |  1 +
 .../ChargePointTimeChargingPlanDetails.vue    |  4 ++--
 6 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointEcoSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointEcoSettings.vue
index ec5533ae10..4bdc794e23 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointEcoSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointEcoSettings.vue
@@ -165,7 +165,7 @@ const limitModes = computed(() => {
   let modes = [
     { value: 'none', label: 'keine', color: 'primary' },
     { value: 'soc', label: 'EV-SoC', color: 'primary' },
-    { value: 'amount', label: 'Energiemenge', color: 'primary' },
+    { value: 'amount', label: 'Energie', color: 'primary' },
   ];
   if (vehicleSocType.value === undefined) {
     modes = modes.filter((mode) => mode.value !== 'soc');
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointInstantSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointInstantSettings.vue
index 1ad91b72b0..04d1feed04 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointInstantSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointInstantSettings.vue
@@ -81,7 +81,7 @@ const limitModes = computed(() => {
   let modes = [
     { value: 'none', label: 'keine', color: 'primary' },
     { value: 'soc', label: 'EV-SoC', color: 'primary' },
-    { value: 'amount', label: 'Energiemenge', color: 'primary' },
+    { value: 'amount', label: 'Energie', color: 'primary' },
   ];
   if (vehicleSocType.value === undefined) {
     modes = modes.filter((mode) => mode.value !== 'soc');
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointPvSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointPvSettings.vue
index b23bccf6b5..db8851b10a 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointPvSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointPvSettings.vue
@@ -142,7 +142,7 @@ const limitModes = computed(() => {
   let modes = [
     { value: 'none', label: 'keine', color: 'primary' },
     { value: 'soc', label: 'EV-SoC', color: 'primary' },
-    { value: 'amount', label: 'Energiemenge', color: 'primary' },
+    { value: 'amount', label: 'Energie', color: 'primary' },
   ];
   if (vehicleSocType.value === undefined) {
     modes = modes.filter((mode) => mode.value !== 'soc');
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
index 73f08a16e2..31a6555980 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card class="rounded-borders-md">
+  <q-card>
     <q-card-section>
       <div class="row no-wrap">
         <div class="text-h6 ellipsis" :title="planName.value">
@@ -26,7 +26,7 @@
         <q-input
           v-model="planTime.value"
           type="time"
-          label="Ziel-Uhrzeit"
+          label="Ziel-Termin"
           class="col"
         />
       </div>
@@ -134,7 +134,7 @@
           class="flex-grow"
           :color="planLimitSelected.value === 'soc' ? 'primary' : 'grey'"
           @click="planLimitSelected.value = 'soc'"
-          label="SoC"
+          label="EV-SoC"
         />
         <q-btn
           size="sm"
@@ -199,7 +199,7 @@
         label="Bidirektionales Ladeleistung (kW)"
         class="col"
       />
-      <div class="row items-center justify-between">
+      <div class="row items-center justify-between q-mb-sm">
         <div class="text-subtitle2 q-mr-sm">Strompreisbasiert laden</div>
         <ToggleStandard
           v-model="planEtActive.value"
@@ -207,6 +207,11 @@
           color="positive"
         />
       </div>
+      <ChargePointMessage
+        :class="isFullscreen ? '' : 'message-dialog'"
+        :fault-message="false"
+        :charge-point-id="props.chargePointId"
+      />
       <div class="row q-mt-md">
         <q-btn
           size="sm"
@@ -226,11 +231,13 @@ import { useQuasar } from 'quasar';
 import SliderStandard from './SliderStandard.vue';
 import ToggleStandard from './ToggleStandard.vue';
 import { computed } from 'vue';
+import ChargePointMessage from './ChargePointMessage.vue';
 import { type ScheduledChargingPlan } from '../stores/mqtt-store-model';
 
 const props = defineProps<{
   chargePointId: number;
   plan: ScheduledChargingPlan;
+  isFullscreen: boolean;
 }>();
 
 const emit = defineEmits(['close']);
@@ -402,6 +409,11 @@ const removeScheduledChargingPlan = (planId) => {
   font-size: 10px !important;
 }
 
+.message-dialog {
+  max-width: 300px;
+  margin: auto;
+}
+
 .flex-grow {
   flex-grow: 1;
 }
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
index 627ed96a3e..67f87b63e5 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
@@ -36,6 +36,7 @@
         v-if="selectedPlan"
         :charge-point-id="props.chargePointId"
         :plan="selectedPlan"
+        :is-fullscreen="isSmallScreen"
         @close="currentPlanDetailsVisible = false"
       />
     </q-dialog>
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
index 3445ad71fa..66e1fee65c 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
@@ -129,14 +129,14 @@
           class="flex-grow"
           :color="planLimitSelected.value === 'none' ? 'primary' : 'grey'"
           @click="planLimitSelected.value = 'none'"
-          label="Aus"
+          label="Keine"
         />
         <q-btn
           size="sm"
           class="flex-grow"
           :color="planLimitSelected.value === 'soc' ? 'primary' : 'grey'"
           @click="planLimitSelected.value = 'soc'"
-          label="SoC"
+          label="EV-SoC"
         />
         <q-btn
           size="sm"

From e135b89ec7819507c440645a7ae7d811017e0273 Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Tue, 9 Dec 2025 15:42:03 +0100
Subject: [PATCH 3/5] Add info message to time plan dialog - formatting fixes

---
 .../ChargePointScheduledPlanDetails.vue           | 14 ++++++++------
 .../ChargePointTimeChargingPlanDetails.vue        | 15 +++++++++++++++
 .../ChargePointTimeChargingSettings.vue           |  1 +
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
index 31a6555980..cdd0c19c5b 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
@@ -199,7 +199,7 @@
         label="Bidirektionales Ladeleistung (kW)"
         class="col"
       />
-      <div class="row items-center justify-between q-mb-sm">
+      <div class="row items-center justify-between">
         <div class="text-subtitle2 q-mr-sm">Strompreisbasiert laden</div>
         <ToggleStandard
           v-model="planEtActive.value"
@@ -207,11 +207,13 @@
           color="positive"
         />
       </div>
-      <ChargePointMessage
-        :class="isFullscreen ? '' : 'message-dialog'"
-        :fault-message="false"
-        :charge-point-id="props.chargePointId"
-      />
+      <div class="q-mt-md">
+        <ChargePointMessage
+          :class="isFullscreen ? '' : 'message-dialog'"
+          :fault-message="false"
+          :charge-point-id="props.chargePointId"
+        />
+      </div>
       <div class="row q-mt-md">
         <q-btn
           size="sm"
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
index 66e1fee65c..31ccbce198 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
@@ -167,6 +167,13 @@
           <div class="text-body2">kWh</div>
         </template>
       </q-input>
+      <div class="q-mt-md">
+        <ChargePointMessage
+          :class="isFullscreen ? '' : 'message-dialog'"
+          :fault-message="false"
+          :charge-point-id="props.chargePointId"
+        />
+      </div>
       <div class="row q-mt-lg">
         <q-btn
           size="sm"
@@ -184,12 +191,14 @@
 import { useMqttStore } from 'src/stores/mqtt-store';
 import SliderStandard from './SliderStandard.vue';
 import ToggleStandard from './ToggleStandard.vue';
+import ChargePointMessage from './ChargePointMessage.vue';
 import { type TimeChargingPlan } from '../stores/mqtt-store-model';
 import { computed } from 'vue';
 
 const props = defineProps<{
   chargePointId: number;
   plan: TimeChargingPlan;
+  isFullscreen: boolean;
 }>();
 
 const mqttStore = useMqttStore();
@@ -298,6 +307,12 @@ const removeTimeChargingPlan = (planId: number) => {
   min-width: 100px !important;
   font-size: 10px !important;
 }
+
+.message-dialog {
+  max-width: 300px;
+  margin: auto;
+}
+
 .flex-grow {
   flex-grow: 1;
 }
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
index 7e50071cf2..5a7f403311 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
@@ -49,6 +49,7 @@
         v-if="selectedPlan"
         :charge-point-id="props.chargePointId"
         :plan="selectedPlan"
+        :is-fullscreen="isSmallScreen"
         @close="currentPlanDetailsVisible = false"
       />
     </q-dialog>

From 6f7d89dd0cd636b30a31b6dea0fadd3375324a2a Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Wed, 10 Dec 2025 13:00:45 +0100
Subject: [PATCH 4/5] Remove information box / text from charging plans

---
 .../components/ChargePointScheduledPlanDetails.vue | 14 --------------
 .../components/ChargePointScheduledSettings.vue    |  1 -
 .../ChargePointTimeChargingPlanDetails.vue         | 14 --------------
 .../components/ChargePointTimeChargingSettings.vue |  1 -
 4 files changed, 30 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
index cdd0c19c5b..b5e15f14e9 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledPlanDetails.vue
@@ -207,13 +207,6 @@
           color="positive"
         />
       </div>
-      <div class="q-mt-md">
-        <ChargePointMessage
-          :class="isFullscreen ? '' : 'message-dialog'"
-          :fault-message="false"
-          :charge-point-id="props.chargePointId"
-        />
-      </div>
       <div class="row q-mt-md">
         <q-btn
           size="sm"
@@ -233,13 +226,11 @@ import { useQuasar } from 'quasar';
 import SliderStandard from './SliderStandard.vue';
 import ToggleStandard from './ToggleStandard.vue';
 import { computed } from 'vue';
-import ChargePointMessage from './ChargePointMessage.vue';
 import { type ScheduledChargingPlan } from '../stores/mqtt-store-model';
 
 const props = defineProps<{
   chargePointId: number;
   plan: ScheduledChargingPlan;
-  isFullscreen: boolean;
 }>();
 
 const emit = defineEmits(['close']);
@@ -411,11 +402,6 @@ const removeScheduledChargingPlan = (planId) => {
   font-size: 10px !important;
 }
 
-.message-dialog {
-  max-width: 300px;
-  margin: auto;
-}
-
 .flex-grow {
   flex-grow: 1;
 }
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
index 67f87b63e5..627ed96a3e 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointScheduledSettings.vue
@@ -36,7 +36,6 @@
         v-if="selectedPlan"
         :charge-point-id="props.chargePointId"
         :plan="selectedPlan"
-        :is-fullscreen="isSmallScreen"
         @close="currentPlanDetailsVisible = false"
       />
     </q-dialog>
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
index 31ccbce198..0b8024a913 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
@@ -167,13 +167,6 @@
           <div class="text-body2">kWh</div>
         </template>
       </q-input>
-      <div class="q-mt-md">
-        <ChargePointMessage
-          :class="isFullscreen ? '' : 'message-dialog'"
-          :fault-message="false"
-          :charge-point-id="props.chargePointId"
-        />
-      </div>
       <div class="row q-mt-lg">
         <q-btn
           size="sm"
@@ -191,14 +184,12 @@
 import { useMqttStore } from 'src/stores/mqtt-store';
 import SliderStandard from './SliderStandard.vue';
 import ToggleStandard from './ToggleStandard.vue';
-import ChargePointMessage from './ChargePointMessage.vue';
 import { type TimeChargingPlan } from '../stores/mqtt-store-model';
 import { computed } from 'vue';
 
 const props = defineProps<{
   chargePointId: number;
   plan: TimeChargingPlan;
-  isFullscreen: boolean;
 }>();
 
 const mqttStore = useMqttStore();
@@ -308,11 +299,6 @@ const removeTimeChargingPlan = (planId: number) => {
   font-size: 10px !important;
 }
 
-.message-dialog {
-  max-width: 300px;
-  margin: auto;
-}
-
 .flex-grow {
   flex-grow: 1;
 }
diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
index 5a7f403311..7e50071cf2 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingSettings.vue
@@ -49,7 +49,6 @@
         v-if="selectedPlan"
         :charge-point-id="props.chargePointId"
         :plan="selectedPlan"
-        :is-fullscreen="isSmallScreen"
         @close="currentPlanDetailsVisible = false"
       />
     </q-dialog>

From fbc39b585ef5a8ce77a8b726eda612b4a1d6981c Mon Sep 17 00:00:00 2001
From: BrettS <brett.scott@openwb.de>
Date: Thu, 11 Dec 2025 12:29:28 +0100
Subject: [PATCH 5/5] Edit limit text in time charging plan

---
 .../src/components/ChargePointTimeChargingPlanDetails.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
index 0b8024a913..a71e3f4aae 100644
--- a/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
+++ b/packages/modules/web_themes/koala/source/src/components/ChargePointTimeChargingPlanDetails.vue
@@ -148,7 +148,7 @@
       </q-btn-group>
       <div v-if="planLimitSelected.value === 'soc'" class="q-mt-md">
         <SliderStandard
-          title="Ziel-SoC für das Fahrzeug"
+          title="SoC-Limit für das Fahrzeug"
           :min="5"
           :max="100"
           :step="5"
@@ -160,7 +160,7 @@
       <q-input
         v-if="planLimitSelected.value === 'amount'"
         v-model="planLimitAmount.value"
-        label="Ziel-Energie"
+        label="Energie-Limit"
         class="col"
       >
         <template v-slot:append>