start moving index to /distribution

debomatic-webui/public/javascripts/main.js

 var socket = io.connect('//localhost:3000');
-var old_data = Utils.from_hash_to_data()
 
-socket.on('distributions', function(distributions) {
-  Page_Distrubion.navbar.update(distributions)
-});
 
-socket.on('distribution_packages', function(data){
-  Page_Distrubion.packages.set(data)
-})
+if (window.location.pathname == '/') {
 
-socket.on('package_file_list', function(data){
-  Page_Distrubion.files.set(data)
-})
+  var old_data = Utils.from_hash_to_data()
 
-socket.on('file', function (data) {
-  Page_Distrubion.file.set(data)
-})
+  socket.on('distributions', function(distributions) {
+    Page_Distrubion.navbar.update(distributions)
+  });
 
-socket.on('file_newcontent', function(data) {
-  Page_Distrubion.file.append(data)
-})
+  socket.on('distribution_packages', function(data){
+    Page_Distrubion.packages.set(data)
+  })
 
-socket.on('error', function() { console.error(arguments) });
+  socket.on('package_file_list', function(data){
+    Page_Distrubion.files.set(data)
+  })
+
+  socket.on('file', function (data) {
+    Page_Distrubion.file.set(data)
+  })
+
+  socket.on('file_newcontent', function(data) {
+    Page_Distrubion.file.append(data)
+  })
 
-$(window).on('hashchange', function() {
-  data = Utils.from_hash_to_data()
-  Page_Distrubion.update(data, old_data)
-  old_data = data
-});
-
-$(window).on('load', function (){
-  Page_Distrubion.update(old_data)
-  $(window).scroll(function() {
-    var offset = $("#file").offset();
-    if ($(window).scrollTop() > offset.top + 220) {
-      $("#sticky").stop().addClass('fixed');
-    } 
-    else {
-      $("#sticky").stop().removeClass('fixed');
-    }
+  $(window).on('hashchange', function() {
+    data = Utils.from_hash_to_data()
+    Page_Distrubion.update(data, old_data)
+    old_data = data
   });
-});
+
+  $(window).on('load', function (){
+    Page_Distrubion.update(old_data)
+    $(window).scroll(function() {
+      var offset = $("#file").offset();
+      if ($(window).scrollTop() > offset.top + 220) {
+        $("#sticky").stop().addClass('fixed');
+      } 
+      else {
+        $("#sticky").stop().removeClass('fixed');
+      }
+    });
+  });
+}
+
+socket.on('error', function() { console.error(arguments) });

debomatic-webui/views/index.ejs

-<div class="container-fluid">
-  <header >
-    <h1><%= title %></h1>
-    <p class="lead"><%= description %></p>
-  </header>
+<nav>
+  <ol class="breadcrumb">
+  </ol>
+</nav>
 
-  <nav id="distributions" class="navbar navbar-inverse" role="navigation">
-    <div class="navbar-header">
-        <span class="navbar-brand" href="#">Distrbutions</span>
-    </div>
-    <div class="collapse navbar-collapse">
-      <ul class="nav navbar-nav"></ul>
-    </div>
-  </nav>
-  <nav>
-    <ol class="breadcrumb">
-    </ol>
-  </nav>
-    <article class="row">
-      <aside class="col-md-3">
-        <nav id="packages">
-          <h2>Packages</h2>
+<article class="row">
+  <aside class="col-md-3">
+    <nav id="packages">
+      <h2>Packages</h2>
+      <ul class="nav nav-pills nav-stacked"></ul>
+    </nav>
+    
+    <div id="sticky" >
+      <section id="files">
+        <h3 class="title">Files</h3>
+        <nav id="logs">
           <ul class="nav nav-pills nav-stacked"></ul>
         </nav>
-        
-        <div id="sticky" >
-          <section id="files">
-            <h3 class="title">Files</h3>
-            <nav id="logs">
-              <ul class="nav nav-pills nav-stacked"></ul>
-            </nav>
-            <nav id="archives">
-              <h4>Archives</h4>
-              <ul></ul>
-            </nav>
-            <nav id="debs">
-              <h4>Debs</h4>
-              <ul></ul>
-            </nav>
-        </section>
-      </div>
+        <nav id="archives">
+          <h4>Archives</h4>
+          <ul></ul>
+        </nav>
+        <nav id="debs">
+          <h4>Debs</h4>
+          <ul></ul>
+        </nav>
+    </section>
+  </div>
+
+  </aside>
 
-      </aside>
+  <section class="col-md-9">
+    <header>
+      <h1 id="title"></h1>
+    </header>
+    <div id="file">
+      <pre></pre>
+    </div>
+  </section>
+</article>
 
-      <section class="col-md-9">
-        <header>
-          <h1 id="title"></h1>
-        </header>
-        <div id="file">
-          <pre></pre>
-        </div>
-      </section>
-    </article>
-  <footer><%= footer %></footer>
-</div>

debomatic-webui/views/layout.ejs

@@ -16,6 +16,29 @@
     <script src='/javascripts/main.js'></script>
   </head>
   <body>
-    <%- body %>
+    <div class="container-fluid">
+
+      <header >
+        <h1><%= title %></h1>
+        <p class="lead"><%= description %></p>
+      </header>
+
+      <nav id="distributions" class="navbar navbar-inverse" role="navigation">
+        <div class="navbar-header">
+            <span class="navbar-brand" href="#">Distrbutions</span>
+        </div>
+        <div class="collapse navbar-collapse">
+          <ul class="nav navbar-nav"></ul>
+        </div>
+      </nav>
+
+      <%- body %>
+
+      <footer>
+        <%= footer %>
+      </footer>
+
+    </div> <!-- .container-fluild -->
+
   </body>
 </html>