glider-rails 0.0.4 → 0.0.5

data/app/assets/javascripts/glider.coffee

@@ -1,9 +1,10 @@
 ###
- glider 0.0.4 - AngularJS slider
+ glider 0.0.5 - AngularJS slider
  https://github.com/evrone/glider
  Copyright (c) 2013 Valentin Vasilyev, Dmitry Karpunin
  Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
 ###
+'use strict';
 app = angular.module("glider", [])
 # example:
 # <slider min="0" max="100" step="1" value="age"></slider>
@@ -27,11 +28,11 @@ app.directive "slider", ["$document", ($document) ->
       </span>
       <span class="side dec">
         <span class="button" ng-click="step(-1)">-</span>
-        <span class="bound-value">{{min()}}</span>
+        <span class="bound-value">{{min() | slice}}</span>
       </span>
       <span class="side inc">
         <span class="button" ng-click="step(+1)">+</span>
-        <span class="bound-value">{{max()}}</span>
+        <span class="bound-value">{{max() | slice}}</span>
       </span>
     </span>
     """
@@ -108,3 +109,12 @@ app.directive "slider", ["$document", ($document) ->
         updateValue() if deferUpdate
         $document.off "mousemove"
 ]
+app.filter 'slice',  ->
+  (input) ->
+    input = input.toString()
+    reverse = (input) -> input.split('').reverse().join('')
+    reversed = reverse(input)
+    reversed_and_sliced = reversed.replace(/(.{3})/g, '$1 ')
+    sliced = reverse(reversed_and_sliced)
+    sliced.trim()
+

data/app/assets/javascripts/glider.js

@@ -1,6 +1,6 @@
 // Generated by CoffeeScript 1.6.3
 /*
- glider 0.0.4 - AngularJS slider
+ glider 0.0.5 - AngularJS slider
  https://github.com/evrone/glider
  Copyright (c) 2013 Valentin Vasilyev, Dmitry Karpunin
  Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
@@ -8,6 +8,7 @@
 
 
 (function() {
+  'use strict';
   var app;
 
   app = angular.module("glider", []);
@@ -23,7 +24,7 @@
         return angular.element(getSubElement(elem, "range")).css("width", "" + posX + "%");
       };
       return {
-        template: "<span class=\"g-slider horizontal\">\n  <span class=\"slider\">\n    <span class=\"range\"></span>\n    <span class=\"handle\" ng-mousedown=\"mouseDown($event)\"></span>\n  </span>\n  <span class=\"side dec\">\n    <span class=\"button\" ng-click=\"step(-1)\">-</span>\n    <span class=\"bound-value\">{{min()}}</span>\n  </span>\n  <span class=\"side inc\">\n    <span class=\"button\" ng-click=\"step(+1)\">+</span>\n    <span class=\"bound-value\">{{max()}}</span>\n  </span>\n</span>",
+        template: "<span class=\"g-slider horizontal\">\n  <span class=\"slider\">\n    <span class=\"range\"></span>\n    <span class=\"handle\" ng-mousedown=\"mouseDown($event)\"></span>\n  </span>\n  <span class=\"side dec\">\n    <span class=\"button\" ng-click=\"step(-1)\">-</span>\n    <span class=\"bound-value\">{{min() | slice}}</span>\n  </span>\n  <span class=\"side inc\">\n    <span class=\"button\" ng-click=\"step(+1)\">+</span>\n    <span class=\"bound-value\">{{max() | slice}}</span>\n  </span>\n</span>",
         replace: true,
         restrict: "E",
         scope: {
@@ -119,4 +120,18 @@
     }
   ]);
 
+  app.filter('slice', function() {
+    return function(input) {
+      var reverse, reversed, reversed_and_sliced, sliced;
+      input = input.toString();
+      reverse = function(input) {
+        return input.split('').reverse().join('');
+      };
+      reversed = reverse(input);
+      reversed_and_sliced = reversed.replace(/(.{3})/g, '$1 ');
+      sliced = reverse(reversed_and_sliced);
+      return sliced.trim();
+    };
+  });
+
 }).call(this);

data/app/assets/javascripts/glider.min.js

@@ -1 +1 @@
-!function(){var app;app=angular.module("glider",[]);app.directive("slider",["$document",function($document){var getSubElement,moveHandle;getSubElement=function(sliderElement,className){return sliderElement[0].getElementsByClassName(className)[0]};moveHandle=function(elem,posX){angular.element(getSubElement(elem,"handle")).css("left",""+posX+"%");return angular.element(getSubElement(elem,"range")).css("width",""+posX+"%")};return{template:'<span class="g-slider horizontal">\n  <span class="slider">\n    <span class="range"></span>\n    <span class="handle" ng-mousedown="mouseDown($event)"></span>\n  </span>\n  <span class="side dec">\n    <span class="button" ng-click="step(-1)">-</span>\n    <span class="bound-value">{{min()}}</span>\n  </span>\n  <span class="side inc">\n    <span class="button" ng-click="step(+1)">+</span>\n    <span class="bound-value">{{max()}}</span>\n  </span>\n</span>',replace:true,restrict:"E",scope:{value:"=",min:"&",max:"&"},link:function(scope,element,attrs){var deferUpdate,dragging,refreshHandle,sliderElement,step,xPosition;sliderElement=getSubElement(element,"slider");dragging=false;xPosition=0;step=attrs.step!=null?parseInt(attrs.step,10):1;deferUpdate=attrs.deferUpdate!=null;if(scope.value==null){scope.value=scope.min()}refreshHandle=function(){var range;range=scope.max()-scope.min();if(range===0){xPosition=0}else{xPosition=(scope.value-scope.min())/range*100;xPosition=Math.min(Math.max(0,xPosition),100)}return moveHandle(element,xPosition)};scope.$watch("min()",function(minValue){if(scope.value<minValue){return scope.value=minValue}else{return refreshHandle()}});scope.$watch("max()",function(maxValue){if(scope.value>maxValue){return scope.value=maxValue}else{return refreshHandle()}});scope.$watch("value",function(){if(dragging){return}return refreshHandle()});scope.step=function(steps){var newValue;newValue=scope.value+steps*step;if(scope.min()<=newValue&&newValue<=scope.max()){return scope.value=newValue}};return scope.mouseDown=function($event){var startPointX,updateValue;dragging=true;startPointX=$event.pageX;updateValue=function(){scope.value=Math.round(((scope.max()-scope.min())*(xPosition/100)+scope.min())/step)*step;return scope.$apply()};$document.on("mousemove",function($event){var moveDelta;if(!dragging){return}moveDelta=$event.pageX-startPointX;xPosition+=moveDelta/sliderElement.offsetWidth*100;if(xPosition<0){xPosition=0}else if(xPosition>100){xPosition=100}else{startPointX=$event.pageX}if(!deferUpdate){updateValue()}return moveHandle(element,xPosition)});return $document.on("mouseup",function(){dragging=false;if(deferUpdate){updateValue()}return $document.off("mousemove")})}}}}])}.call(this);
+!function(){"use strict";var n;n=angular.module("glider",[]),n.directive("slider",["$document",function(n){var e,a;return e=function(n,e){return n[0].getElementsByClassName(e)[0]},a=function(n,a){return angular.element(e(n,"handle")).css("left",""+a+"%"),angular.element(e(n,"range")).css("width",""+a+"%")},{template:'<span class="g-slider horizontal">\n  <span class="slider">\n    <span class="range"></span>\n    <span class="handle" ng-mousedown="mouseDown($event)"></span>\n  </span>\n  <span class="side dec">\n    <span class="button" ng-click="step(-1)">-</span>\n    <span class="bound-value">{{min() | slice}}</span>\n  </span>\n  <span class="side inc">\n    <span class="button" ng-click="step(+1)">+</span>\n    <span class="bound-value">{{max() | slice}}</span>\n  </span>\n</span>',replace:!0,restrict:"E",scope:{value:"=",min:"&",max:"&"},link:function(s,t,u){var r,l,i,c,o,p;return c=e(t,"slider"),l=!1,p=0,o=null!=u.step?parseInt(u.step,10):1,r=null!=u.deferUpdate,null==s.value&&(s.value=s.min()),i=function(){var n;return n=s.max()-s.min(),0===n?p=0:(p=100*((s.value-s.min())/n),p=Math.min(Math.max(0,p),100)),a(t,p)},s.$watch("min()",function(n){return s.value<n?s.value=n:i()}),s.$watch("max()",function(n){return s.value>n?s.value=n:i()}),s.$watch("value",function(){return l?void 0:i()}),s.step=function(n){var e;return e=s.value+n*o,s.min()<=e&&e<=s.max()?s.value=e:void 0},s.mouseDown=function(e){var u,i;return l=!0,u=e.pageX,i=function(){return s.value=Math.round(((s.max()-s.min())*(p/100)+s.min())/o)*o,s.$apply()},n.on("mousemove",function(n){var e;if(l)return e=n.pageX-u,p+=100*(e/c.offsetWidth),0>p?p=0:p>100?p=100:u=n.pageX,r||i(),a(t,p)}),n.on("mouseup",function(){return l=!1,r&&i(),n.off("mousemove")})}}}}]),n.filter("slice",function(){return function(n){var e,a,s,t;return n=n.toString(),e=function(n){return n.split("").reverse().join("")},a=e(n),s=a.replace(/(.{3})/g,"$1 "),t=e(s),t.trim()}})}.call(this);

data/glider-rails.gemspec

@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 Gem::Specification.new do |gem|
   gem.name          = "glider-rails"
-  gem.version       = "0.0.4"
+  gem.version       = "0.0.5"
   gem.authors       = ["Valentin Vasilyev", "Dmitry Karpunin"]
   gem.email         = ["iamvalentin@gmail.com", "koderfunk@gmail.com"]
   gem.description   = "Glider, AngularJS UI slider for rails asset pipeline"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glider-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
   prerelease: 
 platform: ruby
 authors:
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-17 00:00:00.000000000 Z
+date: 2013-09-18 00:00:00.000000000 Z
 dependencies: []
 description: Glider, AngularJS UI slider for rails asset pipeline
 email: