Added form

controllers/stream/views/index.jade

@@ -9,6 +9,21 @@ block extrajs
     script(src="/static/js/threetools.min.js")
     script(src="/static/js/socket.io.min.js")
     script(src="/static/js/streamingsimulator.min.js")
+    script(type='text/javascript').
+        $(function() {
+            var filterInt = function (value) {
+                if(/^(\-|\+)?([0-9]+|Infinity)$/.test(value))
+                    return Number(value);
+                        return NaN;
+            }
+
+            $('#form').submit(function(e) {
+                e.preventDefault();
+                var val = filterInt(document.getElementById('num').value);
+                console.log(val);
+                window.location.href = "/stream/" + val;
+            });
+        });
 
 block content
     h2 Sphere streaming
@@ -24,4 +39,11 @@ block content
         onto the socket and the faces will be displayed as soon as you receive
         them.
 
+    form.form-inline#form
+        .form-group
+            label Try another resolution (between 1 and 25)
+            input#num(type='number', min=1, max=25, value=5, style={"margin-left":"10px"})
+        .form-group
+            button#submit.btn.btn-primary(type='submit', style={"margin-left":"10px"}) Go
+
     #container