2.8.0 release

Author: ValentinH

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 2.7.1 (2016-02-08)
+## Features
+- Add a `getPointerColor` option to dynamically change the pointers color (#253).
+
 # 2.7.1 (2016-02-06)
 ## Fix
 - Fix high label positioning when size is different than the ceil one.

README.md

@@ -181,7 +181,7 @@ The default options are:
     ticksTooltip: null,
     ticksValuesTooltip: null,
     vertical: false,
-    selectionBarColor: null,
+    getSelectionBarColor: null,
     getPointerColor: null,
     keyboardSupport: true,
     scale: 1,
@@ -250,7 +250,7 @@ $scope.slider = {
 
 **getSelectionBarColor** - _Function(value) or Function(minVal, maxVal) (defaults to null)_: Function that returns the current color of the selection bar. If the returned color depends on a model value (either `rzScopeModel`or `'rzSliderHigh`), you should use the argument passed to the function. Indeed, when the function is called, there is no certainty that the model has already been updated.
 
-**getPointerColor** - _Function(value, pointerType) (defaults to null)_: Function that returns the current color of a pointer. To handle range slider pointer independently, you should evaluate pointerType within the given function where "min" stands for `rzScopeModel` and "max" for `rzScopeHigh` values. Indeed, when the function is called, there is no certainty that the model has already been updated.
+**getPointerColor** - _Function(value, pointerType) (defaults to null)_: Function that returns the current color of a pointer. If the returned color depends on a model value (either `rzScopeModel`or `'rzSliderHigh`), you should use the argument passed to the function. Indeed, when the function is called, there is no certainty that the model has already been updated. To handle range slider pointers independently, you should evaluate pointerType within the given function where "min" stands for `rzScopeModel` and "max" for `rzScopeHigh` values.
 
 **hideLimitLabels** - _Boolean (defaults to false)_: Set to true to hide min / max labels
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angularjs-slider",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "homepage": "https://github.com/angular-slider/angularjs-slider",
   "authors": [
     "Rafal Zajac <[email protected]>",

demo/demo.js

@@ -69,7 +69,7 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
-  //Slider with selection bar
+  //Slider with selection bar color
   $scope.color_slider_bar = {
     value: 12,
     options: {
@@ -86,6 +86,22 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  //Slider with pointer color
+  $scope.color_slider_pointer = {
+    value: 12,
+    options: {
+      getPointerColor: function(value) {
+        if (value <= 3)
+          return 'red';
+        if (value <= 6)
+          return 'orange';
+        if (value <= 9)
+          return 'yellow';
+        return '#2AE02A';
+      }
+    }
+  };
+
   //Slider config with floor, ceil and step
   $scope.slider_floor_ceil = {
     value: 12,

demo/index.html

@@ -86,6 +86,14 @@ <h2>Slider with dynamic selection bar colors</h2>
     ></rzslider>
   </article>
 
+  <article>
+    <h2>Slider with dynamic pointer color</h2>
+    <rzslider
+      rz-slider-model="color_slider_pointer.value"
+      rz-slider-options="color_slider_pointer.options"
+    ></rzslider>
+  </article>
+
   <article>
     <h2>Slider with custom floor/ceil/step</h2>
     <rzslider

dist/rzslider.css

@@ -1,7 +1,7 @@
-/*! angularjs-slider - v2.7.1 - 
+/*! angularjs-slider - v2.8.0 - 
  (c) Rafal Zajac <[email protected]>, Valentin Hervieu <[email protected]>, Jussi Saarivirta <[email protected]>, Angelin Sirbu <[email protected]> - 
  https://github.com/angular-slider/angularjs-slider - 
- 2016-02-07 */
+ 2016-02-08 */
 rzslider {
   position: relative;
   display: inline-block;

dist/rzslider.js

@@ -1,7 +1,7 @@
-/*! angularjs-slider - v2.7.1 - 
+/*! angularjs-slider - v2.8.0 - 
  (c) Rafal Zajac <[email protected]>, Valentin Hervieu <[email protected]>, Jussi Saarivirta <[email protected]>, Angelin Sirbu <[email protected]> - 
  https://github.com/angular-slider/angularjs-slider - 
- 2016-02-07 */
+ 2016-02-08 */
 /*jslint unparam: true */
 /*global angular: false, console: false, define, module */
 (function(root, factory) {
@@ -49,7 +49,7 @@
       ticksTooltip: null,
       ticksValuesTooltip: null,
       vertical: false,
-      selectionBarColor: null,
+      getSelectionBarColor: null,
       getPointerColor: null,
       keyboardSupport: true,
       scale: 1,

dist/rzslider.min.css

@@ -1,6 +1,6 @@
 {
   "name": "angularjs-slider",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "description": "AngularJS slider directive with no external dependencies. Mobile friendly!.",
   "main": "dist/rzslider.js",
   "repository": {