From 0af497625be03bea330b02738e6ba2c6f2c492e9 Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Thu, 17 Nov 2016 11:44:21 +0800
Subject: webui: Add panel toggle and allow expand/collapse its body

---
 fg21sim/webui/templates/console.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'fg21sim/webui/templates')

diff --git a/fg21sim/webui/templates/console.html b/fg21sim/webui/templates/console.html
index 019f72a..1a682f9 100644
--- a/fg21sim/webui/templates/console.html
+++ b/fg21sim/webui/templates/console.html
@@ -30,7 +30,11 @@
 
   <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-title">
+        <span class="icon fa fa-comments" aria-hidden="true"></span>
+        <span class="text">Logging Messages</span>
+        <span class="toggle fa fa-chevron-circle-up" title="Collapse contents"></span>
+      </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>
@@ -42,4 +46,6 @@
     <div id="log-messages" class="panel-body">
     </div>
   </div>
+
+  <div id="modal-console" class="modal" style="display: none;"></div>
 </section>
-- 
cgit v1.2.2