Home Assistant state_image werkt niet.

[Jklaus]

Mijn vraag

Ik wil gebruik maken van horizontal-stack card binnen Lovelace met daarin meerdere afbeeldingen die afhankelijk van de state een andere afbeelding laat zien.

Los lukt het wel maar binnen een horizontal-stack lukt het niet. Zie onderstaande code:

#onderstaande is alleen een picture-entity dit werkt wel

code:

type: picture-entity
image: https://[domein]/HA/boog.JPG
state_image:
  'on': https://[domein]/HA/boog.JPG
  'off': https://[domein]/HA/boog2.JPG
entity: light.bf647bd3c0aff030dbsd53
show_name: false
show_state: false
tap_action:
  action: call-service
  service: light.toggle
  service_data: {}
  target:
    device_id: 61d635cff1a1480d9ad33f8192625099

#Onderstaande werkt niet picture-entity onder een horizontal-stack

code:

type: horizontal-stack
cards:
  - type: picture-entity
    entity: light.bf647bd3c0aff030dbsd53
    image: https://[domein]/HA/boog.JPG
    state_image: null
    'on': https://[domein]/HA/boog.JPG
    'off': https://[domein]/HA/boog2.JPG
    show_name: false
    show_state: false
    tap_action:
      action: call-service
      service: light.toggle
      service_data: {}
      target:
        device_id: 61d635cff1a1480d9ad33f8192625099

Relevante software en hardware die ik gebruik

Lovelace zonder enige mods
Home Asistant versie: 6.0 | core-2021.6.4
Draait op Raspberry pi 4

Wat ik al gevonden of geprobeerd heb

Van alles, teveel om hier allemaal te posten.
Ik vermoed iets met "state_image: null" icm de horizontale stack.

Iemand anders een idee?

[Septillion]

Jklaus schreef op zondag 20 juni 2021 @ 14:43:
Lovelace zonder enige mods
Home Asistant versie: 6.0 | core-2021.6.4

Geen idee waar de 6.0 op moet slaan. Versienummer is gewoon 2021.6.4.

Wat ik al gevonden of geprobeerd heb

Van alles, teveel om hier allemaal te posten.

Dat is nooit het geval. Jij wilt hulp. Wij willen je best helpen maar om nu onze tijd te verdoen met oplossingen die je misschien al geprobeerd hebt is gewoon zonde en niet netjes.

Ik vermoed iets met "state_image: null" icm de horizontale stack.

Grote kans, waarom heb je die er dan ook in gezet? En waarom zijn 'on' en 'off' niet ingesprongen zodat ze gewoon een child van 'state_image' vormen.

[_ferry_]

Schopje naar DED, alwaar de nodige HA kennis zit.

[Jklaus]

Septillion schreef op zondag 20 juni 2021 @ 15:57:
[...]

Geen idee waar de 6.0 op moet slaan. Versienummer is gewoon 2021.6.4.


[...]

Dat is nooit het geval. Jij wilt hulp. Wij willen je best helpen maar om nu onze tijd te verdoen met oplossingen die je misschien al geprobeerd hebt is gewoon zonde en niet netjes.

Mee eens, alleen heb paar uur dingen getest en niet gedocumenteerd wat reeds getest is. Als ik dat alsnog moet oprakelen ben ik net zoveel uur bezig. Uiteraard is jullie tijd ook belangrijk maar denk dat 10 pagina`s met code`s wat al getest is meer werk is om door te lezen dan een voorbeeld posten wat iemand reeds gemaakt heeft.

[...]

Grote kans, waarom heb je die er dan ook in gezet? En waarom zijn 'on' en 'off' niet ingesprongen zodat ze gewoon een child van 'state_image' vormen.

Die NULL heeft HA er zelf ingezet

Als ik het zo doe dan krijg ik bad indentation of a mapping entry (5:7)

code:

type: picture-entity
entity: light.bf647bd3c0aff030dbsd53
image: https://klausworks.nl/HA/boog.JPG
state_image: null
  'on': https://klausworks.nl/HA/boog.JPG
  'off': https://klausworks.nl/HA/boog2.JPG
show_name: false
show_state: false
tap_action:
  action: call-service
  service: light.toggle
  service_data: {}
  target:
    device_id: 61d635cff1a1480d9ad33f8192625099

