twrecked/lovelace-hass-aarlo v0.2.0b1

version 0.2.0b1

on GitHub

EXPERIMENTAL

It's working well for me but if everything stop working please drop back to 0.1

If you don't see any changes:

• desktop chrome; open developer tools on your web browser and reload; CTRL+SHIFT+I followed by CTRL+R
• desktop firefox; open developer tools on your web browser and reload; CTRL+SHIFT+I followed by CTRL+R
• ipad/iphone: this one is drastic but; Settings > Safari > Clear History and Website Data

Why...

This is a complete re-write of the module. When adding the new modal window I realized the underlying code was doing things backwards. For example, for state changes I was giving Home Assistant a complete re-rendering of the card when I would have been better manipulating the DOM directly.

Bugs Fixed

• package detection works

New Configuration Format (Part2)

The existing format will continue to (mostly) work. The code looks for the show item and, if it finds it, uses the old format.

I decided to change the format because I found it was getting long winded adding single options per line. The new format uses keywords in comma separated string lists to simplify things.

The following example will give you an idea of the changes.

You now have two variable image_top and image_bottom that control what appear on the top of the image and bottom of the image.

With this release the ordering of things is honoured. Note:

• you can group entities together, either using an array structure as shown in the example or using the | symbol
• you can add in space with a ,, entry

There is a global section now. active and square have moved there.

entity: camera.aarlo_front_door_camera
name: 'The Front Door'
global: 'active'
image_top: 'name,status'
image_bottom:
  - 'previous,sound,motion,battery,library,stream,snapshot'
  - 'door,lock,light,next'
image_view: numeric
image_click: 'recordings'
library_view: 'download'
library_sizes: '3,4,2,1'
type: 'custom:aarlo-glance'

See here for more details. And here for some examples.

Multiple Cameras

To try multiple cameras use the following config (changing the entities obviously). This example shows a shared global config but it's possible to have per camera settings as well.

entities:
  - entity: camera.aarlo_front_door_camera
    name: 'The Front Door'
  - entity: camera.aarlo_front_camera
    name: 'The Front'
global: active
library_view: 'blended,download'
image_top: 'name,status'
image_bottom: 'motion,library,play,snapshot,battery'
image_click: 'direct,recordings'
library_sizes: '3,4,2,1'
light: light.virtual_deck_light
door: binary_sensor.virtual_front_door
door_lock: lock.virtual_front_door_lock
type: 'custom:aarlo-glance'

On desktops devices you get chevrons to click and change camera, on mobile you can swipe left and right.

You can join the libraries together with library_view: blended and automatically move to the most recently active camera with camera_view: active.

Changes include, but not limited to:

• View recording duration.
• Customizable layout.
• Mutable option.
• Numerical option.
• Italian by QuakeGio83
• Swedish by pierrebengtsson
• German language support by TheDK
• Spanish language support by alceasan
• download videos from the library
• newer configuration
• multiple camera support [stage 2]
  • blended library mode; show multiple cameras in one library
  • automatically flip to active camera
• handle empty libraries better
• smart modal windows, will fall back to inline on mobile devices, see smart option of image_click.
• will now show if Arlo doorbells are silenced on the card and you can mute/unmute from the card, see door_bell_mute
• you can swipe left/right on mobile devices in the library - crude support for now
• the library will update in real time and won't load unless necessary, generally nicer operation
• you can limit how many videos are loaded
• you can specify different grid size for the library
• objects that trigger events are highlighted in the library view
• beginning and end buttons for the library
• autoplay
• customizable snapshot image reload
• changes handled programmatically; for example, a motion event now changes the element in the DOM rather than re-drawing the whole card
• localization support
• added French language
• better startup
• internally most things have changed, hopefully for the best

Planned changes include:

• better exception handling