diff --git a/client/console.html b/client/console.html new file mode 100644 index 0000000..e592cc4 --- /dev/null +++ b/client/console.html @@ -0,0 +1,150 @@ + + + + + + + +
+
+
+
+
+
+ +
+
+ + + diff --git a/client/cssFiles/SEAWebClientStart.css b/client/cssFiles/SEAWebClientStart.css new file mode 100644 index 0000000..6ad7dfe --- /dev/null +++ b/client/cssFiles/SEAWebClientStart.css @@ -0,0 +1,190 @@ +@CHARSET "UTF-8"; + +* { + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +meta, body { + font-family: sans-serif; + font-size: 16px; + width: 100vw; + height: 100vh; + padding: 0; + margin: 0; + overflow: hidden; +} + +/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ +/* PANEL */ +.start-panel { + position: fixed; + top: 0px; + left: 0px; + z-index: 1; + color: white; + background: #303030; + width: 100%; + height: 30px; + line-height: 30px; + padding-left: 30px; + text-align: center; +} + +.start-text-wrapper { + height: 30px; +} + +/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ +/* CONTENT */ +.start-content { + padding: 60px 40px 30px 40px; + width: 100%; + height: 100%; + overflow: auto; +} + +.start-row-links { + padding: 4px 0px 4px 0px; + width: 100%; + min-height: 24px; + display: block; + border-bottom: dotted darkgray 2px; + position: relative; +} + +/* %%%%%%%%%% links %%%%%%%%%%*/ +.start-link { + transition: 0.4s; + cursor: pointer; + color: steelblue; + text-decoration: underline; +} + +.start-link:focus { + color: orangered; + outline: none; +} + +.start-link:hover { + color: gray; +} + +.start-link:active { + color: orangered; +} + +/* %%%%%%%%%% settings %%%%%%%%%%*/ +.start-settings { + color: white; + background: #303030; + margin-top: 30px; + padding: 10px 20px 10px 20px; + border-radius: 6px; +} + +.start-settings-label { + border-bottom: solid darkgray 2px; +} + +.start-settings-show-hide { + float: right; + color: lightgray; + cursor: pointer; +} + +.start-settings-show-hide:focus { + color: orangered; + outline: none; +} + +.start-settings-show-hide:hover { + color: gray; +} + +.start-settings-show-hide:active { + color: orangered; +} + +.start-settings-checkboxes { + display: none; +} + +.start-row-checkboxes { + border-bottom: dotted darkgray 2px; + height: 28px; + padding-left: 4px; + padding-right: 2px; +} + +.start-left { + min-height: 24px; + line-height: 24px; + float: left; +} + +.start-right { + min-height: 24px; + line-height: 24px; + float: right; +} + +/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ +/* CHECKBOX */ +.start-checkbox { + opacity: 0; + float: left; +} + +.start-checkbox + .start-label { + position: relative; + cursor: pointer; + float: left; +} + +.start-checkbox:focus+.start-label { + opacity: 0.8; +} + +.start-checkbox+.start-label::before { + content: ' '; + position: absolute; + left: -24px; + top: 2px; + width: 20px; + height: 20px; + display: block; + background: lightgray; + border: 2px solid dimgray; +} + +.start-checkbox+.start-label::after { + content: ' '; + position: absolute; + left: -19px; + top: 7px; + width: 14px; + height: 14px; + display: block; + z-index: 1; + background-color: dimgray; + -ms-transition: all .2s ease; + -webkit-transition: all .2s ease; + transition: all .3s ease; + -ms-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + opacity: 0; +} + +.start-checkbox:checked+.start-label::after { + -ms-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} \ No newline at end of file diff --git a/client/group.html b/client/group.html new file mode 100644 index 0000000..babcb41 --- /dev/null +++ b/client/group.html @@ -0,0 +1,149 @@ + + + + + +
+ + + diff --git a/client/jsFiles/SEAWebClientCommunication.js b/client/jsFiles/SEAWebClientCommunication.js index 1b52d03..1647ebe 100644 --- a/client/jsFiles/SEAWebClientCommunication.js +++ b/client/jsFiles/SEAWebClientCommunication.js @@ -360,17 +360,19 @@ function successHandler(s, message) { } else { // In the module-block a parameter was selected // -> write parameter-block to grid-element2 - // If nColumns < 3, hide modules (grid-element1) and show parameters (grid-element2) - // Set flag showParams (-> if there are only three columns, hide modules, not parameters) - // See also SEAWebClientMain.js - - showParams = 1; console.log ('col',nColumns); isl = insertSlide(2, message.title, 'parameters', createContent(sLocal, message)); - if(nColumns < 2) { - elements[1].style.display = "none"; // show modules - elements[2].style.display = "inline-block"; // hide parameters + if (nColumns < 2) { + elements[1].style.display = "none"; // hide modules + elements[2].style.display = "inline-block"; // show parameters + } else if (nColumns == 2 || nColumns == 3) { + elements[1].style.display = "none"; // hide modules + elements[2].style.display = "inline-block"; // show parameters + elements[2].style.width = "50vw"; // + if (nRows > 1) { + elements[2].style.height = "50vh"; // + } } } } diff --git a/client/jsFiles/SEAWebClientMain.js b/client/jsFiles/SEAWebClientMain.js index 195baa8..e13a8f8 100644 --- a/client/jsFiles/SEAWebClientMain.js +++ b/client/jsFiles/SEAWebClientMain.js @@ -18,7 +18,6 @@ var writePermission = false; var menuMode = false; var panelOn = true; var firstState = 0; -var showParams = 0; function Settings() { if (debug_main_daniel) { diff --git a/client/jsFiles/SEAWebClientStart.js b/client/jsFiles/SEAWebClientStart.js new file mode 100644 index 0000000..b2cadf7 --- /dev/null +++ b/client/jsFiles/SEAWebClientStart.js @@ -0,0 +1,42 @@ +var showSettings = false; + +function toggleSettings() { + // Shows and hides settings. + + console.log("toggle settings"); + if (showSettings) { + document.getElementsByClassName("start-settings-checkboxes")[0].style.display = "none"; + document.getElementsByClassName("start-settings-show-hide")[0].innerHTML = "show"; + showSettings = false; + } else { + document.getElementsByClassName("start-settings-checkboxes")[0].style.display = "inline"; + document.getElementsByClassName("start-settings-show-hide")[0].innerHTML = "hide"; + showSettings = true; + } +} + +function followLink(destination) { + // Build query string and load new page. + + var checkboxes = document.getElementsByClassName("start-checkbox"); + var query = ""; + // Loop through settings-checkboxes. + for (var i = 0; i < checkboxes.length; i++) { + if (checkboxes[i].checked != checkboxes[i].defaultChecked) { + if (query === "") { + query = "?"; + } else { + query += "&"; + } + query += checkboxes[i].name + "="; + if (checkboxes[i].checked) { + query += "1"; + } else { + query += "0"; + } + } + } + destination += query; + console.log(destination); + window.location = destination; +} \ No newline at end of file diff --git a/client/main.html b/client/main.html new file mode 100644 index 0000000..4813c4d --- /dev/null +++ b/client/main.html @@ -0,0 +1,68 @@ + + +console +group + + + + + +
+ + +
+

+ + + + diff --git a/client/plotex.html b/client/plotex.html new file mode 100644 index 0000000..682cd7c --- /dev/null +++ b/client/plotex.html @@ -0,0 +1,70 @@ + + + + + + + + + + + + + diff --git a/client/select.html b/client/select.html new file mode 100644 index 0000000..de44ba6 --- /dev/null +++ b/client/select.html @@ -0,0 +1,61 @@ + + + + +
+DMC + +HRPT + +ZEBRA + +POLDI +
+FOCUS + +TASP + +RITA2 + +EIGER +
+SANS 1 + +SANS 2 + +AMOR + +BOA +
+PREP1 + +PREP2 + +PREP3 + +PREP4 +
+PREP5 + +PREP6 + +PREP7 + +PREP8 +
+PREP9 + +PREP0 +
+LAB0 + +LAB1 + +LAB2 + +LAB3 +
+LAB4 +
+ + diff --git a/client/touchtest.html b/client/touchtest.html new file mode 100644 index 0000000..b9c6636 --- /dev/null +++ b/client/touchtest.html @@ -0,0 +1,84 @@ + + + + + + + + +

+ + \ No newline at end of file