[P-Storm]

Jklaus schreef op zondag 20 juni 2021 @ 17:11:
[...]


Mee eens, alleen heb paar uur dingen getest en niet gedocumenteerd wat reeds getest is. Als ik dat alsnog moet oprakelen ben ik net zoveel uur bezig. Uiteraard is jullie tijd ook belangrijk maar denk dat 10 pagina`s met code`s wat al getest is meer werk is om door te lezen dan een voorbeeld posten wat iemand reeds gemaakt heeft.


[...]


Die NULL heeft HA er zelf ingezet

Als ik het zo doe dan krijg ik bad indentation of a mapping entry (5:7)

code:

type: picture-entity
entity: light.bf647bd3c0aff030dbsd53
image: https://klausworks.nl/HA/boog.JPG
state_image: null
  'on': https://klausworks.nl/HA/boog.JPG
  'off': https://klausworks.nl/HA/boog2.JPG
show_name: false
show_state: false
tap_action:
  action: call-service
  service: light.toggle
  service_data: {}
  target:
    device_id: 61d635cff1a1480d9ad33f8192625099

Bovenstaande code is dan ook geen valid YAML. De files die je maakt zijn yaml, en een veelvoorkomende fout is <tab> gebruiken en niet <space><space> Zie een yaml linter zoals: http://www.yamllint.com/

code:

bad indentation of a mapping entry (5:7)

wijst erop dat je geen 'state_image: null' mag gebruiken.

Ik heb geen idee of een mogelijke configuratie example hier in zit, maar je zou ernaar kunnen kijken: https://www.home-assistan...example-configurationyaml

Als goed is laat de config van Home Automation je ook iets weten als het niet valide is, wat voor foutmeldig geeft hij dan?

En als je het voorbeeld volgt, doet hij dan wel? Dit om de module zelf uit te sluiten dat je tegen een bug aangelopen bent. Zie https://www.home-assistant.io/lovelace/horizontal-stack/ voor het voorbeeld.

[Septillion]

Jklaus schreef op zondag 20 juni 2021 @ 17:11:
Die NULL heeft HA er zelf ingezet

Omdat jij dus de items die eronder zouden moeten vallen (namelijk 'on' en 'off') niet hebt voorzien van indentatie. Daarmee is het item dus leeg => null. Maar dat wil je niet. Gewoon relatief dezelfde indentatie geven als hiervoor en null dus weer weg halen.

YAML:

type: horizontal-stack
cards:
  - type: picture-entity
    entity: light.bf647bd3c0aff030dbsd53
    image: https://[domein]/HA/boog.JPG
    state_image:
      'on': https://[domein]/HA/boog.JPG
      'off': https://[domein]/HA/boog2.JPG
    show_name: false
    show_state: false
    tap_action:
      action: call-service
      service: light.toggle
      service_data: {}
      target:
        device_id: 61d635cff1a1480d9ad33f8192625099

PS Als je de files in de /config/www/[file] zet dan mag je als url gewoon /local/[file] gebruiken.

[Jklaus]

Septillion schreef op zondag 20 juni 2021 @ 17:57:
[...]

Omdat jij dus de items die eronder zouden moeten vallen (namelijk 'on' en 'off') niet hebt voorzien van indentatie. Daarmee is het item dus leeg => null. Maar dat wil je niet. Gewoon relatief dezelfde indentatie geven als hiervoor en null dus weer weg halen.

YAML:

type: horizontal-stack
cards:
  - type: picture-entity
    entity: light.bf647bd3c0aff030dbsd53
    image: https://[domein]/HA/boog.JPG
    state_image:
      'on': https://[domein]/HA/boog.JPG
      'off': https://[domein]/HA/boog2.JPG
    show_name: false
    show_state: false
    tap_action:
      action: call-service
      service: light.toggle
      service_data: {}
      target:
        device_id: 61d635cff1a1480d9ad33f8192625099

PS Als je de files in de /config/www/[file] zet dan mag je als url gewoon /local/[file] gebruiken.

Je hebt helemaal gelijk het zat hem in de indentatie. Ik weet dat dit erg belangrijk is, toch maar even goed gaan inlezen in yaml.

Bedankt het werkt!