floorplan.stayle_set or css

[Trzinka]

I have a setting in fp.yaml:

- entity: sensor.me_kl_current_consumption
  tap_action: false
  state_action:
    service: floorplan.class_set
    service_data:
      class: >-
        ${(parseFloat(entity.state) > 1.4) ? "switch-on" :
        "switch-off"}

Is it possible to add that if it is greater than 2 that then the state is (working)? Therefore, I would monitor 3 states {off, on and working}, "the air conditioner"

and fp.css:

#elements {
    fill: none;
    stroke: none;
}

 #elements .switch-on { 
    stroke: rgb(78, 192, 245) !important;
    stroke-width: 5px !important;
    stroke-opacity: 1;
    z-index: 6;
}

it works up to here

then:

#elements.switch-on #sensor\.me_kl_current_consumption {
    stroke: rgb(78, 192, 245) !important;
    stroke-width: 35px !important;
    filter: blur(36px);
    -o-filter: blur(36px);
    -ms-filter: blur(36px);
    -moz-filter: blur(36px);
    -webkit-filter: blur(36px);
    stroke-opacity: 1;
    z-index: 7 !important;
}

which does not work?

i also tried:
[id='sensor.me_kl_current_consumption'] .switch-on ...

I would like the air conditioner to have, when working:

stroke-width: 35px !important;
filter: blur(36px);

[OzGav]

You can nest the shorthand if then else syntax like this

class: '${(entity.state === "on") ? "lamp-on" : (entity.state === "off") ? "lamp-off" : "entity-unavailable"}'

[Trzinka]

Hi OzGav, thanks for the reply!

Now I have it set up:
class: '${(parseFloat(entity.state) > 0.1) ? "switch-on" : "switch-off"}

if i understand correctly i should change it:
class: '${(parseFloat(entity.state) === 0) ? "switch-off" : (parseFloat(entity.state) > 1.5) ? "switch-on" : "switch-working"}

which means if entity.state is equal to 0 then it is switch-off, if entity.state is less than 1.5 it is switch-on, otherwise it is switch-working?

[OzGav]

Yes I think that should work. Edit actually swap the > sign for <

[Trzinka]

I made a little change in fp.yaml:
class: '${(parseFloat(entity.state) === 0) ? "switch-off" : (parseFloat(entity.state) > 2.1) ? "switch-working" : "switch-on"}'

and added to fp.css:

#elements .switch-working { 
    stroke: rgb(78, 192, 245) !important;
    stroke-width: 30px !important;
    filter: blur(31px);
    -o-filter: blur(31px);
    -ms-filter: blur(31px);
    -moz-filter: blur(31px);
    -webkit-filter: blur(31px);
    stroke-opacity: 1;
    z-index: 7 !important;
}

Now it works as I wanted! thanks for the help OzGav.