add button to clear server log panel

Author: localjo

views/devpanel.css

@@ -34,3 +34,7 @@ body, html {
 .inspector-json {
   padding: 0;
 }
+
+.btn-group {
+  margin-bottom: 10px;
+}

views/devpanel.html

@@ -26,6 +26,9 @@
         <div id="pagecontext" class="scroll-panel"></div>
       </div>
       <div class="tab-pane" id="logs">
+        <div class="btn-group">
+          <button type="button" id="logclear" title="Clear server log." class="btn btn-default"><i class="glyphicon glyphicon-ban-circle"></i></button>
+        </div>
         <pre id="serverlogs" class="scroll-panel"></pre>
       </div>
       <div class="tab-pane" id="info">

views/devpanel.js

@@ -50,3 +50,12 @@ socket.on('connect', function(){
     document.querySelector('#serverlogs').innerHTML = 'Socket Disconnected';
     });
 });
+
+function clearLog() {
+  document.querySelector('#serverlogs').innerHTML = '';
+}
+
+window.onload = function() {
+  var clearButton = document.querySelector('#logclear');
+  clearButton.addEventListener('click', clearLog, false);
+};