trying to make PWA part 9

Author: ddan9

index.html

@@ -38,7 +38,7 @@
 
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
 
-		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js">
 

index.js

@@ -1339,9 +1339,15 @@ var app = new Vue({
 
 		} else {
 
-			alert("Lost internet connection!")
+			if (confirm("No internet connection. Continue?") == true) {
 
-			return false
+				this.loadingHide()
+
+			} else {
+
+				return false
+
+			}
 
 		}
 

serviceWorker.js

@@ -1,5 +1,7 @@
 const cacheName = 'TODO';
+
 const assets = [
+
 	'./',
 	'./index.html',
 	'./index.js',
@@ -12,28 +14,37 @@ const assets = [
 	'https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js',
 	'https://code.jquery.com/jquery-3.2.1.min.js',
 	'https://cdn.jsdelivr.net/npm/vue@2.7.0'
+
 ]
 
-// Cache all the files to make a PWA
 self.addEventListener('install', e => {
-  e.waitUntil(
-    caches.open(cacheName).then(cache => {
-      // Our application only has two files here index.html and manifest.json
-      // but you can add more such as style.css as your app grows
-      return cache.addAll(assets);
-    })
-  );
+
+	e.waitUntil(
+
+		caches.open(cacheName).then(cache => {
+
+			return cache.addAll(assets);
+
+		})
+
+	);
+
 });
 
-// Our service worker will intercept all fetch requests
-// and check if we have cached the file
-// if so it will serve the cached file
 self.addEventListener('fetch', event => {
-  event.respondWith(
-    caches.open(cacheName)
-      .then(cache => cache.match(event.request, { ignoreSearch: true }))
-      .then(response => {
-        return response || fetch(event.request);
-      })
-  );
+
+	event.respondWith(
+
+		caches.open(cacheName)
+
+			.then(cache => cache.match(event.request, { ignoreSearch: true }))
+
+			.then(response => {
+
+				return response || fetch(event.request);
+
+			})
+
+	);
+
 });