Floorplan with Camera and Cover

[jressel01]

hello everyone,
after I had some problems with the migration from the old floorplan to the new one, which are solved, I put my floorplan online. Maybe it will help some of you.

The camera picture below can be changed by clicking on one of the cameras around the house.
With a hold on the cameras the live view is opened.

Some things in my files can be written more cleanly. If there is time.

Floorplan_yaml_svg_css.zip

[nebbiadigiorno]

hi man!
great works!
i am trying your code. The single camera works just fine but i cannot replicate the camera view. i copy the yyamls code and i add your camera code (css) into mine but it does not work.... any suggestion?

[jressel01]

hi
look inside the svg. For the Camera i has 2 IDs. One was the "rect" with ID camera.live_view_t and a group of it with ID camera.live_view.

    <g
       id="camera.live_view">
      <rect
         style="fill:#d4d4d4;stroke:#727272;stroke-width:0.366448"
         id="camera.live_view_t"
         width="29.633553"
         height="19.633551"
         x="60.255821"
         y="82.040298" />
    </g>

i have one (Helper) Input_Select

                    - name: Cameras
                      entities:
                        - camera.f_garten
                        - camera.f_garage
                        - camera.f_klingel
                        - camera.f_polo
                        - camera.f_haustuer
                        - camera.speilhaus_camera
                      state_action:
                        - service: floorplan.class_set
                          service_data:
                            class: |
                              >
                                return "camera-idle";
                      tap_action:
                        action: call-service
                        service: input_select.select_option
                        service_data:
                          entity_id: input_select.cam_select
                          option: '${entity.entity_id}'
                      hold_action: more-info

with tap on the cams is switch the Input select to the name from the cam i want to view

                    - name: Live_view
                      entity: input_select.cam_select
                      elements:
                        - camera.live_view_t
                      state_action:
                        action: call-service
                        service: floorplan.image_set
                        service_data:
                          elements: camera.live_view
                          image: '${entities[entity.state].attributes.entity_picture}'
                          image_refresh_interval: 60

this show witch the input select say

[nebbiadigiorno]

sorry but i don't understand the first 2 point.
"look inside the svg. For the Camera i has 2 IDs. One was the "rect" with ID camera.live_view_t and a group of it with ID camera.live_view."
and the helper... do you mean the helper in home assistant?

For the .svg, i just copy your "sqaure" to my .svg file

[jressel01]

Helper at homeassistant "A discesa"

For the view i made a rect in the SVG and give it a name. then i group this and give it the second name

[nebbiadigiorno]

ok the ha helper did the trick!
thanks a lot!

[pkozul]

Hi @jressel01

Thanks for reporting this bug. It has finally been fixed. Version 1.0.23 will soon be released to HACS.

Let us know how it goes.

[exetico]

https://github.com/ExperienceLovelace/ha-floorplan/releases/tag/1.0.23

👨‍💻 😄 👍

[jressel01]

yes now it works :)
thx

[pkozul]

Great! Thanks again.

[nebbiadigiorno]

yes, now it works! thanks!