Hi,
Trying to setup floorplan in version 0.57.3 of Hass.io.
I copied the files below to the config directory:
www/custom_ui/floorplan/ha-floorplan.html
www/custom_ui/floorplan/floorplan.svg
www/custom_ui/floorplan/floorplan.css
www/custom_ui/floorplan/lib/jquery-3.2.1.min.js
www/custom_ui/floorplan/lib/moment.min.js
www/custom_ui/floorplan/lib/svg-pan-zoom.min.js
In config/panels I put the file: floorplan.html
In my configuration.yaml file I added:
panel_custom:
- name: floorplan
sidebar_title: Floorplan
sidebar_icon: mdi:home
url_path: floorplan
config: !include floorplan.yaml
My floorplan.yaml file contains
name: Floorplan
image: /local/custom_ui/floorplan/floorplan.svg
stylesheet: /local/custom_ui/floorplan/floorplan.css
warnings:
groups:
- name: Lights
entities:
- light.bedroom_night_stand
- switch.bedroom_night_stand2
I created an SVG image, named floorplan.svg, using Inkscape and stored it in:
config\www\custom_ui\floorplan
It has two entities named:
- light.bedroom_night_stand
- switch.bedroom_night_stand2
The Floorplan panel displays, but no image is displayed. I’ve tried changing the path in the floorplan.yaml file, for the image and stylesheet (it seems that it should be…/config/www/custom_ui/floorplan/…) but that didn’t help. I’ve also tried using the default SVG file with no luck. Oh, I also followed the guide when creating the SVG file. I set the page size and viewbox to 1024x768 px. One more question…Where may I see the output generated by enabling the warnings flag in the floorplan.yaml file?
Thank you for any help you can provide. I’m out of ideas and it seems this should be an easy feature to implement.