most important views are down now (needs beatification

1 files changed, 65 insertions, 6 deletions

diff --git a/www/index.html b/www/index.html
index 9ec29c1..3b9b01b 100644
--- a/www/index.html
+++ b/www/index.html
@@ -38,10 +38,42 @@
        <div class="col-md-5 col-md-offset-3">
          <div class="row">
            <div class="col-xs-2"><h3>Mood:<h3></div>
-           <div id="rhctlmood" class="col-xs-1"></div>
+           <div id="rhctlmood" class="col-xs-1">
+             <img src="/img/mood-undefined.png" />
+           </div>
 
            <div class="col-xs-3 col-xs-offset-1"><h3>Active Server:<h3></div>
-           <div id="rhctlactiveserver" class="col-xs-3"></div>
+           <div id="rhctlactiveserver" class="col-xs-3">
+             <span class="label label-default">none</span>
+           </div>
+         </div>
+         <div class="row">
+           <div id="rhctlservertable" class="col-xs-4">
+             <table class="table">
+               <tr>
+                 <th>Server</th>
+                 <th>Health</th>
+                 <th>Channel</th>
+               </tr>
+             </table>
+           </div>
+           <div id="rhctlaudiotable" class="col-xs-8">
+             <h4>Audio Routing</h4>
+             <table class="table">
+               <tr>
+                 <th>Out</th>
+                 <th>1</th>
+                 <th>2</th>
+                 <th>3</th>
+                 <th>4</th>
+                 <th>5</th>
+                 <th>6</th>
+                 <th>7</th>
+                 <th>8</th>
+                 <th>Silence</th>
+               </tr>
+             </table>
+           </div>
          </div>
          <div class="row">
            <div id="rhctlraw"></div>
@@ -51,10 +83,37 @@
 
    </div>
 
-  <script type="text/javascript">
-    clock_init();
-    rhctl_init();
-  </script>
+   <div id="hiddenTemplates" class="hidden">
+
+     <table>
+       <tr class="servertableEntryTemplate">
+         <td class="server-name">-</td>
+         <td class="server-health"><img src="/img/server-undefined.png" title="unkown" /></td>
+         <td class="server-channel">-</td>
+       </tr>
+     </table>
+
+      <table>
+       <tr class="audiotableEntryTemplate">
+         <td class="audio-out">-</td>
+         <td class="audio-in audio-in1"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in2"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in3"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in4"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in5"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in6"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in7"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-in audio-in8"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></td>
+         <td class="audio-silence"><span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span></td>
+       </tr>
+     </table>
+
+   </div>
+
+   <script type="text/javascript">
+     clock_init();
+     rhctl_init();
+   </script>
 
  </body>
 </html>