Floorplan for Home Assistant

[namadori]

@Ross_Davey, I have the same behaviour: http://has01:8123/local/custom_ui/floorplan/ha-floorplan.html displays a white page. It is the normal behaviour.

Did you got the latest version of Floorplan? Your issue looks similar to last month’s safari bug. Also check the name of the frontend file, it was recently renamed from frontend.html to frontend.yaml.

My suggestion is to download again the Floorplan zip from github, and redo all the configuration steps as there have been some changes in the last weeks to make it compatible with the changes in HA 0.53.

[Ross_Davey]

As far as I can read from the instructions, the frontend.yaml file is only needed if your using a custom card on the front end so I cant see that this is whats causing my issue.

Im not using a custom pannel on the front end. I am using a custom panel as you can see in my screenshot

The coloured wheel just keeps spinning

[mikeg1130]

Can you try in a Private Window in Safari and/or another browser? It may be invalid cache

[namadori]

Other questions to help debugging:

1. Can you try with Chrome?
2. Any error in console? (Safari -> Preferences -> Advanced -> Show Develop menu, then Develop -> Show javascript console)
3. Version of HA and version of Floorplan?
4. If you setup Floorplan as a state card, does it work?

[Ross_Davey]

I have access to both a mac and PC.

Same issue across all browsers.

I am running HA version 0.53.0 and downloaded the latest version of floor plan as of Sunday.

I haven’t tried a state card but can give it a go

[eddi89]

For everyone with problems
In Chrome: Website information (fav-icon) -> Cookies -> delete Service Worker and Local Storage -> Ctrl+F5

[Ross_Davey]

Attempting to use a custom state card as outlined on the GitHub instructions in “Option 1: Floorplan custom state card”

The card shows up but is BLANK! Can anyone tell me where fronted.yaml is meant to go and how you reference it in the code? No where on the GitHub page mentions where it goes or what to do with it…

[Ross_Davey]

Ok Ive fixed the floorplan custom panel from my original issue.

What I now cant get working is the front end panel…shows as blank

[pkozul (Petar Kozul)]

I believe there is currently an issue with custom state cards…

Need to force refresh before entities show (0.53.)

[eddi89]

hey I posted the solution above and Andrey is working on a fix…

[pkozul (Petar Kozul)]

@Ross_Davey I added the info below to the doco on GitHub. Let me know if it helps in getting your floorplan to show as a state card…

To allow the above file to be served by Home Assistant, add it to the frontend section of your Home Assistant configuration:

frontend:
  extra_html_url:
    - /local/custom_ui/state-card-floorplan.html

[Ross_Davey]

Thank you Pkozul

I have this in place already and its working as a custom panel

Im still having issues with it showing blank on as a state card

[Cpete]

Hitting a bit of a dead end here Can someone point me in the right direction?

I’m trying to improvise a way to use dimmable lights on my floorplan. To achieve this I’m looking at adding two seperate icons for each light. The first to toggle the light when pushed, the second to show the default popup for dimmable light which includes a slider for the level.

I can get both of them working seperately but not together.
If I want to show the info popup I can leave the action blank in my floorplan.yaml

    - name: Lights
      entities:
         - light.lamp_2_level
         - light.lamp_3_level
      states:
        - state: 'on'
          class: 'light-on'
        - state: 'off'
          class: 'light-off'
      action:

This info popup shows a lot of useless info like node id, value id, entity id’s etc but at least it has a slider so it will have to do)

Alternativly I can specify an action which toggles the light

    - name: Lights
      entities:
         - light.lamp_2_level
         - light.lamp_3_level
      states:
        - state: 'on'
          class: 'light-on'
        - state: 'off'
          class: 'light-off'
      action:            
        - service: toggle
          domain: homeassistant 

But in both scenarios I need to assign id = light.lamp_2_level to the icon in the svg.
How can I use two seperate icons both related to the same light but specifying a different action?

Or alternatively, have any of you implemented a better way of handling dimmable lights in your floorplan?

Tnx.

[pkozul (Petar Kozul)]

Hi @Cpete. Can you check my post in the other thread and give that a go?

Video on Floorplan

@atomicpapa Thanks for checking that. Will let this settle for a few days, and then this version can be pushed to the main branch and become the official release. BTW, there is another feature in the new version I should also mention. You can now display a single HA entity in multiple places on your floorplan. This allows you to, for example, expose a single camera in the following ways: as text to display the current state (i.e. ‘idle’) as an icon to show where the camera is mounted on your …

Make sure to grab the latest floorplan file from the ‘camera-images’ branch:

https://raw.githubusercontent.com/pkozul/ha-floorplan/camera-images/www/custom_ui/floorplan/ha-floorplan.html

[atomicpapa (Glenn Morrison)]

How are you getting text to word wrap in an area? I have a sensor that can generate a long text message and would like it to wrap within a certain area. I have tried the flow thing built in to Inkscape, but that doesn’t actually show the message in the defined area. I worked on this most of the night and it is driving me absolutely bonkers.

[namadori]

@atomicpapa check here and the messages below:

Floorplan for Home Assistant

To show more than one line of text you can try this: {{ ( states.sensor.dark_sky_hourly_summary.state | wordwrap(50, true,"§")).split("§")[0]}} Using [0] for the template for the first line of text, [1] for the second line, [2] for the third. The convoluted logic is: wordwrap places a § between words in blocks less than 50 chars (you can use any character that hopefully will never be in the original text) split transform the string in an array of strings splitting on the § char [n] takes …

[atomicpapa (Glenn Morrison)]

Thank you! I got it up and running!

[olloe]

I’m having trouble with the lights. When I press they often don’t respond. I believe it’s the double click issue previously mentioned because sometimes I see them flicker on-off. Some lights are worse than others.
Is this still a problem? Any solution?

[Thorbeen]

@ ferges

This was made with https://home.by.me , a cool & free web application

[hijinx (James)]

Nice. I will have a play!