Right now I have a problem with all my Foscam cameras. I can’t use them since in the new release the foscam cameras moved from the yaml to the integration. But that only makes my problem that I wanted to present more acute.
I use a floor plan with camera images. Only not all cameras are always on. I now get an ugly red line for those cameras that also goes through the other images. What I want is this: For active cameras, I want an image that is red framed (also works the way I want). For non-active cameras, I don’t want to see anything. I have tried several solutions. From conditional maps to “choice” maps. ie: something with a transparent.png but I always get a red area with the code without a further explanation of the error. The yaml. in itself is good. That is. The syntactic is correct and I can save it.
type: picture-elements
image: /local/floorplan/downstairs.png
elements:
- type: image
entity: switch.kitchen
tap_action: none
hold_action: none
state_image:
'on': /local/floorplan/kitchen_light.png
'off': /local/floorplan/transparent_square.png
unavailable: /local/floorplan/downstairs.png
style:
top: 50%
left: 50%
width: 100%
- type: image
entity: camera.garage
camera_image: camera.garage
style:
top: 10%
left: 95%
with: 10%
border: 2px solid red
tap_action:
action: call-service
service: camera.snapshot
service_data:
entity_id: camera.garage
filename: /config/tmp/snapshot_garage.jpg
hold_action:
action: more-info
entity: camera.garage
camera_image: camera.garage
camera_view: live
etc...