Frontend: Adjust vibration patterns

Signed-off-by: Fred Boniface <fred@fjla.uk>

static/index.html

@@ -62,7 +62,7 @@
 
     <!-- Footer -->
     <footer>
-      <p>Created by <a href="https://fredboniface.co.uk" target="_blank" rel="noreferrer noopener">Fred Boniface</a> - 0.0.1-dev-2023013104</p>
+      <p>Created by <a href="https://fredboniface.co.uk" target="_blank" rel="noreferrer noopener">Fred Boniface</a> - 0.0.1-dev-2023013107</p>
     </footer>
 
   </body>

static/js/find-code.js

@@ -38,7 +38,7 @@ async function parseData(values){
         log("find-code.parseData: No data entered", "WARN")
         await clearForm();
         document.getElementById("name").value = "No data entered"
-        vibrate("err");
+        vibe("err");
         hideLoading();
         return;
     }
@@ -53,7 +53,7 @@ async function getData(type, value){
         return await resp.json()
     } catch (err) {
         log(`find-code.getData: Error getting data: ${err}`, "WARN")
-        vibrate("err")
+        vibe("err")
         return "";
     }
 }
@@ -90,6 +90,6 @@ async function clearForm(){
     document.getElementById("nlc").value = ""
     document.getElementById("tiploc").value = ""
     document.getElementById("stanox").value = ""
-    navigator.vibrate("ok");
+    vibe("ok");
     hideLoading();
 }

static/js/issue.js

@@ -75,12 +75,12 @@ async function send() {
     var res = await fetch("/api/v1/issue", opt)
     if (res.status == 200) {
         setLoadingDesc("Success")
-        vibrate("ok")
+        vibe("ok")
         await delay(2500)
         window.location.replace("/")
     } else {
         setLoadingDesc("Error")
-        vibrate("err")
+        vibe("err")
         await delay(2500)
         hideLoading()
         document.getElementById("preflight").style = "display: none;"

static/js/lib.main.js

@@ -114,12 +114,19 @@ async function getQuery(param) {
     }
 }
 
-async function vibrate(type) {
-    vb = navigator.vibrate
+async function vibe(type) {
+    let canVibrate = "vibrate" in navigator || "mozVibrate" in navigator
+    if (canVibrate && !("vibrate" in navigator)){
+        navigator.vibrate = navigator.mozVibrate
+    }
     switch (type) {
         case "err":
-            vb(1200)
+            navigator.vibrate([300,200,300])
+            break;
         case "ok":
-            vb([100,30,100])
+            navigator.vibrate([50,150,50])
+            break;
+        default:
+            navigator.vibrate(30)
     }
 }

static/sw.js

@@ -1,6 +1,6 @@
 /* Service Worker */
 
-const appVersion = "0.0.1-dev-2023013104"
+const appVersion = "0.0.1-dev-2023013107"
 const cacheName = `owlboard-${appVersion}`
 const cacheIDs = [cacheName]
 const cacheFiles = [