notes/notes

@@ -51,7 +51,7 @@ https://developers.google.com/web/tools/workbox/guides/precache-files/cli
 RENAME ?plvx.x parameter in index.html to the new version so all files update on mobile 
 
 2) PUBLISH
-publish command line from rockfishCore folder:
+publish command line from pecklist folder:
 
 //this will build a release version which is what we use on the server now
 dotnet publish -c Release -o ./../publish/

notes/todo

@@ -1,3 +1,5 @@
 Add serviceworker so can use offline
 Localize all the files required to our server, not CDN
 
+Not working on android desktop pwa offline, maybe something like this will help:
+https://stackoverflow.com/questions/45733419/progressive-web-app-offline-cache-does-not-work-on-android-it-works-on-chrome

workbox-config.js

@@ -1,8 +1,8 @@
 module.exports = {
   "globDirectory": "wwwroot/",
   "globPatterns": [
-    "**/*.{xml,css,eot,svg,ttf,woff,woff2,png,ico,html,js,handlebars,json}"
+    "**/*.{xml,css,eot,ttf,woff,woff2,png,ico,html,js,json}"
   ],
-  "swDest": "wwwroot\\OUTsw.js",
+  "swDest": "wwwroot\\sw.js",
-  "swSrc": "wwwroot/sw.js"
+  "swSrc": "wwwroot/INPUTsw.js"
 };

wwwroot/index.html

@@ -31,39 +31,39 @@
   <meta name="theme-color" content="#ffffff">
 
   <!-- 3rd party components fonts and icons -->
-  <link href="css/materialdesignicons.min.css?plv=2.0" media="all" rel="stylesheet" type="text/css" />
+  <link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
   <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">  -->
-  <link rel="stylesheet" href="css/bootstrap.min.css?plv=2.0" type="text/css" />
+  <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
-  <link rel="stylesheet" href="css/mdi-bs4-compat.css?plv=2.0" type="text/css" />
+  <link rel="stylesheet" href="css/mdi-bs4-compat.css" type="text/css" />
-  <link rel="stylesheet" href="css/app.css?plv=2.0" type="text/css" />
+  <link rel="stylesheet" href="css/app.css" type="text/css" />
 
 
 
   <!-- third-party javascript -->
   <script src="js/lib/jquery-3.2.1.min.js"></script>
-  <script src="js/lib/jquery.event.gevent.js?plv=2.0"></script>
+  <script src="js/lib/jquery.event.gevent.js"></script>
-  <script src="js/lib/jquery.gzserialize.js?plv=2.0"></script>
+  <script src="js/lib/jquery.gzserialize.js"></script>
-  <script src="js/lib/jquery.autocomplete.min.js?plv=2.0"></script>
+  <script src="js/lib/jquery.autocomplete.min.js"></script>
-  <script src="js/lib/page.js?plv=2.0"></script>
+  <script src="js/lib/page.js"></script>
-  <script src="js/lib/handlebars.runtime-v4.0.5.js?plv=2.0"></script>
+  <script src="js/lib/handlebars.runtime-v4.0.5.js"></script>
-  <script src="js/lib/store.min.js?plv=2.0"></script>
+  <script src="js/lib/store.min.js"></script>
-  <script src="js/lib/moment.min.js?plv=2.0"></script>
+  <script src="js/lib/moment.min.js"></script>
-  <script src="js/lib/lodash.min.js?plv=2.0"></script>
+  <script src="js/lib/lodash.min.js"></script>
 
   <!-- our javascript -->
-  <script src="js/index.js?plv=2.0"></script>
+  <script src="js/index.js"></script>
-  <script src="js/app.util.js?plv=2.0"></script>
+  <script src="js/app.util.js"></script>
-  <script src="js/app.api.js?plv=2.0"></script>
+  <script src="js/app.api.js"></script>
-  <script src="js/app.utilB.js?plv=2.0"></script>
+  <script src="js/app.utilB.js"></script>
-  <script src="js/app.nav.js?plv=2.0"></script>
+  <script src="js/app.nav.js"></script>
-  <script src="js/app.shell.js?plv=2.0"></script>
+  <script src="js/app.shell.js"></script>
-  <script src="js/app.fourohfour.js?plv=2.0"></script>
+  <script src="js/app.fourohfour.js"></script>
-  <script src="js/app.authenticate.js?plv=2.0"></script>
+  <script src="js/app.authenticate.js"></script>
-  <script src="js/app.main.js?plv=2.0"></script>
+  <script src="js/app.main.js"></script>
-  <script src="js/app.settings.js?plv=2.0"></script>
+  <script src="js/app.settings.js"></script>
 
   <!-- handlebars templates -->
