]> rtime.felk.cvut.cz Git - coffee/mt-apps.git/commitdiff
projects / coffee / mt-apps.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: f3a916d)
Improve web page
authorMichal Sojka <michal.sojka@cvut.cz>
Mon, 6 Aug 2018 15:33:53 +0000 (17:33 +0200)
committerMichal Sojka <michal.sojka@cvut.cz>
Mon, 6 Aug 2018 15:33:53 +0000 (17:33 +0200)
html/index.html patch | blob | history

diff --git a/html/index.html b/html/index.html
index d2448522b7a75ca6cb7da85f4589f9ca5b1c0b01..a1c07d0f7a94c7cb742ec40868db1fe32a77483c 100644 (file)
--- a/html/index.html
+++ b/html/index.html
@@ -14,18 +14,18 @@
 
        socket.onopen = function() {
             console.log("socket open");
-            updateLocal("socket open");
+            document.getElementById("inputStatus").innerHTML = "connected";
        }
 
        socket.onclose = function() {
             console.log("socket closed");
-            updateLocal("socket closed");
+            document.getElementById("inputStatus").innerHTML = "disconnected";
            delete socket;
            setTimeout(connect, 10000);
        }
 
        socket.onmessage = function(msg) {
-            updateLocal(msg.data);
+            updateJSONmsg(msg.data);
             if (typeof updateRemote === "function") {
                updateRemote(msg.data);
             } else {
@@ -40,7 +40,7 @@
 
     connect();
 
-    function updateLocal(msg) {
+    function updateJSONmsg(msg) {
         document.getElementById("localJSON").innerHTML = msg;
     }
     function printLocalStorage() {
@@ -57,7 +57,7 @@
             output += "localStorage not supported";
         }
 
-        updateLocal(output);
+        updateJSONmsg(output);
     }
 
     function clearLocalStorage() {
@@ -78,10 +78,16 @@
 </script>
 
 <body>
+    <center>
+    <h1>IID Coffee Terminal</h1>
+    </center>
+
+<div id="remote"><center>No data from server.</center></div>
 
 <div id="local">
+    <hr>
     <center>
-    <h1>Merica Terminal</h1>
+    <h2>Debug area</h2>
     <button onclick="sendReset()">reset</button>
     <span style="display:inline-block; width: 20pt;"></span>
     <button onclick="sendClose()">close</button>
@@ -91,11 +97,10 @@
     <button onclick="clearLocalStorage()">clear</button>
     <span style="display:inline-block; width: 20pt;"></span>
     <button onclick="location.reload()">reload</button>
-    <p id="localJSON">no data received</p>
+    <p>Input: <span id="inputStatus"></span>, JSON message: <span id="localJSON">no data received</span></p>
     </center>
     <hr>
 </div>
-<div id="remote"><center>all alone in a danger zone...</center></div>
 
 </body>
 </html>