static/js/refresh: Hook into blur

Keep it simple

2 files changed, 7 insertions, 14 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index e5eaa16..2cd30b3 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1386,7 +1386,7 @@ icon-button a[data-update="refresh"] small:nth-of-type(1) {
 
 icon-button a[data-update="refresh"] svg:nth-of-type(2),
 icon-button a[data-update="refresh"] small:nth-of-type(2) {
-  display: initial;
+  display: block;
 }
 
 icon-button a:hover {
diff --git a/assets/js/index.js b/assets/js/index.js
index 22c6cb7..87cb4b1 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -76,7 +76,7 @@
         http.setRequestHeader("Cache-Control", "no-cache");
         http.send();
     }
-    function update(id) {
+    function update() {
         const url = self.location.href;
         check(url, "HEAD", function(request) {
             const local = document.querySelector('meta[name="last-modified"]').content;
@@ -90,21 +90,14 @@
                 indicator.href = url;
                 indicator.removeAttribute("id");
                 indicator.dataset.update = "refresh";
-                clearInterval(id);
+                self.removeEventListener("blur", update);
+                console.log("R: " + remote);
+                console.log("L: " + local);
+                console.log("M: " + modified);
             }
-            console.log("R: " + remote);
-            console.log("L: " + local);
-            console.log("M: " + modified);
         });
     }
-    self.addEventListener("load", function() {
-        let meta = document.querySelector('meta[name="refresh"]');
-        if (meta) meta = document.querySelector('meta[name="refresh"]').content;
-        const interval = meta || 3600000;
-        const monitor = setInterval(function() {
-            if (navigator.onLine) update(monitor);
-        }, interval);
-    });
+    self.addEventListener("blur", update);
 })();
 (function() {
     const options = "targetWindow,width=700,height=500,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes";