I really appreciate @Steffen_Pohl 's floorplan. So I decide to make one single-room with 3D view. Here’s a semi-draft.
I use two pillows to show temperature and humidity. A live moon phase sits at upper left corner. When it is daytime, the outside background will turn white and cover the moon.
There are still many things to wrap. Monitor’s screen is supposed to show the game title or picture PS4 is loading. More animation will add. No extra button I want to add since automation finishes many jobs.
When I had that problem it was because of a typo in floorplan.css
Look at the examples and you will see a CSS entry with “transform-origin: center” in it. Before the opening braces of that section you have to list the entity ids for the fans. But you have to put a back slash before the first fullstop
So if you had entities of fan.lounge and fan.kitchen the first line of that section would be:
Sure, have a look. For every type of sensor I’d like to know how many of are ON or OFF, I introduced a sensor that is counting how many entities of that type are in a specific state, and its output is displayed on top of a pendant.
Lets take LIGHTS for example:
- platform: template
sensors:
number_of_lights_on:
value_template: >-
{% for state in states if ( 'light' in state.entity_id and state.domain in ['light','switch'] and state.state == 'on' ) -%}
{% if loop.last -%}
{{ loop.index - 1}}
{%- endif %}
{% else %}
0
{%- endfor %}
… or MOTION SENSORS if you need:
- platform: template
sensors:
number_of_motion_sensors_on:
value_template: >-
{% for state in states if ( 'eye' in state.entity_id and state.domain in ['sensor','binary_sensor'] and state.state == 'on' ) -%}
{% if loop.last -%}
{{ loop.index }}
{%- endif %}
{% else %}
0
{%- endfor %}
Here I’m looking for the eye keyword, because all my motion sensors are Fibaro FGMS-001 which look like “The Eye of Sauron” … … and I’ve named them kitchen_eye, bedroom_eye, bathroom_eye …
SMARTMEDIA and Smoculetz are both my accounts, so you can reply to either one.
Still very much a work in progress. I’ve got media players to do and I want to enhance the motion sensors, but here’s where I’m at. Light pinky/orangey/whatever that is = room with lights on, red = room with motion.
I also want to work on the SVG layout itself to have one portrait for mobile devices and one landscape for desktop. Is there a decent solution to that yet that doesn’t involve duplicating a bunch of stuff? The last post I saw was this… Floorplan for Home Assistant
Playing around with how to show multiple floors on the tablet. I would like them all on one page but it’s too crowded so I’m trying a button to switch.
You have to have groups/layers in your SVG named page0 through page9 and then actions named show.page0, show.page1, etc. There is a show.toggle which will just cycle through all available pages.
Try to be specific please, when asking things in life … when would you like to change the background color ?, by what action ?, to what end ?, even if there are more than one possible answer, put them all here, because one situation could ask for a change in one file, other, elsewhere.
I have made a basic Floor plan of my main floor area. The walls are a gray in color over the basic white back ground. I would like to change the back ground to black or something darker.
… and I’ve named them kitchen_eye, bedroom_eye, bathroom_eye …
