Floorplan for Home Assistant

MarkR · October 6, 2017, 7:17am

I just tried this and get an error… Any idea please?

  - platform: template
    sensors:
      weather_summary1:
        value_template: "{{ (states.sensor.dark_sky_hourly_summary.state | wordwrap(50, true,"§")).split("§")[0]}}"
        friendly_name: "Weather Summary1"
  - platform: template
    sensors:
      weather_summary2:
        value_template: "{{ (states.sensor.dark_sky_hourly_summary.state | wordwrap(50, true,"§")).split("§")[1]}}"
        friendly_name: "Weather Summary2"

2017-10-06 08:14:53 ERROR (SyncWorker_0) [homeassistant.util.yaml] while parsing a block mapping
  in "/config/configuration.yaml", line 617, column 9
expected <block end>, but found '<scalar>'
  in "/config/configuration.yaml", line 617, column 95
2017-10-06 08:14:53 ERROR (MainThread) [homeassistant.bootstrap] Error loading /config/configuration.yaml: while parsing a block mapping
  in "/config/configuration.yaml", line 617, column 9
expected <block end>, but found '<scalar>'
  in "/config/configuration.yaml", line 617, column 95

MarkR · October 6, 2017, 7:28am

OK I fixed it by using single quotes around the template and friendly name…

Roystervi · October 9, 2017, 6:43am

how did you get to show the number of an entity that is on at a time example I see you have 3 lights

mth3r · October 13, 2017, 2:23pm

Is it possible to change all the items in an svg with the same class? for examples, all the windows and doors in my svg are tagged with a respective class. Can I use the floorplan.yaml to change the css for those classes? Maybe make a custome SVG class the entity and interact with it that way. I’ve tried several methods and thought I would reach out for help.

hijinx · October 15, 2017, 9:38pm

Now live in 0.55

pkozul · October 17, 2017, 12:14am

Hi all,

Just updated the GitHub repo with some changes that are required for Floorplan to work with HA versions 0.53 and upwards. Without these changes, the floorplan will not appear as a custom state card (custom panel always worked). Two files have changed, and one has been added:

customize.yaml

Changed from this:

      custom_ui_state_card: floorplan

to this:

      custom_ui_state_card: state-card-floorplan

configuration.yaml

Added this:

	  frontend: !include frontend.html

frontend.html (new file)

Let me know how you go.

BTW, can someone test this out on an iPhone or iPad? I don’t have one handy, but was able to test this successfully using the IOS emulators here:

http://mobiletest.me/

Cheers,
Petar

DarthSebulba04 · October 17, 2017, 1:49am

No luck here with a custom panel on the iOS app, mobile Chrome, or in Safari on macOS.

What details can we provide to help troubleshoot this?

Chris

pkozul · October 17, 2017, 1:50am

Is there any error information you can provide? Not sure if there is a way to see a developer console on those mobile devices…

DarthSebulba04 · October 17, 2017, 1:54am

This is what Safari on macOS is giving me in the console.

pkozul · October 17, 2017, 3:54am

Floorplan v1.0.6 is now ready. It fixes the stylesheet loading issue (script error) on Safari, Chrome, etc. on mobile devices.

Simply grab the latest floorplan file from GitHub repo:

www/custom_ui/floorplan/ha-floorplan.html

Let me know how you go…

diplix · October 17, 2017, 5:09am

floorplan v1.0.6 works again on safari (both high sierra and ios 11 on my iphone7). the state card works again, too — on all browsers, including chrome. on safari i needed to clear the cache before it worked again. thanks a lot!

PhyberApex · October 17, 2017, 10:12am

Welcome back! I hope everything is worked out for now! Great to see you are back and instantly take action!

~Cheers

pkozul · October 17, 2017, 10:14am

Thank you @PhyberApex. Yep, back again. My dad is now recovering well after his stroke. My mind is now in the right place to get back to the wonderful world of floorplans…

DDK · October 17, 2017, 10:15am

I get this error in my log; HA won’t start:

2017-10-17 20:09:27 ERROR (Thread-2) [homeassistant.util.yaml] mapping values are not allowed here
  in "/home/homeassistant/.homeassistant/frontend.html", line 312, column 24
2017-10-17 20:09:27 ERROR (MainThread) [homeassistant.bootstrap] Error loading /home/homeassistant/.homeassistant/configuration.yaml: mapping values are not allowed here
  in "/home/homeassistant/.homeassistant/frontend.html", line 312, column 24

line 312 in the mentioned file reads:

  <!-- blob contrib key: blob_contributors:v21:46009d083ba81ab814120f5ec16b0009 -->

it looks like a comment, can I safely delete it?

pkozul · October 17, 2017, 10:17am

@DDK That’s a file that’s built into HA. I think your config is probably incorrect. Maybe indenting? Can you paste in your HA config that relates to frontend: and customize: ?

DDK · October 17, 2017, 10:26am

wow, you’re quick

I didn’t have frontend.html in my homeassistant directory. I noticed it changed in the last hours in your github, so copied it from there when i was copying the other file.

I have these relevant entries in my configuration.yaml:

homeassistant:
  # Name of the location where Home Assistant is running
  name: XXXX
  # metric for Metric, imperial for Imperial
  unit_system: metric
  # Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
  time_zone: Australia/Brisbane
  customize: !include customize.yaml

# Enables the frontend
frontend: !include frontend.html

sensor: !include_dir_merge_list sensors
panel_custom: !include panel_custom.yaml
binary_sensor: !include binary_sensors.yaml

and this in the customize file:

binary_sensor.floorplan:
  custom_ui_state_card: state-card-floorplan
  config: !include floorplan.yaml

the changes I made were:

updated the www/custom_ui/floorplan/ha-floorplan.html file
added the frontend.html file
changed this line: custom_ui_state_card: state-card-floorplan
added this: frontend: !include frontend.html

pkozul · October 17, 2017, 10:30am

@DDK What is in the frontend.html file?

DDK · October 17, 2017, 10:49am

@pkozul OK, i’m officially stupid when i copied the files i did ‘right click - save as’, that saved the html file that is displaying the github pages; not your code.
So I went to the raw code, and copied that, and that fixed all those issues (at least I hope I can now prevent someone else from making this same mistake…)

But, I still have some issues:

It is working in Microsoft Edge
it is not working in Chrome, even after pressing Ctrl-F5 many times, after clearing the cache and after a reboot
it is not working on my ipad, not through the HA app, not in Chrome on the ipad and not in safari

If it helps you I am happy to set a temp password and send it over personal message so that you can have a look (not that i want you to be my personal help desk, but it might help you in debugging what the issue is)

DDK · October 17, 2017, 10:52am

Never mind, I just checked on another laptop in Chrome, and it works there. So it’s an issue on my PC, not in the code.
Still an issue on ios though.

sjee · October 17, 2017, 12:50pm

@pkozul glad to see you’re back! and thanks for fixing the problem.