major rework

- modified chartjs for better zoom on touchpad
- flexible number of charts
- handle bool as checkbox
- handle enum as select (pull down menu)
- disable swiper where not needed
and many more

client/jsFiles/SEAWebClientMain.js

@@ -2,31 +2,18 @@
 // % INIT
 
 var MAXBLOCK = 4; // max number of blocks
-
 var elements = []; // grid elements
-
 var swiper = []; // This array contains main-swiper-Instances.
-
 var hostPort = ""; // Address and port of static html-file.
-
 var clientID = ""; // ID given by server when SSE-connection is established.
-
 var clientTitle = ""; // Contains name of instrument and device.
-
 var getUpdates = true;
-
 var getUpdatesGraphics = true;
-
 var initCommands = [];
-
 var loadingShown = true;
-
 var writePermission = false;
-
 var menuMode = false;
-
 var panelOn = true;
-
 var firstState = 0;
 
 function Settings() {
@@ -188,11 +175,11 @@ function toggleHeader() {
     panelOn = !panelOn;
     if (panelOn) {
         header.innerHTML = clientTitle
-        /* header.setAttribute("style", "width: auto;"); */
-        main_panel.setAttribute("style", "display: block;");
+        /* header.style.width = "auto;"; */
+        main_panel.style.display = "block";
     } else {
-       /* header.setAttribute("style", "width: 30px;"); */
-        main_panel.setAttribute("style", "display: none;");
+       /* header.style.width = "30px"; */
+        main_panel.style.display = "none";
     }
     return true;
 }