moved javascript to file

debomatic-webui/public/javascripts/debomatic-webui.js

+function get_path(path) {
+  info = path.split('/');
+  data = {}
+  if (info.length >= 1) {
+    data.distribution = {}
+    data.distribution.name = info[0];
+    socket.emit("get_distribution_packages", data)
+  }
+  if (info.length >= 3){
+    data.package = {}
+    data.package.name = info[1];
+    data.package.version = info[2];
+    socket.emit("get_package_file_list", data)
+  }
+  if (info.length >= 4) {
+    data.file = {}
+    data.file.name = info[3]
+    socket.emit("get_file", data)
+  }
+}
+
+var socket = io.connect('//localhost:3000');
+
+socket.on('distributions', function(distributions) {
+  $('#distributions ul').html('');
+  distributions.forEach(function (name){
+    $('#distributions ul').append('<li><a href="#' + name + '">' + name + '</li>');
+  });
+});
+
+socket.on('distribution_packages', function(data){
+  $('#packages ul').html('')
+  data.distribution.packages.forEach(function(p){
+    div = $('#packages ul').append('<li><a href="#' + data.distribution.name + '/' + p.name + '/'+ p.version + '">'+ p.name + ' <span>'+p.version+'</span></a></li>')
+  })
+})
+
+socket.on('package_file_list', function(data){
+  $('#files ul').html('');
+  data.package.files.forEach(function(f){
+    p = data.package
+    $('#files ul').append('<li><a href="#' + data.distribution.name + '/' + p.name + '/'+ p.version + '/' + f.name + '">' + f.name + '</a></li>')
+  })
+})
+
+socket.on('file', function (data) {
+  $("#file").html(data.file.content)
+})
+
+socket.on('file_newcontent', function(data) {
+  new_html =  $("#file").html() + data.file.new_content
+  $("#file").html(new_html)
+})
+
+socket.on('error', function() { console.error(arguments) });
+
+$(window).on('hashchange', function() {
+  get_path(window.location.hash.replace('#',''));
+});
+
+$(window).on('load', function (){
+  get_path(window.location.hash.replace('#',''));
+});

debomatic-webui/views/layout.ejs

@@ -5,71 +5,7 @@
     <link rel='stylesheet' href='/stylesheets/style.css' />
     <script src='//code.jquery.com/jquery-1.7.2.min.js'></script>
     <script src='//localhost:3000/socket.io/socket.io.js'></script>
-    <script>
-        function get_path(path) {
-            info = path.split('/');
-            data = {}
-            if (info.length >= 1) {
-                data.distribution = {}
-                data.distribution.name = info[0];
-                socket.emit("get_distribution_packages", data)
-            }
-            if (info.length >= 3){
-                data.package = {}
-                data.package.name = info[1];
-                data.package.version = info[2];
-                socket.emit("get_package_file_list", data)
-            }
-            if (info.length >= 4) {
-                data.file = {}
-                data.file.name = info[3]
-                socket.emit("get_file", data)
-            }
-        }
-        
-        var socket = io.connect('//localhost:3000');
-
-        socket.on('distributions', function(distributions) {
-            $('#distributions ul').html('');
-            distributions.forEach(function (name){
-                $('#distributions ul').append('<li><a href="#' + name + '">' + name + '</li>');
-            });
-        });
-
-        socket.on('distribution_packages', function(data){
-            $('#packages ul').html('')
-            data.distribution.packages.forEach(function(p){
-                div = $('#packages ul').append('<li><a href="#' + data.distribution.name + '/' + p.name + '/'+ p.version + '">'+ p.name + ' <span>'+p.version+'</span></a></li>')
-            })
-        })
-        
-        socket.on('package_file_list', function(data){
-            $('#files ul').html('');
-            data.package.files.forEach(function(f){
-                p = data.package
-                $('#files ul').append('<li><a href="#' + data.distribution.name + '/' + p.name + '/'+ p.version + '/' + f.name + '">' + f.name + '</a></li>')
-            })
-        })
-        
-        socket.on('file', function (data) {
-            $("#file").html(data.file.content)
-        })
-        
-        socket.on('file_newcontent', function(data) {
-            new_html =  $("#file").html() + data.file.new_content
-            $("#file").html(new_html)
-        })
-        
-        socket.on('error', function() { console.error(arguments) });
-        
-        $(window).on('hashchange', function() {
-            get_path(window.location.hash.replace('#',''));
-        });
-        
-        $(window).on('load', function (){
-            get_path(window.location.hash.replace('#',''));
-        });
-    </script>
+    <script src='/javascripts/debomatic-webui.js'></script>
   </head>
   <body>
     <%- body %>