debug info button

raspberry/roberto/views/frontend/templates/index.html

@@ -48,6 +48,7 @@
         right: 50px
       }
       .stats-box {
+        display: none;
         position: absolute;
         right: 20px;
         top: 100px;
@@ -71,7 +72,8 @@
       <div id="controls_r"></div>
     </div>
     <div id="controls2">
-      <button id="goFS">&#x26f6</button>
+      <button id="goFS">&#x26f6;</button>
+      <button id="goDebug">&#x2618;</button>
       <form id="message" method="POST" action='#'>
         <input type="text" name="message_data" id="message_data" placeholder="Message">
         <input type="submit" value="Send">
@@ -266,6 +268,15 @@ function toggleFullScreen() {
       document.getElementById("goFS").style.display = "none";
   }, false);
 
+  var goDebug = document.getElementById("goDebug");
+  goDebug.addEventListener("click", function() {
+    var stats_box = document.querySelector(".stats-box");
+    if (stats_box.style.display == "none") {
+      stats_box.style.display = "inherit";
+    } else {
+      stats_box.style.display = "none";
+    }
+  }, false);
 
 function getConnectionStats() {
   if (webrtcPeerConnection) {