[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

[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.

[Kxiru]

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