From 33fa91fccdf81bcaa0ad42e897d7d6d95c44985f Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Wed, 9 Nov 2016 22:29:16 +0800
Subject: webui: Append server-pushed logging messages to the logging box

* Colorize the logging messages of different level with different colors
* Also add a different icon for each message
---
 fg21sim/webui/templates/console.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'fg21sim/webui/templates/console.html')

diff --git a/fg21sim/webui/templates/console.html b/fg21sim/webui/templates/console.html
index e7853c9..ca082cc 100644
--- a/fg21sim/webui/templates/console.html
+++ b/fg21sim/webui/templates/console.html
@@ -22,12 +22,18 @@
     <button type="button" class="button button-warning" id="task-stop" disabled="disabled"><span class="fa fa-stop" aria-hidden="true"></span> Stop</button>
   </p>
 
-  <div id="log-messages" class="panel panel-default">
+  <div class="panel panel-default">
     <div class="panel-heading">
       <span class="panel-title"><span class="fa fa-comments" aria-hidden="true"></span> Logging Messages</span>
+      <span class="panel-control">
+        <span id="log-toggle-debug" title="Toggle display of DEBUG messages" class="btn fa fa-comment" aria-hidden="true"></span>
+        <span id="log-toggle-info" title="Toggle display of INFO messages" class="btn fa fa-info-circle" aria-hidden="true"></span>
+        <span id="log-toggle-warning" title="Toggle display of WARNING messages" class="btn fa fa-warning" aria-hidden="true"></span>
+        <span id="log-toggle-error" title="Toggle display of ERROR messages" class="btn fa fa-times-circle" aria-hidden="true"></span>
+        <span id="log-delete" title="Delete all messages" class="btn fa fa-trash" aria-hidden="true"></span>
+      </span>
     </div>
-    <div class="panel-body">
-      <p>messages ...</p>
+    <div id="log-messages" class="panel-body">
     </div>
   </div>
 </section>
-- 
cgit v1.2.2