fix a view bug

reason: when the *ceil value* is `0` and the *model value* is `0`, the `valueToOffset` function returns `NaN`. And the *low handle* label has a litter poor display. the `single.html` shows the problem

fix a view bug
reason: when the *ceil value* is `0` and the *model value* is `0`, the `valueToOffset` function returns `NaN`. And the *low handle* label has a litter poor display. the `single.html` shows the problem
4e3fba1f · e-cloud · 43acfc8e · 4e3fba1f · 4e3fba1f · 4e3fba1f
Commit 4e3fba1f authored Sep 13, 2015 by e-cloud
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 73 additions and 3 deletions

single.html demo/single.html +70 -0

rzslider.js dist/rzslider.js +1 -1

rzslider.min.js dist/rzslider.min.js +1 -1

rzslider.js src/rzslider.js +1 -1

No files found.
--- a/demo/single.html
+++ b/demo/single.html
+<!DOCTYPE html>
+<html ng-app="rzSliderDemo">
+
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>AngularJS Touch Slider</title>
+  <link rel="stylesheet" href="demo.css"/>
+  <link rel="stylesheet" href="../dist/rzslider.css"/>
+  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
+</head>
+
+<body ng-controller="MainCtrl">
+
+<div class="wrapper">
+  <header>
+    <h1>AngularJS Touch Slider Toggle case</h1>
+  </header>
+
+  <article>
+    <h2>Toggle slider example</h2>
+    <button ng-click="toggle()">Show</button>
+    <button ng-click="toggleCeil()">toggle ceil</button>
+    <div ng-show="visible">
+      <rzslider rz-slider-model="toggleSlider.value"
+                rz-slider-floor="toggleSlider.floor"
+                rz-slider-hide-limit-labels="true"
+                rz-slider-ceil="toggleSlider.ceil"></rzslider>
+    </div>
+  </article>
+
+</div>
+
+
+<script src="../bower_components/angular/angular.js"></script>
+<script src="../dist/rzslider.js"></script>
+<script>
+  var app = angular.module('rzSliderDemo', ['rzModule']);
+
+  app.controller('MainCtrl', function($scope, $timeout) {
+
+
+    $scope.visible = false;
+
+    $scope.toggle = function() {
+      $scope.visible = !$scope.visible;
+      $timeout(function() {
+        $scope.$broadcast('rzSliderForceRender');
+      });
+    };
+
+    $scope.toggleCeil = function() {
+      $scope.toggleSlider.ceil = $scope.toggleSlider.ceil?0:500;
+      /*$timeout(function() {
+        $scope.$broadcast('rzSliderForceRender');
+      });*/
+    };
+
+    $scope.toggleSlider = {
+      value: 0,
+      ceil: 0,
+      floor: 0
+    };
+  });
+</script>
+
+</body>
+
+
+</html>
--- a/dist/rzslider.js
+++ b/dist/rzslider.js
@@ -897,7 +897,7 @@ function throttle(func, wait, options) {
     */
    valueToOffset: function(val)
    {
-      return (val - this.minValue) * this.maxLeft / this.valueRange;
+      return (val - this.minValue) * this.maxLeft / this.valueRange || 0;
    },

    /**

--- a/dist/rzslider.min.js
+++ b/dist/rzslider.min.js
--- a/src/rzslider.js
+++ b/src/rzslider.js
@@ -897,7 +897,7 @@ function throttle(func, wait, options) {
     */
    valueToOffset: function(val)
    {
-      return (val - this.minValue) * this.maxLeft / this.valueRange;
+      return (val - this.minValue) * this.maxLeft / this.valueRange || 0;
    },

    /**