Colors theme: fix chargeplan editor display (#3097)

* fix chargeplan editor display

* add 2nd soc slider to schedule editor

Author: cshagen

packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/ConfigTimed.vue

@@ -91,7 +91,6 @@ function timeString(key: number) {
 	return `${plans.value[key].time[0]} -> ${plans.value[key].time[1]}`
 }
 function dateString(s: [string, string]) {
-	console.log(s)
 	const elts0 = s[0].split('-')
 	const elts1 = s[1].split('-')
 

packages/modules/web_themes/colors/source/src/components/chargePointList/cpConfig/EditSchedule.vue

@@ -50,20 +50,34 @@
 			</ConfigItem2>
 			<ConfigItem2
 				v-if="plan.limit.selected === 'soc'"
-				title="EV-SoC"
+				title="Ziel-SoC"
 				icon="fa-battery-half"
 				:fullwidth="true"
 			>
 				<RangeInput
 					id="evSoc"
-					v-model="plan.limit.soc_limit!"
+					v-model="plan.limit.soc_scheduled!"
 					:min="0"
 					:max="100"
 					:step="1"
 					unit="%"
 				/>
 			</ConfigItem2>
 			<ConfigItem2
+				v-if="plan.limit.selected === 'soc'"
+				title="Maximaler SoC bei Überschuss"
+				icon="fa-battery-half"
+				:fullwidth="true"
+			>
+				<RangeInput
+					id="evSoc"
+					v-model="plan.limit.soc_limit!"
+					:min="0"
+					:max="100"
+					:step="1"
+					unit="%"
+				/> </ConfigItem2
+			><ConfigItem2
 				v-if="plan.limit.selected === 'amount'"
 				title="Energiemenge (kWh)"
 				icon="fa-charging-station"

packages/modules/web_themes/colors/source/src/components/shared/ModalComponent.vue

@@ -48,7 +48,7 @@ onMounted(() => {
 
 <style scoped>
 .modal {
-	opacity: 0.9;
+	opacity: 1;
 }
 .modal-dialog {
 	border-radius: 2px;
@@ -58,7 +58,7 @@ onMounted(() => {
 .modal-footer,
 .modal-header,
 .modal-body {
-	background: var(--color-config);
+	background: var(--color-bg);
 	color: var(--color-fg);
 }
 .btn-close {