debug messaged will be print to the console.

ChangeLog

@@ -1,5 +1,10 @@
+2021-12-02:
+- webinterface: debug messages will be print to the console.
+- webinterface: contextmenu will be displayed inside the visible area
+
 2021-11-06:
 - fixed: compiling error on compare with pointer
+
 2021-03-09:
 - changed: passenger trains (no cargo flag set) will always stop at stations.
 - added station flag to blocks
@@ -14,7 +19,7 @@
 
 2021-01-31:
 - automtic mode is improving, manual setting of destination
-  autoatic routing and moving the train to the destination.
+  automatic routing and moving the train to the destination.
 - locked turnouts can not anymore been set.
 - assign loco and set destination is working now.
 

webinterface/gui/guidebug.js

@@ -1,11 +1,5 @@
 
 function debug (t) {
-
-	var pre = document.getElementById("debug");
-	var div = document.getElementById("debug_div");
-	
-	if (pre)  pre.innerHTML = pre.innerHTML + "<br>" + t;
-	if (div)  div.scrollTop = div.scrollHeight;
-
+    console.log (t);
 };
 

webinterface/index.html

@@ -28,7 +28,6 @@
     </button>
     <div class="dropdown-content">
 	  <a href="#" onclick="serverinout_Save(this);">Save</a>
-	  <a href="#" onclick="debug_Enable(this);">Debug</a>
     </div>
   </div> 
   <div class="dropdown">
@@ -86,24 +85,8 @@
 
 <div class="page_main" id="page_main"></div>
 
-<div class="page_bottom" id="debug_div">
-  <pre id="debug"></pre>
-</div>
-
-
 <script>
 
-function debug_Enable() {
-  var x = document.getElementById("debug_div");
-  if (x.style.display === "none") {
-	$(':root').css('--bottom-height', '256px');
-    x.style.display = "block";
-  } else {
-	$(':root').css('--bottom-height', '0px');
-    x.style.display = "none";
-  }
-}
-
 
 $(document).ready(function() {
 	var client = document.getElementById("page_main");

webinterface/layout.css

@@ -7,7 +7,7 @@ body {
 :root {
 	--top-height: 34px;
 	--side-width: 37px;
-	--bottom-height: 1px;
+	--bottom-height: 0px;
 	--menu-bg-color: #333;
 	--menu-fg-color: linen;