Disabled items in range angular-slider#206

Own implementation of disabling specific items in slider range of elements.

Author: maximtitovich

src/rzSliderTpl.html

@@ -14,7 +14,8 @@
   <li ng-repeat="t in ticks track by $index" class="rz-tick"
       ng-class="{'rz-selected': t.selected}" ng-style="t.style"
       ng-attr-uib-tooltip="{{ t.tooltip }}" ng-attr-tooltip-placement="{{t.tooltipPlacement}}"
-      ng-attr-tooltip-append-to-body="{{ t.tooltip ? true : undefined}}">
+      ng-attr-tooltip-append-to-body="{{ t.tooltip ? true : undefined}}"
+	  ng-disabled="t.disabled">
     <span ng-if="t.value != null" class="rz-tick-value"
           ng-attr-uib-tooltip="{{ t.valueTooltip }}"
           ng-attr-tooltip-placement="{{t.valueTooltipPlacement}}">{{ t.value }}</span>

src/rzslider.js

@@ -47,6 +47,7 @@
       id: null,
       translate: null,
       getLegend: null,
+      getDisabled: null,
       stepsArray: null,
       bindIndexForStepsArray: false,
       draggableRange: false,
@@ -588,6 +589,7 @@
             };
 
           this.getLegend = this.options.getLegend;
+          this.getDisabled = this.options.getDisabled;
         }
 
         if (this.options.vertical) {
@@ -621,6 +623,13 @@
             return step.legend;
           return null;
         };
+		
+		this.getDisabled = function(index) {
+			var step = this.options.stepsArray[index];
+			if (angular.isObject(step))
+				return step.disabled;
+			return null;
+          };
       },
 
       /**
@@ -1024,6 +1033,8 @@
             if (legend)
               tick.legend = legend;
           }
+		  if (self.getDisabled)
+			tick.disabled = self.getDisabled(value, self.options.id);
           return tick;
         });
       },
@@ -2141,6 +2152,8 @@
        * @param {number} newValue new model value
        */
       positionTrackingHandle: function(newValue) {
+		if(this.scope.ticks[newValue].disabled)
+			return false;
         var valueChanged = false;
         newValue = this.applyMinMaxLimit(newValue);
         if (this.range) {

src/rzslider.less

@@ -160,6 +160,16 @@
     &.rz-selected {
       background: @selectedTicksColor;
     }
+	&[disabled] {
+		cursor: not-allowed;
+		opacity: 0.6;
+		.rz-tick-value,
+		.rz-tick-legend,
+		* {
+			cursor: not-allowed;
+			opacity: 0.6;
+		}
+	}
   }
 
   .rz-tick-value {