Config UI: fix icon in customer chargers (#22947)

assets/js/components/Config/ChargerModal.vue

@@ -304,6 +304,10 @@ export default defineComponent({
 			if (this.values.type === ConfigType.Template) {
 				data["template"] = this.templateName;
 			}
+			if (this.showYamlInput) {
+				// Icon is extracted from yaml on GET for UI purpose only. Don't write it back.
+				delete data["icon"];
+			}
 			return data;
 		},
 		isNew() {

assets/js/components/Config/defaultYaml/customCharger.yaml

@@ -15,6 +15,7 @@ maxcurrent: # set maximum charge current in A
 
 ## optional attributes (read-only)
 
+#icon: generic # icon for UI purpose only
 #power: # charge power in W
 #  source: const
 #  value: 11000

assets/js/components/Config/defaultYaml/customHeater.yaml

@@ -17,6 +17,8 @@ features:
   - heating # treat as a heating device
   - integrateddevice # no charging sessions, no connected vehicles
 
+icon: heater # icon for UI purpose only
+
 ## optional attributes (read-only)
 
 #power: # heating power in W

assets/js/components/Config/defaultYaml/switchsocketCharger.yaml

@@ -16,6 +16,7 @@ features:
 
 ## optional attributes (read-only)
 
+#icon: generic # icon for UI purpose only
 #energy: # meter reading in kWh
 #  source: const
 #  value: 42.5

assets/js/components/Config/defaultYaml/switchsocketHeater.yaml

@@ -15,6 +15,8 @@ features:
   - heating # treat as a heating device
   - integrateddevice # no charging sessions, no connected vehicles
 
+icon: heater # icon for UI purpose only
+
 ## optional attributes (read-only)
 
 #energy: # meter reading in kWh