Apple PWA fixes
This commit is contained in:
@ -8,25 +8,48 @@
|
||||
* @link https://TheTempusProject.com
|
||||
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
||||
*/
|
||||
/**
|
||||
* Progressive Web-App
|
||||
**/
|
||||
let deferredPrompt;
|
||||
const installPrompt = document.getElementById("install-prompt");
|
||||
const chromeMessage = document.getElementById("chrome-install-message");
|
||||
const iosMessage = document.getElementById("ios-install-message");
|
||||
const installButton = document.getElementById("install-button");
|
||||
const dismissButton = document.querySelector("#install-prompt .btn-close");
|
||||
|
||||
// Check if the user previously dismissed the prompt
|
||||
if (!localStorage.getItem("pwaInstallDismissed")) {
|
||||
if ( ! localStorage.getItem("pwaInstallDismissed") ) {
|
||||
window.addEventListener("beforeinstallprompt", (event) => {
|
||||
event.preventDefault();
|
||||
deferredPrompt = event;
|
||||
installPrompt.classList.remove("d-none");
|
||||
installPrompt.classList.add("d-block"); // Show the prompt
|
||||
installPrompt.classList.add("d-block"); // Show the alert
|
||||
chromeMessage.classList.remove("d-none");
|
||||
chromeMessage.classList.add("d-block"); // Show the prompt
|
||||
});
|
||||
|
||||
if ( isIos() && ! isInStandaloneMode() ) {
|
||||
installPrompt.classList.remove("d-none");
|
||||
installPrompt.classList.add("d-block"); // Show the alert
|
||||
iosMessage.classList.remove("d-none");
|
||||
iosMessage.classList.add("d-block"); // Show the prompt
|
||||
}
|
||||
}
|
||||
|
||||
// ios REQUIRES a service worker
|
||||
if ( 'serviceWorker' in navigator ) {
|
||||
navigator.serviceWorker.register('app/js/sw.js')
|
||||
.then(() => console.log('Service Worker Registered'));
|
||||
}
|
||||
// self.addEventListener('install', () => self.skipWaiting());
|
||||
// self.addEventListener('activate', () => self.clients.claim());
|
||||
// self.addEventListener('fetch', () => {}); // No file interception
|
||||
|
||||
// Handle Install Button Click
|
||||
if ( installButton ) {
|
||||
installButton.addEventListener("click", async () => {
|
||||
if (deferredPrompt) {
|
||||
if ( deferredPrompt ) {
|
||||
deferredPrompt.prompt();
|
||||
const { outcome } = await deferredPrompt.userChoice;
|
||||
|
||||
@ -65,6 +88,14 @@ if (localStorage.getItem("pwaInstallDismissed")) {
|
||||
}
|
||||
}
|
||||
|
||||
function isIos() {
|
||||
return /iphone|ipad|ipod/i.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
function isInStandaloneMode() {
|
||||
return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
|
||||
}
|
||||
|
||||
/**
|
||||
* Automatically selects/de-selects all check boxes associated with that field
|
||||
**/
|
||||
|
1
app/js/sw.js
Normal file
1
app/js/sw.js
Normal file
@ -0,0 +1 @@
|
||||
self.addEventListener('fetch', () => {});
|
Reference in New Issue
Block a user