Add screenshot button

[dbuezas]

When clicked it downloads a screenshot

Button can be removed via config. Let me know if you prefer it to be removed by default.

Closes #524

[dbuezas]

Unfortunately it doesn't work inside the Android Home Assistant App, but it does in chrome

[dbuezas]

Maybe it could store it in the media folder instead, wdyt?

[dbuezas]

There is some hope: the "Download Diagnostics" button from the integration page does download a file from the mobile app. Now we just need to find out what's the mechanism used there

[AlexxIT]

Thanks!

[felipecrs]

There is some hope: the "Download Diagnostics" button from the integration page does download a file from the mobile app. Now we just need to find out what's the mechanism used there

Frigate Card also downloads clips and snapshots just fine on Android Companion, just for reference.

[AlexxIT]

Maybe Frigate download remote file. Because this is local in-browser file.
And (of course) this method doesn't work on Safari.

[AlexxIT]

https://github.com/AlexxIT/WebRTC/releases/tag/v3.3.0

[Mr-HaleYa]

@dbuezas

Button can be removed via config

Is there an easy way to remove just this button without disabling the UI? I keep hitting it on my tablet when I try to do fullscreen and it's not needed on that dashboard.
Works great on my desktop tho!

[felipecrs]

As mentioned in the documentation:

style: '.screenshot {display: none}'

[dbuezas]

The buttons are indeed very small for touch devices.
You could add a media query in the custom style too:

style: |
  media (hover: none) {
    .screenshot {
      display: none;
    }
  }

(Not tested)

At some point I hope to make it work in mobile too :)

[AlexxIT]

Screenshot works for me on Android Chrome

[dbuezas]

Oh wow! It works for me too! There must have been a change in the Home Assistant frontend.

What a pleasant surprise