diff options
| author | Aaron LI <aaronly.me@outlook.com> | 2016-11-09 22:29:16 +0800 |
|---|---|---|
| committer | Aaron LI <aaronly.me@outlook.com> | 2016-11-09 22:29:16 +0800 |
| commit | 33fa91fccdf81bcaa0ad42e897d7d6d95c44985f (patch) | |
| tree | ffade76d73071769741b032fe9e85156809231ef /fg21sim/webui/templates | |
| parent | aef666a6e1e1b2501f9779914627062a146dd21e (diff) | |
| download | fg21sim-33fa91fccdf81bcaa0ad42e897d7d6d95c44985f.tar.bz2 | |
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
Diffstat (limited to 'fg21sim/webui/templates')
| -rw-r--r-- | fg21sim/webui/templates/console.html | 12 |
1 files changed, 9 insertions, 3 deletions
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> |