Merge pull request #92 from diekus/install-dev-trial-files

Files for install dev trial restoration

Author: diekus

pwa-pwastore/README.md

@@ -0,0 +1,9 @@
+# Edge demos 
+
+➡️ **[Open the demo](https://microsoftedge.github.io/Demos/pwa-pwastore/)** ⬅️
+
+**Edge demos** is a demo app for a landing page of a collection of applications.
+
+## Requirements 
+
+This demo application showcases the Web Install API and the "Masonry" layout. You need to enable 2 separate flags in `about://flags` for the demo to work correctly (`#css-masonry-layout`/`#web-app-installation-api`) available in Chromium browsers versions M139+.

pwa-pwastore/app.js

@@ -0,0 +1,62 @@
+// All of the UI DOM elements we need.
+const installBtn = document.getElementById("btnInstallStore");
+const pwinterBtn = document.getElementById("installPwinter");
+const pwampBtn = document.getElementById("installPwamp");
+const tempConvBtn = document.getElementById("installPwaGettingStarted");
+const emailClientBtn = document.getElementById("installEmailClient");
+const oneDivBtn = document.getElementById("install1Div");
+const wamiBtn = document.getElementById("installWami");
+const bubbleBtn = document.getElementById("installBubble");
+const appTitleBtn = document.getElementById("installappTitle");
+
+
+installBtn.addEventListener('click', async () => {
+  let installation = await navigator.install();
+});
+
+pwinterBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://diek.us/pwinter/',
+                    'https://diek.us/pwinter/index.html?randomize=true');
+});
+
+pwampBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/pwamp/',
+                    'https://microsoftedge.github.io/Demos/pwamp/');
+});
+
+bubbleBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://diek.us/bubble/',
+                    'https://diek.us/bubble/index.html');
+});
+
+tempConvBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/pwa-getting-started/index.html', 'https://microsoftedge.github.io/Demos/pwa-getting-started/');
+
+});
+
+emailClientBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/email-client/',
+                    'https://microsoftedge.github.io/Demos/email-client/index.html');
+});
+
+oneDivBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/1DIV/dist/',
+                    'https://microsoftedge.github.io/Demos/1DIV/dist/index.html');
+}); 
+
+wamiBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/wami/index.html', 'https://microsoftedge.github.io/Demos/wami/');
+}); 
+
+appTitleBtn.addEventListener('click', async () => {
+  let installation = await navigator.install('https://microsoftedge.github.io/Demos/pwa-application-title/', 'https://microsoftedge.github.io/Demos/pwa-application-title/');
+}); 
+
+
+const init = () => {
+  if (window.matchMedia('(display-mode: standalone)').matches || window.matchMedia('(display-mode: window-controls-overlay)').matches) {
+    installBtn.style.display = 'none';
+  }
+};
+
+init();