-  <script src="js/templates/templates.js?plv=2.0"></script>
+  <script src="js/templates/templates.js"></script>
 
 
   <script>

wwwroot/js/app.settings.js

@@ -89,7 +89,11 @@ app.settings = (function () {
 
         //Context menu           
         app.nav.contextClear();
-        ////app.nav.setContextTitle("Search");
+        $("#about").append(
+            "<p>Pecklist client version: " +
+              app.api.GZAppVersion +
+              "</p>"
+          );
 
     };
 

wwwroot/js/templates/app.settings.handlebars

@@ -1,4 +1,6 @@
 <div>
+    <div class="alert alert-success mb-5" id="about" />
+
     <form id="frm" method="post" action="index.html">
 
         <div class="form-group mb-5">
@@ -9,8 +11,10 @@
 
         <div class="form-group">
             <label for="oldpassword">Change password</label>
-            <input class="form-control" type="text" id="oldpassword" name="oldpassword" placeholder="current password" value="">
+            <input class="form-control" type="text" id="oldpassword" name="oldpassword" placeholder="current password"
-            <input class="form-control" type="text" id="newpassword" name="newpassword" placeholder="new password" value="">
+                value="">
+            <input class="form-control" type="text" id="newpassword" name="newpassword" placeholder="new password"
+                value="">
             <div class="app-frm-buttons">
                 <button id="btn-change-password">Update</button>
             </div>

wwwroot/sw.js

@@ -1,6 +1,7 @@
 importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js');
 
 if (workbox) {
+ // console.log(`3 Yay! Workbox is loaded 🎉`);
   workbox.precaching.precacheAndRoute([
   {
     "url": "browserconfig.xml",
@@ -67,12 +68,12 @@ if (workbox) {
     "revision": "0d1808110ae641a9bad17709dcefd43c"
   },
   {
-    "url": "img/safari-pinned-tab.svg",
+    "url": "index.html",
-    "revision": "b17a8beda48b7a0fde0643dccfb50bfe"
+    "revision": "d3513908a51bcb9ce990ca962db928ed"
   },
   {
-    "url": "index.html",
+    "url": "INPUTsw.js",
-    "revision": "f863e07d681620b5e60032f425d98bdc"
+    "revision": "a782991af0c05dc7ad8d34cf47fb309d"
   },
   {
     "url": "js/app.api.js",
@@ -96,7 +97,7 @@ if (workbox) {
   },
   {
     "url": "js/app.settings.js",
-    "revision": "18f9d50213bdbda3610ea6fc4288e5e7"
+    "revision": "da8fa209405c5a5fa6675e7330b3b5d1"
   },
   {
     "url": "js/app.shell.js",
@@ -166,53 +167,16 @@ if (workbox) {
     "url": "js/lib/workbox-sw-3.6.1.js",
     "revision": "6d74eacbefb3b382d702a8b42a39c4e0"
   },
-  {
-    "url": "js/templates/app.authenticate.handlebars",
-    "revision": "7bb4ee8ac8cf4795f877741f3632a6b8"
-  },
-  {
-    "url": "js/templates/app.fourohfour.handlebars",
-    "revision": "aad5a9d22bb4776ccbc4ec8259171ac4"
-  },
-  {
-    "url": "js/templates/app.main.context.handlebars",
-    "revision": "09cd7ed29cc03b687c8a1780b5afa655"
-  },
-  {
-    "url": "js/templates/app.main.handlebars",
-    "revision": "596c981bb61af9a9d711e54956b29b58"
-  },
-  {
-    "url": "js/templates/app.main.list-context.handlebars",
-    "revision": "f0641a95600a65d305ac2cf726a52c2f"
-  },
-  {
-    "url": "js/templates/app.settings.handlebars",
-    "revision": "14e4f4674be498f897b2c2635abe177a"
-  },
-  {
-    "url": "js/templates/app.shell.handlebars",
-    "revision": "ac743860fde8abd9a15c0c0ccac92a49"
-  },
   {
     "url": "js/templates/templates.js",
-    "revision": "0dfa72dc2f5038fef5a0cf1b4f6350fd"
+    "revision": "58cb046acae763f842d6b778634ce256"
   },
   {
     "url": "manifest.json",
     "revision": "ff8c7812f66c62e282fdf140ac50012a"
-  },
-  {
-    "url": "sw.js",
-    "revision": "9d014b77a3fd28e1fd88d3ba20ca32b9"
   }
 ]);
   
-//   workbox.routing.registerRoute(
-//     new RegExp('.*\.js'),
-//     workbox.strategies.networkFirst()
-//   );
-  
 } else {
   console.log(`Boo! Workbox didn't load 😬`);
 }