defined page_generic object

debomatic-webui/public/javascripts/main.js

-// update distributions
-socket.on(config.events.broadcast.distributions, function(distributions) {
-    $('#distributions ul').html('');
-    distributions.forEach(function (name){
-      $('#distributions ul').append('<li id="distribution-' + name +'"><a href="'+ config.paths.distribution + '#'+ name + '">' + name + '</li>');
-    });
-});
+var socket = io.connect('//' + config.hostname );
 
-socket.on('error', function(data) { console.error(data) });
-
-socket.on('status', function(data) {
-  console.log('status')
-  console.log(data)
-})
-
-socket.on(config.events.broadcast.status_update, function(data) {
-  console.log('status_update')
-  console.log(data)
-})
+new Page_Generic().init(socket)
 
 if (window.location.pathname == config.paths.distribution) {
   new Page_Distrubion().init(socket)

debomatic-webui/public/javascripts/page_distribution.js

@@ -293,7 +293,7 @@ function Page_Distrubion()
       update.page(old_data)
     });
 
-    $(window).on('load', function (){
+    $(window).on('load', function () {
       __check_hash_makes_sense()
       populate()
     });

debomatic-webui/public/javascripts/page_generic.js

+function Page_Generic()
+{
+  var socket;
+
+  var update = {
+    distributions: function(distributions) {
+      $('#distributions ul').html('');
+      distributions.forEach(function (name){
+        $('#distributions ul').append('<li id="distribution-' + name +'"><a href="'+ config.paths.distribution + '#'+ name + '">' + name + '</li>');
+      });
+      if (window.location.pathname == config.paths.distribution) {
+        data = Utils.from_hash_to_data()
+        if (Utils.check_data_distribution(data)) {
+          $("#distributions li[id='distribution-"  + data.distribution.name + "']").addClass('active')
+        }
+      }
+    }
+  }
+
+  this.init = function(mysocket) {
+
+    socket = mysocket
+
+    // update distributions
+    socket.on(config.events.broadcast.distributions, function(distributions) {
+      update.distributions(distributions)
+    });
+
+    socket.on('error', function(data) { console.error(data) });
+
+    socket.on('status', function(data) {
+      console.log('status')
+      console.log(data)
+    })
+
+    socket.on(config.events.broadcast.status_update, function(data) {
+      console.log('status_update')
+      console.log(data)
+    })
+  }
+}

debomatic-webui/views/layout.ejs

@@ -45,10 +45,10 @@
 
     <script>
     var config = <%- JSON.stringify(web) %>
-    var socket = io.connect('//' + config.hostname );
     </script>
 
     <script src='/javascripts/utils.js'></script>
+    <script src='/javascripts/page_generic.js'></script>
     <script src='/javascripts/page_distribution.js'></script>
     <script src='/javascripts/main.js'></script>