1 files changed, 12 insertions, 0 deletions

diff --git a/index.html b/index.html
index 3fc98d0..e0d71e9 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
     <style>
       a {
+        cursor: pointer;
         color: #F00;
         font-weight: bold;
       }
@@ -35,6 +36,10 @@
         color: #000;
         text-decoration: none;
       }
+
+      td.centering, p.centering {
+        text-align: center;
+      }
     </style>
 
     <script src="js/js-yaml.min.js"></script>
@@ -42,6 +47,7 @@
     <script src="js/jquery.mustache.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/mustache.js"></script>
+    <script src="js/underscore.min.js"></script>
     <script type="text/javascript">
 
       var strip = function(data) { return data.split('.')[0] };
@@ -74,7 +80,13 @@
         'host' : function(uri) {
           jQuery.get('data/'+uri, function(raw) {
               var data = jsyaml.load(raw);
+
               data.name = strip(data.hostname);
+              data.interfaces = _.map(
+                _.groupBy(data.addresses, function(x) {
+                return x.interface;
+              }), function(obj, key) { obj.device = key; return obj; });
+
               $.Mustache.load('./templates/host.html').done(function () {
                   $('#content').mustache('hostinfo', data, {method:'html'});
               });