Problems with example lovelace

[GerryCrooked]

Hi,

first of all: simply love your project (if i would get the output, that you have ;-) ) most likely im just not skilled enough yet ;-)

so, im having a deebot T9+ to make sure, im not too stupid, i called it susi and i reloaded the integration. ok, susi now picks up my rooms as attributes, so far so good (e.g. bedroom, bathroom, kids_room, living_room) so i thought good, lets just continue with your example, so i copied your code into my configuration.yaml (for the backend) and i deactivated scripts: !include scripts.yaml and so on (just for testing) i copied the button card template information into my lovelace raw configeditor (fyi, my first time, so maybe i did something wrong here) and copied your card configuration into a new card, but i always receive error messages...

instead of my rooms as buttons (or as in the example only the living room) i get this: _ButtonCardJSTemplateError: TypeError: Cannot read properties of undefined (reading 'state') in 'return entity.state' tap_action: action: call-service service: script.deebot_room_queue service_data: queue: input_text.deebot_susi_queue room: living_room type: custom:button-card group_expand: false hold_action: action: none double_tap_action: action: none layout: vertical size: 40% color_type: icon show_name: true show_state: false show_icon: true show_units: true show_label: false show_entity_picture: false show_live_stream: false card_size: 3 color: var(--text-color) variables: lock_enabled: | [[[ return ['cleaning', 'paused'].includes(states['vacuum.susi'].state) ]]] state:

• operator: template value: | [[[ return variables.lock_enabled && entity.state == 0 ]]] styles: card:
  • color: var(--disabled-text-color)
• styles: card:
  • background-color: var(--primary-color) operator: '>=' value: 1 styles: card:
    • font-size: 12px grid:
    • position: relative custom_fields: order:
    • display: | [[[ if (entity.state == "0") return "none"; return "block"; ]]]
    • position: absolute
    • left: 5%
    • top: 5%
    • height: 20px
    • width: 20px
    • font-size: 20px
    • font-weight: bold
    • line-height: 20px custom_fields: order: | [[[ return entity.state ]]] lock: enabled: | [[[ return variables.lock_enabled ]]] duration: 5 unlock: tap exemptions: [] template: vacuum_room entity: sensor.deebot_susi_queue_living_room icon: mdi:sofa name: Wohnzimmer default_color: var(--primary-text-color) color_off: var(--paper-item-icon-color) coloron: var(--paper-item-icon-active-color)

and where the services are, i get this error: _ButtonCardJSTemplateError: TypeError: Cannot read properties of undefined (reading 'state') in 'return ((!states['input_text.deebot_susi_queue'].state || states['input_text.deebot_susi_qu...' tap_action: action: call-service service_data: entity_id: vacuum.susi service: script.deebot_clean type: custom:button-card group_expand: false hold_action: action: none double_tap_action: action: none layout: vertical size: 40% color_type: icon show_name: true show_state: false show_icon: true show_units: true show_label: false show_entity_picture: false show_live_stream: false card_size: 3 color: var(--text-color) entity: vacuum.susi lock: enabled: | [[[ return variables.enabled ]]] duration: 5 unlock: tap exemptions: [] styles: card:

• height: 80px lock:
• color: var(--primary-text-color) state:
  • operator: template value: | [[[ return variables.enabled ]]] styles: card:
    • color: var(--disabled-text-color) template: vacuum_service icon: mdi:play name: Start variables: enabled: | [[[ return ((!states['input_text.deebot_susi_queue'].state || states['input_text.deebot_susi_queue'].state.length === 0) && ['docked', 'idle', 'error', 'returning'].includes(entity.state)) ]]] default_color: var(--primary-text-color) color_off: var(--paper-item-icon-color) coloron: var(--paper-item-icon-active-color)`