Config UI: added heating devices to chargers in ui (#20125)

Co-authored-by: Patrick <diddi.p21@gmail.com>
Co-authored-by: Michael Geers <michael@geers.tv>

assets/js/components/Config/ChargerModal.vue

@@ -36,7 +36,7 @@
 							{{ option.name }}
 						</option>
 					</optgroup>
-					<optgroup :label="$t('config.charger.switchsocket')">
+					<optgroup :label="$t('config.charger.switchsockets')">
 						<option
 							v-for="option in switchSocketOptions"
 							:key="option.name"
@@ -45,6 +45,15 @@
 							{{ option.name }}
 						</option>
 					</optgroup>
+					<optgroup :label="$t('config.charger.heatingdevices')">
+						<option
+							v-for="option in heatingdevicesOptions"
+							:key="option.name"
+							:value="option.template"
+						>
+							{{ option.name }}
+						</option>
+					</optgroup>
 				</select>
 				<input
 					v-else
@@ -220,6 +229,9 @@ export default {
 		switchSocketOptions() {
 			return this.products.filter((p) => p.group === "switchsockets");
 		},
+		heatingdevicesOptions() {
+			return this.products.filter((p) => p.group === "heating");
+		},
 		templateParams() {
 			const params = this.template?.Params || [];
 			return params.filter((p) => !CUSTOM_FIELDS.includes(p.Name));

i18n/de.toml

@@ -39,6 +39,7 @@ titleEdit = "Energiezähler bearbeiten"
 [config.charger]
 chargers = "Wallboxen"
 generic = "Generische Integrationen"
+heatingdevices = "Wärmeerzeuger"
 ocppHelp = "Kopiere diese Adresse in die Konfiguration der Wallbox."
 ocppLabel = "OCPP-Server URL"
 switchsockets = "Schaltbare Steckdosen"

i18n/en.toml

@@ -39,6 +39,7 @@ titleEdit = "Edit Charge Meter"
 [config.charger]
 chargers = "EV chargers"
 generic = "Generic integrations"
+heatingdevices = "Heating devices"
 ocppHelp = "Copy this address into your chargers configuration."
 ocppLabel = "OCPP-Server URL"
 switchsockets = "Switchable sockets"