Updated index page + Added about and result pages

static/js/init.js

@@ -30,32 +30,43 @@ document.addEventListener("DOMContentLoaded", function(event) {
 
   }); // end of document ready
   $(document).ready(function(){
-    // slider
-//    var valuesForSlider = [2,3,4,5];
-//    var slider = document.getElementById('slider');
-//    var format = {
-//      to: function(value) {
-//        return valuesForSlider[Math.round(value)];
-//      },
-//      from: function (value) {
-//        return valuesForSlider.indexOf(Number(value));
-//      }
-//    };
-//
-//    noUiSlider.create(slider, {
-//      start: [3, 4],
-//      connect: true,
-//      step: 1,
-//      orientation: 'horizontal', // 'horizontal' or 'vertical'
-//      range: {
-//        'min': 0,
-//        'max': valuesForSlider.length - 1
-//      },
-//      format: wNumb({
-//     decimals: 0
-//   })
-//    });
+    $('#advanced-tree').hide();
+    $('.input-field span.helper-text').hide();
+    $('.input-field').bind('mouseenter', function(e) {
+      $(this).find('span.helper-text').show('fast')
+    });
+    var advancedTreeExpanded = false;
+    $('#advanced-tree-expand').bind('click', function(e) {
+      if (!advancedTreeExpanded){
+        advancedTreeExpanded = true;
+        $('#advanced-tree').show('fast');
+        $('#advanced-tree-expand i').text('remove');
+      } else {
+        advancedTreeExpanded = false;
+        $('#advanced-tree').hide('fast');
+        $('#advanced-tree-expand i').text('add');
+      }
+      $(this).find('span.helper-text').show('fast')
+    });
+    $('.input-field').bind('mouseleave', function(e) {
+      $(this).find('span.helper-text').hide('fast')
+    });
+  });
 
+  $("#submit-form").submit( function(eventObj) {
+    var spans = $(".noUi-tooltip").find('span');
+    var tree_size_min = spans[0].innerText;
+    var tree_size_max = spans[1].innerText;
+    console.log('amm');
+    $("<input />").attr("type", "hidden")
+      .attr("name", "tree_size_min")
+      .attr("value", tree_size_min)
+      .appendTo("#submit-form");
+    $("<input />").attr("type", "hidden")
+      .attr("name", "tree_size_max")
+      .attr("value", tree_size_max)
+      .appendTo("#submit-form");
+    return true;
   });
 })(jQuery); // end of jQuery name space