removed blind copy/paste console.log....

improved CSS to comply with CODACY rules

code/html/custom.css

@@ -250,9 +250,11 @@ span.slider {
     position: absolute;
     left: -99em;
 }
+label[for].toggle{
+    margin: 0px;
+    padding: 0px;
+}
 .toggle{
-    margin: 0px !important;
-    padding: 0px!important;
     letter-spacing:normal;
     cursor: pointer;
     display: inline-block;
@@ -277,10 +279,16 @@ span.slider {
     content: "NO";
     left: 20px;
 }
+input[name="relay"] + .toggle:before{
+    content: "OFF";
+}
 .toggle:after{
     content: "YES";
     right: 20px;
 }
+input[name="relay"] + .toggle:after{
+    content: "ON";
+}
 .toggle__handler{
     display: inline-block;
     position: relative;
@@ -307,10 +315,6 @@ input:checked + .toggle:before {
 input + .toggle:before {
     color: #fff;
 }
-input[disabled] + .toggle .toggle__handler{
-    background: #CCC !important;
-}
-
 input:checked + .toggle .toggle__handler{
     width: 50%;
     background: #00c000;
@@ -322,6 +326,9 @@ input:checked + .toggle .toggle__handler{
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
+input[disabled] + .toggle .toggle__handler{
+    background: #ccc;
+}
 
 /* -----------------------------------------------------------------------------
     Loading

code/html/custom.js

@@ -814,7 +814,6 @@ function initRelays(data) {
         $(":checkbox", line).prop('checked', data[i]).attr("data", i)
             .prop("id", "relay" + i)
             .on("change", function (event) {
-                console.log("sending message");
                 var id = parseInt($(event.target).attr("data"), 10);
                 var status = $(event.target).prop("checked");
                 doToggle(id, status);
@@ -1523,6 +1522,9 @@ function initUrls(root) {
     } else {
         urls.ws.protocol = "ws:";
     }
+    <!-- removeIf(!cleanIt) -->
+    urls.ws.port = Number(urls.ws.port) + 1;
+    <!-- endRemoveIf(!cleanIt) -->
 
 }
 
@@ -1530,24 +1532,37 @@ function connectToURL(url) {
 
     initUrls(url);
 
+    <!-- removeIf(!cleanIt) -->
+    /*
+<!-- endRemoveIf(!cleanIt) -->
     $.ajax({
         'method': 'GET',
         'crossDomain': true,
         'url': urls.auth.href,
         'xhrFields': { 'withCredentials': true }
     }).done(function(data) {
-        if (websock) { websock.close(); }
-        websock = new WebSocket(urls.ws.href);
-        websock.onmessage = function(evt) {
-            var data = getJson(evt.data.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t"));
-            if (data) {
-                processData(data);
-            }
-        };
+<!-- removeIf(!cleanIt) -->
+*/
+    <!-- endRemoveIf(!cleanIt) -->
+    if (websock) {
+        websock.close();
+    }
+    websock = new WebSocket(urls.ws.href);
+    websock.onmessage = function (evt) {
+        var data = getJson(evt.data.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t"));
+        if (data) {
+            processData(data);
+        }
+    };
+    <!-- removeIf(!cleanIt) -->
+    /*
+<!-- endRemoveIf(!cleanIt) -->
     }).fail(function() {
         // Nothing to do, reload page and retry
     });
-
+<!-- removeIf(!cleanIt) -->
+*/
+    <!-- endRemoveIf(!cleanIt) -->
 }
 
 function connect(host) {