Made some improvements with the updates of the integration.
type: picture-elements
image: /local/tesla_y.jpg
elements:
- type: state-icon
entity: button.<car_name>_force_data_update
style:
top: 6.5%
left: 10%
color: '#039be5'
tap_action:
action: call-service
service: button.press
service_data: {}
target:
entity_id: button.<car_name>_force_data_update
double_tap_action: none
hold_action: none
- type: state-label
entity: button.<car_name>_force_data_update
tap_action:
action: call-service
service: button.press
service_data: {}
target:
entity_id: button.<car_name>_force_data_update
double_tap_action: none
hold_action: none
style:
top: 96%
left: 53%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
prefix: 'Last update: '
- type: state-label
entity: device_tracker.<car_name>_location_tracker
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 92%
font-size: 100%
font-weight: normal
color: black
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_online
state: 'on'
elements:
- type: icon
icon: mdi:link-variant
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.5%
left: 83%
color: '#039be5'
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_online
state_not: 'on'
elements:
- type: icon
icon: mdi:link-variant-off
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.5%
left: 83%
color: black
- type: conditional
conditions:
- entity: switch.<car_name>_sentry_mode
state: 'on'
elements:
- type: icon
icon: mdi:shield-car
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 77%
color: black
- type: conditional
conditions:
- entity: switch.<car_name>_sentry_mode
state_not: 'on'
elements:
- type: icon
icon: mdi:shield-alert-outline
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 77%
color: red
- type: conditional
conditions:
- entity: lock.<car_name>_doors
state: locked
elements:
- type: icon
icon: mdi:lock
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 70.5%
color: black
- type: conditional
conditions:
- entity: lock.<car_name>_doors
state_not: locked
elements:
- type: icon
icon: mdi:lock-open-variant
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 70.5%
color: '#039be5'
- type: conditional
conditions:
- entity: update.<car_name>_software_update
state_not: 'on'
elements:
- type: icon
icon: mdi:upload-off
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 64%
color: black
- type: conditional
conditions:
- entity: update.<car_name>_software_update
state: 'on'
elements:
- type: icon
icon: mdi:upload
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 64%
color: '#039be5'
- type: conditional
conditions:
- entity: climate.<car_name>_hvac_climate_system
state: 'off'
elements:
- type: icon
icon: mdi:fan-off
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 58%
color: black
- type: conditional
conditions:
- entity: climate.<car_name>_hvac_climate_system
state: heat_cool
elements:
- type: icon
icon: mdi:air-conditioner
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 7%
left: 58%
color: '#039be5'
- type: conditional
conditions:
- entity: sensor.<car_name>_tpms_front_left
state_not: 43
elements:
- type: icon
icon: mdi:car-tire-alert
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.9%
left: 51.5%
color: red
- type: conditional
conditions:
- entity: sensor.<car_name>_tpms_front_right
state_not: 43
elements:
- type: icon
icon: mdi:car-tire-alert
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.9%
left: 51.5%
color: red
- type: conditional
conditions:
- entity: sensor.<car_name>_tpms_rear_left
state_not: 43
elements:
- type: icon
icon: mdi:car-tire-alert
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.9%
left: 51.5%
color: red
- type: conditional
conditions:
- entity: sensor.<car_name>_tpms_rear_right
state_not: 43
elements:
- type: icon
icon: mdi:car-tire-alert
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 6.9%
left: 51.5%
color: red
- type: state-label
entity: binary_sensor.<car_name>_doors
attribute: Driver Rear
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 30%
left: 40%
color: black
- type: state-label
entity: binary_sensor.<car_name>_doors
attribute: Driver Front
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 30%
left: 60%
color: black
- type: state-label
entity: binary_sensor.<car_name>_doors
attribute: Passenger Rear
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 70%
left: 40%
color: black
- type: state-label
entity: binary_sensor.<car_name>_doors
attribute: Passenger Front
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 70%
left: 60%
color: black
- type: state-label
entity: cover.<car_name>_frunk
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 50%
left: 85%
color: white
- type: state-label
entity: cover.<car_name>_trunk
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 50%
left: 21%
color: white
- type: conditional
conditions:
- entity: cover.<car_name>_charger_door
state: open
elements:
- type: icon
icon: mdi:ev-plug-tesla
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 31%
left: 21%
color: '#039be5'
- type: conditional
conditions:
- entity: cover.<car_name>_charger_door
state_not: open
elements:
- type: icon
icon: mdi:ev-plug-tesla
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 31%
left: 21%
color: black
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_charger
state: 'on'
elements:
- type: state-label
entity: sensor.<car_name>_charging_rate
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 26%
left: 21%
font-size: 100%
font-weight: normal
color: '#039be5'
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_charger
state: 'on'
elements:
- type: state-label
entity: binary_sensor.<car_name>_charger
attribute: charging_state
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 22%
left: 21%
font-size: 100%
font-weight: normal
color: '#039be5'
- type: state-label
entity: sensor.<car_name>_temperature_inside
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 50%
left: 50%
font-size: 100%
font-weight: normal
color: rgb(255,255,255)
- type: icon
icon: mdi:thermometer
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 50%
left: 41%
font-size: 100%
font-weight: normal
color: rgb(255,255,255)
- type: state-label
entity: sensor.<car_name>_temperature_outside
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 23%
left: 80%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
- type: icon
icon: mdi:thermometer
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 23%
left: 71%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_ischarging
state: 'on'
- entity: device_tracker.<car_name>_location_tracker
state: home
elements:
- type: icon
icon: mdi:home-lightning-bolt-outline
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 84.7%
left: 55%
color: green
- type: conditional
conditions:
- entity: binary_sensor.<car_name>_ischarging
state: 'on'
- entity: device_tracker.<car_name>_location_tracker
state_not: home
elements:
- type: icon
icon: mdi:ev-station
tap_action: none
double_tap_action: none
hold_action: none
style:
top: 84.7%
left: 55%
color: green
- type: custom:bar-card
entity: sensor.<car_name>_battery
severity:
- color: Red
from: 0
to: 10
- color: Orange
from: 11
to: 20
- color: Green
from: 21
to: 100
entity_row: true
positions:
icon: 'off'
name: 'off'
indicator: 'off'
animation:
state: 'on'
speed: 5
width: 270px
tap_action: none
hold_action: none
double_tap_action: none
stack: vertical
style:
top: 85%
left: 53%
font-size: 100%
font-weight: normal
color: rgb(0,0,0)