Basic help needed

[osmaterdca]

Hello everyone, I'm reaching out for help because I think I’m going to lose my mind.
I’d like a room in an SVG file to turn red depending on the state of a sensor (named: binary_sensor.entree_occupancy, which can be on or off).

So, I created an SVG file and named the “object” that represents the room zone_entree.

I imported this file into Home Assistant, and it displays correctly.

I then created a card like this:
#######
type: custom:floorplan-card
config:
image: /local/floorplan/Maison_Rez.svg
#stylesheet: /local/floorplan/Maison_Rez.css
rules:
- entity: binary_sensor.entree_occupancy
element: zone_entree
state:
- value: "on"
style:
fill: "#55FF55"
- value: "off"
style:
fill: "#FF5555"
########

the css file contains nothing that's why the line is commented .

But it doesn’t work. The svg file is displayed correctly, but a state's change of the sensor does nothing.
Can anyone help me, please?

Thank you.

[exetico]

Hi,

Thank you for reaching out. Please format your YAML code. There is a explainer on how to do that, at the link destination next to the input field.

Also, please share your SVG. The more simple, the better.

With that said, you’re not using our service calls, so the code will never work. Please check our examples, or my YouTube video found here:

https://youtu.be/f_3KAPc53hQ

You can also take a look at style_set here:
https://github.com/exetico/Home-Assistant_Attachments-for-YouTube/blob/main/2_2_Create-your-own-floorplan-in-Inkscape-and-ha-floorplan-logics/home_modern.yaml

Mayer you’re mixing the Home Assistant build-in options, with our service options in ha-floorplan.

Just a small copy from above source:

          rules:
...
            - element: zone_entree
              entity: binary_sensor.entree_occupancy
              state_action:
                action: call-service
                service: floorplan.style_set
                service_data:
                  style: |
                    > if(entity.state === "on"){
                        return `fill:pink;`;
                      }else if(entity.state === "off"){
                        return `fill:purple;`;
                      }

This is a bit of a complicated way of doing this, however, it's one of many way's of doing it.

As you're asking for something simple, the value for service_data can also be simplified to a one-liner, as the "style_set" service will see the value within "service_data" as "style".

Here's one rule, which should fit your need.

rules:
    - element: zone_entree
      entity: binary_sensor.entree_occupancy
      state_action:
        action: call-service
        service: floorplan.style_set
        service_data: "${entity.state === 'on' ? 'fill:pink;' : 'fill:blue;' }"

If the fill doesn't change, try temporary setting !important after the fill style, like: `'fill:blue!important;'.

[exetico]

@osmaterdca Rules needs to be within the config element. It’s actually written in the sceeenshot you’re sharing, too. :)

Secure rules are at the same level as image, stylesheet and so on.

[osmaterdca]

Hello exetico and thank you for your answer.
Please find attached the file named Maison_Rez.svg .

I will check out you youtube video.

I quickly browsed your yaml file and it seems to be much more complicated compared what i'm trying to do -> just change a color in an named area. There will be no user interaction with the plan.

[exetico]

Please answer in the thread I've created, instead of posting another answer. I know it's a bit confusing, here on GitHub.

And no, it's not more complicated. You need to understand the basics, for things to work out in the long run. I'd suggest you to find an hour, and walk through one or more of the videos. However, take a look at the code I've provided in: #595 (comment)

[osmaterdca]

Hello exetico. I followed your recommandations and dug around about some issues with my svg file. So I ended up by recreating it with only rectangles for room area instead of paths.

I removed my card, created a new one and it now look like this :

the floorplan folder contains two files:

the configuration.yaml have no reference to a floorplan yaml file:

By the way, after clearing the cache, trried with another brother, cold rebooted HA, there is unfortunately no change.

edit:
I try to change rules to true, to see if any change but the editor complained.
I try to remove rules: false, but no change too.

Just for info, i'm totaly sur I downloaded version v1.1.4 through HACS, but as you seen in the log section of the card, it says : INFO INIT for Home Assistant (ha-floorplan) v1.1.3

If that could help here is my resources page:

The F12 (chrome) output :

[osmaterdca]

Wow, I’m such an idiot — didn’t even notice your message about the rule placement in the config.
My eyes are crossing from trying things since a couple of days !

thank you for your help !!!

[exetico]

You’re very much welcome. Happy floorplanning :-)