From f2bc6db505ef692c8fe4ba26e456d5e65462b1d8 Mon Sep 17 00:00:00 2001
From: Hendrik Langer <hendrik+dev@xd0.de>
Date: Thu, 6 Aug 2020 13:51:37 +0200
Subject: [PATCH] debug info button

---
 .../roberto/views/frontend/templates/index.html     | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/raspberry/roberto/views/frontend/templates/index.html b/raspberry/roberto/views/frontend/templates/index.html
index 01bcd44..57560a6 100644
--- a/raspberry/roberto/views/frontend/templates/index.html
+++ b/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) {