I can't manipulate the display-attribute via service floorplan.style_set and javascript

[perlchamp]

Hello out there,
to help, you need to be able to use Inkscape.
If you are really interested in helping then please follow my steps:

1. Open file doku_04.svg (attached) in Inkscape, CTRL + SHIFT + L to open the layer and objects settings.
2. Open the 'OVERLAYED' layer and click on the 'closed eye' symbol to the right of the entry 'binary_sensor.esp_8266_ip59_tuer_offen_pin' -> an open front door should now be displayed in the floor plan. Clicking again - now on the open eye - will undo this display and vice versa.
3. If necessary, mark the entry 'binary_sensor.esp_8266_ip59_tuer_offen_pin' so that a dashed frame with arrows can be seen in the floor plan.
4. Now call up the internal xml editor using CTRL + SHIFT + x. The line in question should already be marked after opening, and the 'style' attribute should be visible in the right xml editor window.
5. Make the xml editor window as small as possible and move it to the left so that both the xml editor and the front door in the floor plan as well as the right sidebar can be seen.
6. Again to the right of the entry 'binary_sensor.esp_8266_ip59_tuer_offen_pin' click on the 'closed eye' symbol -> in the xml editor the value of the 'style' attribute changes at the same time from 'display:none' to 'display:inline' and vice versa -> nice!

You can assume that I have configured the ha-floorplan card correctly, i.e. I have an empty css-file, a separated yaml configuration file called doku.yaml, the contents of which are listed below:

image: /local/doku/doku_03.svg
stylesheet: /local/doku/doku.css
cache: true
log_level: info
console_log_level: info
defaults:
  hover_action: hover info
  tap_action: more info
rules:
- entity: binary_sensor.esp_8266_ip59_door_open_pin
  element: binary_sensor.esp_8266_ip59_door_open_pin
  state_action:
    - service: floorplan.style_set
      service_data:
      style: |
        display: ${entity.state === 'ON' ? 'inline' : 'none'};

You are also very welcome to check all things relevant to ha-floorplan in the svg file using the xml editor. These should be fine.

PROBLEM:
It doesn't work!
My intention has been recognized? I want the red door to be displayed when the sensor status is 'on'.
WHAT is wrong (with the Javascript code)?
Of course, my doku.yaml contains even more entries - if you want to see the complete file, just request it.
So I have some entities with temp- and air-values ​​as entries. These values ​​no longer appear when I add the javascript line.

[EDIT]
Are you able to upload the attached svg-file? If not, what can i do to make it (as download) possible?
[/edit]
Thank you very much in advance!

So long
Pc

[OzGav]

If you want help don’t do that # thing, format all your code using the <> button.

[OzGav]

Also the entity state won’t likely be ON it will be on . These things are case sensitive

[perlchamp]

i did change the # back...

NO !
i wrote:

So I have some entities with temp- and air-values ​​as entries. These values ​​no longer appear when I add the javascript line.

You really do think, that changing from 'ON' to 'on' will bring back the temp- and air-values?
Nice dream you have...
Your 'solution' is none. Nothing changed (as I expected before testing).

thanks for your time (you did waste)

[exetico]

Hi. Please think a bit about how you communicate, perlchamp. This kind of disrespect is not okay.

While we're at it, please consider using the inner section of a given answer (reply), instead of starting a new thread (comment). It follows the way the system are intended to be used, and does help with readability.

I'll also suggest to use a title, which states what's your problem, and not "what is wrong here", as it makes it way more clear, what a given person needs to help with 🙂.

I hope you're able to get a reply related to the actual problem, at some point.

[perlchamp]

thanks, exetico... the video i will watch later this day.
me, too.

[perlchamp]

i got it !
the goal was to indent the style and the following display line. Now i don't need to overlay other svg-files . They are all in the floorplan-file (default: display:none) and they will only displayed if needed !

Many thanks, for your patience, too.