Update log.html

Fullscreen for log

html/log.html

@@ -1,4 +1,4 @@
-  <div id="main">
+<div id="main">
   <div class="header">
     <h1>Debug Log</h1>
   </div>
@@ -19,15 +19,18 @@
         <a id="dbg-on1" class="dbg-btn pure-button" href="#">on uart1</a>
       </p>
     </div>
+    <div class="fullscreen-box">
+      <div class="fullscreen-control"></div>
       <pre id="console" class="console" style="margin-top: 0px;"></pre>
     </div>
   </div>
 </div>
+</div>
 
 <script type="text/javascript">console_url = "/log/text"</script>
 <script src="console.js"></script>
 <script type="text/javascript">
-  onLoad(function() {
+onLoad(function() {
   fetchText(100, false);
 
   $("#refresh-button").addEventListener("click", function(e) {
@@ -45,6 +48,12 @@
       );
   });
   
+  $(".fullscreen-control")[0].addEventListener("click", function(e) {
+    e.preventDefault();
+    var fbc = this.parentNode.classList;
+    fbc[fbc.contains("full") ? "remove" : "add"].call(fbc, "full");
+  });
+
   ["auto", "off", "on0", "on1"].forEach(function(mode) {
     bnd($('#dbg-'+mode), "click", function(el) {
       ajaxJsonSpin('POST', "/log/dbg?mode="+mode,
@@ -55,6 +64,6 @@
   });
 
   ajaxJson('GET', "/log/dbg", function(data) { showDbgMode(data.mode); }, function() {});
-  });
+});
 </script>
 </body></html>