Floorplan now available as a Lovelace card

xefil · December 23, 2020, 8:08am

OOOkey, so delete step 3 and give to my circle the id!
I’ll let you know soon!

Simon

pkozul · December 23, 2020, 8:11am

@Oscar When you try the new version of Floorplan, just keep in mind the 100% height behaviour will work when your Lovelace view is set to panel mode, and that view only contains a single card, which is Floorplan card.

For example, this is how mine is set up:

  - title: Floorplan
    path: floorplan
    icon: 'hass:floor-plan'
    panel: true
    badges: []
    cards:
      - type: 'custom:floorplan-card'
        title: Floorplan
        config: /local/floorplan/examples/home/home.yaml

xefil · December 23, 2020, 8:17am

Hello again @pkozul ,
Also, now it works as expected! Yuppie!
Only one thing is not working, your example about action, but as you’ve written, I need to update to version 1.0.8, so I’ll wait until @exetico gives me some hints on how update. With my code I can see the bulb where it should be, and it works. With your example, the bulb is missing and if I press on the circle, which should be replaced with the bulb, I obtain the popup window of the entity, and not the action turning the light on or off.
For now, thanks for the fast support!
Simon

pkozul · December 23, 2020, 8:22am

@xefil One way to get Floorplan directly, is simply to save the floorplan.js file to the relevant folder where you’d like to store it.

Right-click this link below, and choose ‘Save link as…’

https://raw.githubusercontent.com/ExperienceLovelace/ha-floorplan/master/dist/floorplan.js

I store mine in the {HOME_ASSISTANT}/www/floorplan folder, and then create the Lovelace resource for it.

/local/floorplan/floorplan.js?v=1.0.8

The great thing about this new version is that everything is in this single file.

xefil · December 23, 2020, 9:02am

Hello @pkozul , ok, wait I fear I’m bit confused.
Under HACS I have as repo “https://github.com/ExperienceLovelace/lovelace-floorplan” and you are pointing me to a raw file into repo “https://github.com/ExperienceLovelace/ha-floorplan”.
Is this the way you switch between master and test? Using different repos instead of braches?
Do you suggest to delete in HACS the lovelace-floorplan and use the ha-floorplan instead?
Or leave the HACS with the lovelace-floorplan and use this as manual setup? So they could be used together, it dipends on the resource called… but I’m not sure on what I’m writing
Thanks!
Simon

exetico · December 23, 2020, 9:04am

I’m sorry for the mess. I implemented the HACS support for the old version (lovelace-floorplan), but the new version are almost ready. @pkozul have pushed the fix to the new version (where the codebase are completly rewritten, and includes new features, too.).

So, plese remove the old repo from HACS, and replace it with with custom repo:
https://github.com/ExperienceLovelace/ha-floorplan

We’re waiting for it to be added in the main HACS repo. The PR is submitted #751.

Please note that you need to make the following changes in your current floorplan config:

on_hover -> hover_action
on_click -> tap_action
on_long_click -> hold_action
on_state -> state_action
data -> service_data (this is the bit that sits beneath the service call)

Also, you must be using the old actiontrigger. It should be replaced with on_click

pkozul · December 23, 2020, 9:09am

Until we get the docs completed, the best reference is to see the examples:

On the left navigation menu, you can choose between 3 examples:

Home
Light
Ring

And for each example, you can see the Floorplan in action, as well as view the YAML and CSS being used.

xefil · December 23, 2020, 9:57am

Thanks @pkozul and @exetico , repo deleted and added the other one, all works perfectly!
Downside: my files were stored into the old www path, and removing the repo and uninstalaling it, they were deleted, but not so bad, I have a copy on my pc.
Now your code @pkozul works.
Next steps, test motion sensor and the way an area gets colored on motion. hope I’ll able to accomplish it easy

Simon

PS: devel mode recognized Floorplan for Home Assistant (ha-floorplan)Version 1.0.9

exetico · December 23, 2020, 10:03am

That’s great to hear! I just edited my post, cause it was a bit unclear, to be honest.

The first “public” / non-pre release will be ready soon. Only the docs, and the submit to HACS’s default lib, are currently waiting

Let us know, if you’re facing any issues.

xefil · December 23, 2020, 10:22am

@pkozul are the examples based on the same SVG found here?

https://raw.githubusercontent.com/ExperienceLovelace/lovelace-floorplan/master/examples/simple/simple.svg

I would try following what happens on bedroom, that should be the case I could follow for my binary_sensor.sensore_motion01

Thanks, Simon

pkozul · December 23, 2020, 10:24am

The example files can be found here:

xefil · December 23, 2020, 10:26am

Thanks a lot!!

pkozul · December 23, 2020, 10:27am

And you might even like to use the on / off light bulb SVGs we have in the Home example

Oscar · December 23, 2020, 1:54pm

Thanks for your help but I have not much time and I am facing some problems that does not allow me to get the floorplan visible

I will wait till the final release and documentation is ready to try it again without bothering you

exetico · December 23, 2020, 3:44pm

Hi Oscar

ha-floorplan will not see any changes in the structure, so fell free to give it another try. If you’re facing any issues, please share your current configs including whatever else needed.

I’ve merged my own setup, and that’s working just fine, after changing the most primary ‘keys’:

Oscar · December 23, 2020, 6:33pm

Since the old floorplan I did not update anything so, I am sure that I am missing something in the configuration, not an issue in your implementation for sure

If I had more time to check it, I probably would get it working but for me it is impossible to expend more time, sorry. Anyway, thanks for your support and your willingness to help the community, I really appreciate it

Hope after holidays I will be able to find more time to check it, though the official release will be available.

Thanks again for your work

boelle · December 26, 2020, 9:06pm

at https://github.com/ExperienceLovelace/lovelace-floorplan it says:

Just add the URI to HACS’s as custom repository.

but i get a Invalid Add-on repository! so what is the URI to use?

exetico · December 26, 2020, 10:01pm

Hi.

It’s currently a bit of a mess, while we’re moving to the new repo.

Please see:

Also, take a look at examples (use left-side menu), or the buttons in the bottom of the page:

boelle · December 26, 2020, 10:19pm

i tried with https://github.com/ExperienceLovelace/ha-floorplan

that did not work either

So i guess i have to wait

exetico · December 26, 2020, 10:45pm

Well, it’s working just fine here. See screenshots below.

Select Lovelace as the category while adding it as a custom repo. I’ve just tested it again, and it’s working just fine

(We’ve already submitted the PR to HACS, but waiting for them to handle the request. It’s totally ready to be used as a custom repo already)