3 files changed, 52 insertions, 19 deletions

diff --git a/www/index.html b/www/index.html
index 1487376..924fe39 100644
--- a/www/index.html
+++ b/www/index.html
@@ -22,6 +22,11 @@
        <span class="clock-date"></span>
        <span class="clock-time"></span>
      </div>
+
+     <div id="system">
+       <span>Active System</span>
+       <span class="system-name label label-default">unknown</span>
+     </div>
    </div>
 
   <script type="text/javascript">
diff --git a/www/js/system.js b/www/js/system.js
index 0c9534c..0c7bba6 100644
--- a/www/js/system.js
+++ b/www/js/system.js
@@ -23,6 +23,16 @@
 
 function system_init() {
   $.getJSON( "/rh-bin/activesystem.json", function(data) {
-    alert(data);
+    if(data.status == "OK") {
+      var systemspan = $('#system span.system-name').removeClass().addClass('system-name').addClass('label');
+
+      if(data.system == "master") {
+        systemspan.addClass('label-success').text(data.system);
+      } else if(data.system == "standby") {
+        systemspan.addClass('label-danger').text(data.system);
+      } else {
+        systemspan.addClass('label-default').text("unkown");
+      }
+    }
   });
 }
diff --git a/www/styles/main.css b/www/styles/main.css
index 1fd9842..65b04de 100644
--- a/www/styles/main.css
+++ b/www/styles/main.css
@@ -30,35 +30,53 @@ body {
 }
 
 #clock {
-    display: block;
-    width: 100%;
-    height: 100%;
-    vertical-align: middle;
-    text-align: center;
-    margin: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center;
+  margin: 0;
 }
 
 #clock span {
-    display:table;
-    margin:0 auto;
+  display:table;
+  margin:0 auto;
 }
 
 #clock span.current-week {
-    margin-top: 1em;
-    padding: 0.3em 2em;
-    font-size: 1.2em;
+  margin-top: 1em;
+  padding: 0.3em 2em;
+  font-size: 1.2em;
 }
 
 #clock span.clock-date {
-    padding: 0.2em;
-    font-weight: bold;
-    font-size: 1.4em;
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.4em;
 }
 
 #clock span.clock-time {
-    padding: 0.2em;
-    font-weight: bold;
-    font-size: 1.6em;
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.6em;
+}
+
+#system {
+  display: block;
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center;
+  margin-top: 2em;
+}
+
+#system span {
+  margin-top: 1em;
+  padding: 0.3em 2em;
+  font-size: 1.2em;
+  font-weight: bold;
+  display:table;
+  margin:0 auto;
 }
 
 .label {
@@ -125,4 +143,4 @@ a.label:focus {
 .label-danger[href]:hover,
 .label-danger[href]:focus {
   background-color: #c9302c;
-}
\ No newline at end of file
+}