Fix setting editor in insecure context. Support different API port

src/js/firmware/middleware.js

@@ -20,7 +20,7 @@ export function ajaxRequest (params) {
 
   let isSuccessful = true
 
-  const url = new URL(window.location.protocol + '//' + window.location.hostname + ":8080/api/" + params.url)
+  const url = new URL(window.location.protocol + '//' + window.location.hostname + ":" + window.location.port +  "/api/" + params.url)
 
   if (typeof (params.method) !== 'undefined') {
     fetchParams.method = params.method

src/js/modules/webcomponents/GlobalSettingsEditor.js

@@ -31,15 +31,22 @@ export class GlobalSettingsEditor extends HTMLElement {
   setupServiceWorkerInfo() {
     this.txtSwInfo = this.querySelector("#swInfo")
 
-    if (navigator.serviceWorker.controller === null) {
-      this.txtSwInfo.innerText = " Service worker controller is null :("
+    this.btnGetVersion = this.querySelector("#getSwVersion")
+
+    if (!("serviceWorker" in navigator)) {
+      this.txtSwInfo.innerText = " Service workers are not supported in your browser. "
+      this.txtSwInfo.classList += "error"
+      this.btnGetVersion.disabled = true
     } else {
-      this.txtSwInfo.innerText = " Service worker controller is setup. "
+      if (navigator.serviceWorker.controller === null) {
+        this.txtSwInfo.innerText = " Service worker controller is null :("
+        this.btnGetVersion.disabled = true
+      } else {
+        this.txtSwInfo.innerText = " Service worker controller is setup. "
+      }
     }
 
-    this.btnGetVersion = this.querySelector("#getSwVersion")
     this.btnGetVersion.onclick = () => {
-      console.log("req")
       navigator.serviceWorker.controller.postMessage("reqGetVersion")	
     }
   }

src/style.css

@@ -320,12 +320,12 @@ ul#taskList {
 	margin: 1em;
 }
 
-.notification.good {
+.good {
 	border: 2px solid green;
 	background-color: lightgreen;
 }
 
-.notification.error {
+.error {
 	border: 2px solid red;
 	background-color: salmon;
 }