app/assets/javascripts/pghero/application.js in pghero-2.3.0 vs app/assets/javascripts/pghero/application.js in pghero-2.4.0

@@ -1,7 +1,7 @@
 //= require ./jquery
-//= require ./jquery.nouislider.min
+//= require ./nouislider
 //= require ./Chart.bundle
 //= require ./chartkick
 //= require ./highlight.pack
 
 function highlightQueries() {
@@ -30,24 +30,24 @@
   startAt = startAt || sliderStartAt;
   var min = (startAt > 0) ? (startAt - sliderStartAt) / (1000 * 60 * 5) : 0;
 
   var max = (endAt > 0) ? (endAt - sliderStartAt) / (1000 * 60 * 5) : sliderMax;
 
-  var $slider = $("#slider");
+  var slider = document.getElementById("slider");
 
-  $slider.noUiSlider({
+  noUiSlider.create(slider, {
     range: {
       min: 0,
       max: sliderMax
     },
     step: 1,
     connect: true,
     start: [min, max]
   });
 
   function updateText() {
-    var values = $slider.val();
+    var values = slider.noUiSlider.get();
     setText("#range-start", values[0]);
     setText("#range-end", values[1]);
   }
 
   function setText(selector, offset) {
@@ -80,11 +80,11 @@
     }
     return path;
   }
 
   function refreshStats(push) {
-    var values = $slider.val();
+    var values = slider.noUiSlider.get();
     var startAt = push ? timeAt(values[0]) : new Date(window.startAt);
     var endAt = timeAt(values[1]);
 
     var params = {}
     if (startAt.getTime() != sliderStartAt) {
@@ -138,10 +138,11 @@
     if (push && history.pushState) {
       history.pushState(null, null, path);
     }
   }
 
-  $slider.on("slide", updateText).on("change", function () {
+  slider.noUiSlider.on("slide", updateText);
+  slider.noUiSlider.on("change", function () {
     refreshStats(true);
   });
   updateText();
   $( function () {
     refreshStats(false);