Add the possibility to directly click on the slider bar to set the value. It is…

Add the possibility to directly click on the slider bar to set the value. It is also possible to click and drag directly from the bar.

Add the possibility to directly click on the slider bar to set the value. It is…
Add the possibility to directly click on the slider bar to set the value. It is also possible to click and drag directly from the bar.
38ed61af · Valentin Hervieu · f2535332 · 38ed61af
Commit 38ed61af authored Jun 05, 2015 by Valentin Hervieu
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 0 deletions

rzslider.js rzslider.js +8 -0

No files found.
--- a/rzslider.js
+++ b/rzslider.js
@@ -848,9 +848,17 @@ function throttle(func, wait, options) {
    {
      this.minH.on('mousedown', angular.bind(this, this.onStart, this.minH, 'rzSliderModel'));
      if(this.range) { this.maxH.on('mousedown', angular.bind(this, this.onStart, this.maxH, 'rzSliderHigh')); }
+      this.fullBar.on('mousedown', angular.bind(this, this.onStart, this.fullBar, 'rzSliderModel'));
+      this.fullBar.on('mousedown', angular.bind(this, this.onMove, this.fullBar));
+      this.selBar.on('mousedown', angular.bind(this, this.onStart, this.selBar, 'rzSliderModel'));
+      this.selBar.on('mousedown', angular.bind(this, this.onMove, this.selBar));

      this.minH.on('touchstart', angular.bind(this, this.onStart, this.minH, 'rzSliderModel'));
      if(this.range) { this.maxH.on('touchstart', angular.bind(this, this.onStart, this.maxH, 'rzSliderHigh')); }
+      this.fullBar.on('touchstart', angular.bind(this, this.onStart, this.fullBar, 'rzSliderModel'));
+      this.fullBar.on('touchstart', angular.bind(this, this.onMove, this.fullBar));
+      this.selBar.on('touchstart', angular.bind(this, this.onStart, this.selBar, 'rzSliderModel'));
+      this.selBar.on('touchstart', angular.bind(this, this.onMove, this.selBar));
    },

    /**