jsanta · January 1, 2019 19:28
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Ionic App</title>

    <base href="/" />

    <meta
      name="viewport"
      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />

    <link rel="icon" type="image/png" href="assets/icon/favicon.png" />
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#4e8ef7">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <style>
      .ad2hs-prompt {
        background-color: rgb(59, 134, 196); /* Blue */
        border: none;
        display: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;

        position: absolute;
        margin: 0 1rem 1rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: calc(100% - 32px);
      }
    </style>

  <link rel="stylesheet" href="styles.css"></head>
  <body>
    <app-root></app-root>

    <button type="button" class="ad2hs-prompt">Install Web App</button>

  <script type="text/javascript" src="runtime.js"></script>
  <script type="text/javascript" src="polyfills.js"></script>
  <script type="text/javascript" src="main.js"></script>
    
  <script type="text/javascript">
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('service-worker.js')
          .then(() => console.log('service worker installed'))
          .catch(err => console.error('Error', err));
      }

      function addToHomeScreen() {
        let a2hsBtn = document.querySelector(".ad2hs-prompt");  // hide our user interface that shows our A2HS button
        a2hsBtn.style.display = 'none';  // Show the prompt
        deferredPrompt.prompt();  // Wait for the user to respond to the prompt
        deferredPrompt.userChoice
          .then(function(choiceResult){

        if (choiceResult.outcome === 'accepted') {
          console.log('User accepted the A2HS prompt');
        } else {
          console.log('User dismissed the A2HS prompt');
        }

        deferredPrompt = null;

      });}

      function showAddToHomeScreen() {

        let a2hsBtn = document.querySelector(".ad2hs-prompt");
        a2hsBtn.style.display = "block";
        a2hsBtn.addEventListener("click", addToHomeScreen);

      }

      let deferredPrompt;
      window.addEventListener('beforeinstallprompt', function (e) {
        // Prevent Chrome 67 and earlier from automatically showing the prompt
        e.preventDefault();
        // Stash the event so it can be triggered later.
        deferredPrompt = e;

        showAddToHomeScreen();
      });

    </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Ionic App</title>

	<base href="/" />

	<meta
	name="viewport"
	content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
	/>
	<meta name="format-detection" content="telephone=no" />
	<meta name="msapplication-tap-highlight" content="no" />

	<link rel="icon" type="image/png" href="assets/icon/favicon.png" />
	<link rel="manifest" href="manifest.json">
	<meta name="theme-color" content="#4e8ef7">

	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />

	<style>
	.ad2hs-prompt {
	background-color: rgb(59, 134, 196); /* Blue */
	border: none;
	display: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;

	position: absolute;
	margin: 0 1rem 1rem;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(100% - 32px);
	}
	</style>

	<link rel="stylesheet" href="styles.css"></head>
	<body>
	<app-root></app-root>

	<button type="button" class="ad2hs-prompt">Install Web App</button>

	<script type="text/javascript" src="runtime.js"></script>
	<script type="text/javascript" src="polyfills.js"></script>
	<script type="text/javascript" src="main.js"></script>

	<script type="text/javascript">
	if ('serviceWorker' in navigator) {
	navigator.serviceWorker.register('service-worker.js')
	.then(() => console.log('service worker installed'))
	.catch(err => console.error('Error', err));
	}

	function addToHomeScreen() {
	let a2hsBtn = document.querySelector(".ad2hs-prompt"); // hide our user interface that shows our A2HS button
	a2hsBtn.style.display = 'none'; // Show the prompt
	deferredPrompt.prompt(); // Wait for the user to respond to the prompt
	deferredPrompt.userChoice
	.then(function(choiceResult){

	if (choiceResult.outcome === 'accepted') {
	console.log('User accepted the A2HS prompt');
	} else {
	console.log('User dismissed the A2HS prompt');
	}

	deferredPrompt = null;

	});}

	function showAddToHomeScreen() {

	let a2hsBtn = document.querySelector(".ad2hs-prompt");
	a2hsBtn.style.display = "block";
	a2hsBtn.addEventListener("click", addToHomeScreen);

	}

	let deferredPrompt;
	window.addEventListener('beforeinstallprompt', function (e) {
	// Prevent Chrome 67 and earlier from automatically showing the prompt
	e.preventDefault();
	// Stash the event so it can be triggered later.
	deferredPrompt = e;

	showAddToHomeScreen();
	});

	</script>
	</body>
	</html>