[WD-11261] Implementation of LXD PWA with a dynamic start_url

[Kxiru]

Done

• Implemented minimal PWA support for the LXD-UI client in index.html.
  • The manifest file/variable supports a dynamic start_url link.
• Added a Logo image for the minimum requirements of the PWA.
• Added a LXD-Screenshot image for the minimum requirements of the PWA.

Specification: LX078 - PWA Support

QA

1. Run the LXD-UI:
   • On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @mas-who or @edlerd for access.
   • With a local copy of this branch, run as described here.
2. Perform the following QA steps:
   • Open the LXD-UI Client and note the PWA pop up, or, view the
     
     --icon in the url toolbar. One can click this to trigger the installation sequence.

Screenshots

[webteam-app]

Demo

Jenkins

demos.haus

[edlerd]

Thanks for putting this up!

Some comments below to make it work on the demo server.

[mas-who]

@Kxiru I think David has covered all the points. After making the changes for the screenshot reference path, it should work on the demo server as well.

In case if you are wondering why the path should be changed, you can go to the Source tab in your chrome inspector (see below for reference)

Edit: Can you also ask @piperdeck to do a test on Safari for this.

[edlerd]

The paths to the assets need to be prefixed with /ui and the scope field needs fixing.

I am not sure the orange menu bar is the best option, it seems a rather busy colour for it. Maybe use the grey/black from the left-hand navigation, or consult with design for this.

[edlerd]

It works on localhost, but not yet on the demo server -- and I fear it won't work in the real build either. See comments below.

[Kxiru]

@edlerd , I've got it to work on the demo server and I've tidied up index.html a bit too :).

[edlerd]

This works great on the demo server with signed certificates!
I found some small improvements that should be done before merging it.

[edlerd]

LGTM, thanks for driving this forward.