From 4cb5f42fd11207482565ecf8dd8cebe033208ff7 Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Wed, 2 Nov 2016 14:27:28 +0800
Subject: webui: Add preliminary WebSocket support to front-end UI

Add a label to the header banner to show the WebSocket support status
and connection status.
---
 fg21sim/webui/templates/header.html | 5 +++++
 fg21sim/webui/templates/index.html  | 4 ++++
 2 files changed, 9 insertions(+)

(limited to 'fg21sim/webui/templates')

diff --git a/fg21sim/webui/templates/header.html b/fg21sim/webui/templates/header.html
index 6309b50..b086515 100644
--- a/fg21sim/webui/templates/header.html
+++ b/fg21sim/webui/templates/header.html
@@ -12,6 +12,11 @@
     </a>
     <span class="description">Foregrounds Simulation for EoR 21cm Signal Detection</span>
 
+    <span id="ws-status" class="label label-default">
+        <span class="icon fa fa-question-circle" aria-hidden="true"></span>
+        <span class="text">N/A</span>
+    </span>
+
     <ul class="navigation-list float-right">
       <li class="navigation-item"><a class="navigation-link button button-outline" href="#configs" title="Configurations"><span class="fa fa-wrench" aria-hidden="true"></span> Configurations</a></li>
       <li class="navigation-item"><a class="navigation-link button button-outline" href="#console" title="Console"><span class="fa fa-gamepad" aria-hidden="true"></span> Console</a></li>
diff --git a/fg21sim/webui/templates/index.html b/fg21sim/webui/templates/index.html
index 105c4a0..8eb65cd 100644
--- a/fg21sim/webui/templates/index.html
+++ b/fg21sim/webui/templates/index.html
@@ -28,3 +28,7 @@
 {% block footer %}
   {% include "footer.html" %}
 {% end %}
+
+{% block extra_script %}
+  <script src="{{ static_url('js/websocket.js') }}"></script>
+{% end %}
-- 
cgit v1.2.2