Merge branch 'main' of https://github.com/mitch-dc/volkswagen_we_conn…

…ect_id into main

info.md

@@ -2,7 +2,7 @@
 
 This integration is only for the 'ID' cars from Volkswagen.
 
-## Examples
+## Automation Examples
 
 My car is called Komo, and you will see that name in the examples. 
 Replace the entities with the corresponding entities from your car.
@@ -103,3 +103,97 @@ Send messsage when car started charging:
             thread-id: "car-group"
 ```
 
+
+## Lovelace Examples
+![image](https://user-images.githubusercontent.com/15835274/152117284-f0f6cd6e-02aa-4745-bc8d-906b8da781e6.png)
+
+This example is by Puch-TDI (https://github.com/Puch-tdi)
+
+```yaml
+type: vertical-stack
+cards:
+  - type: entities
+    entities:
+      - entity: sensor.volkswagen_id_id_4_pro_performance_range
+        name: ID4 Actieradius
+        icon: mdi:speedometer
+      - entity: binary_sensor.volkswagen_id_id_4_pro_performance_plug_connection_state
+        name: Connected
+      - entity: sensor.volkswagen_id_id_4_pro_performance_charge_rate
+        name: Laadsnelheid Km/H
+      - entity: sensor.volkswagen_id_id_4_pro_performance_remaining_charging_time
+        name: Resterende laadtijd
+        icon: mdi:clock-end
+    title: Batterij info
+    header:
+      type: picture
+      image: /local/id4-4.jpg
+      tap_action:
+        action: none
+      hold_action:
+        action: none
+  - type: horizontal-stack
+    cards:
+      - type: gauge
+        entity: sensor.volkswagen_id_id_4_pro_performance_state_of_charge
+        min: 0
+        max: 100
+        name: Accu status
+        unit: '%'
+        severity:
+          green: 60
+          yellow: 40
+          red: 20
+      - type: gauge
+        entity: sensor.volkswagen_id_id_4_pro_performance_charge_power
+        min: 0
+        max: 125
+        name: Laadsnelheid
+        severity:
+          green: 0
+          yellow: 80
+          red: 110
+        unit: kW/H
+        needle: true
+    header:
+```
+
+```yaml
+type: entities
+entities:
+  - entity: button.volkswagen_id_id_4_pro_performance_start_climate
+    name: Climatisering aan/uit
+    secondary_info: last-updated
+  - entity: binary_sensor.volkswagen_id_id_4_pro_performance_rear_window_heating_state
+    name: Achterruit verwarming
+    icon: mdi:thermometer-lines
+  - entity: >-
+      binary_sensor.volkswagen_id_id_4_pro_performance_front_window_heating_state
+    name: Voorruit verwarming
+    icon: mdi:thermometer-chevron-up
+  - entity: binary_sensor.volkswagen_id_id_4_pro_performance_zone_front_left_enabled
+    name: Zone linksvoor
+    icon: mdi:thermometer-low
+  - entity: binary_sensor.volkswagen_id_id_4_pro_performance_zone_front_right_enabled
+    icon: mdi:thermometer-low
+    name: Zone rechtsvoor
+  - entity: sensor.volkswagen_id_id_4_pro_performance_climatisation_state
+    name: Climatisering status
+    icon: mdi:air-conditioner
+  - entity: sensor.volkswagen_id_id_4_pro_performance_remaining_climatisation_time
+    icon: mdi:air-conditioner
+    name: Resterende tijd clima
+  - entity: sensor.volkswagen_id_id_4_pro_performance_target_temperature_c
+    name: Ingestelde temperatuur
+title: Climatisering
+state_color: true
+header:
+  type: picture
+  image: /local/id4-11.jpg
+  tap_action:
+    action: none
+  hold_action:
+    action: none
+show_header_toggle: false
+```
+