glider-rails 0.1.0 → 0.1.1

data/app/assets/javascripts/glider.coffee

@@ -1,5 +1,5 @@
 ###
-  glider 0.1.0 - AngularJS slider
+  glider 0.1.1 - 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.
@@ -18,14 +18,14 @@
 'use strict';
 app = angular.module("glider", [])
 
-app.directive "slider", ["$document", ($document) ->
+app.directive 'slider', ['$document', ($document) ->
 
   getSubElement = (sliderElement, className) ->
     sliderElement[0].getElementsByClassName(className)[0]
 
   moveHandle = (elem, posX) ->
-    angular.element(getSubElement(elem, "handle")).css("left", "#{posX}%")
-    angular.element(getSubElement(elem, "range")).css("width", "#{posX}%")
+    angular.element(getSubElement(elem, 'handle')).css('left', "#{posX}%")
+    angular.element(getSubElement(elem, 'range')).css('width', "#{posX}%")
 
   template: """
     <span class="g-slider horizontal">
@@ -68,7 +68,12 @@ app.directive "slider", ["$document", ($document) ->
           value: parseInt(trim(i), 10)
           offset: offset(min, max, i)
 
-    sliderElement = getSubElement(element, "slider")
+    createSnapValues = (increments)->
+      if attrs.increments?
+        ([scope.min(), scope.max()].concat(i.value for i in increments)).sort((a,b) -> a - b)
+
+
+    sliderElement = getSubElement(element, 'slider')
     dragging = false
     xPosition = 0
     step = if attrs.step? then parseInt(attrs.step, 10) else 1
@@ -77,10 +82,7 @@ app.directive "slider", ["$document", ($document) ->
     scope.value = scope.min() unless scope.value?
 
     scope.increments = parseIncrements(attrs.increments)
-    if attrs.increments?
-      scope.snapValues = ([scope.min(), scope.max()].concat(i.value for i in scope.increments))
-        .sort((a,b) -> a - b)
-
+    scope.snapValues = createSnapValues(scope.increments)
 
     refreshHandle = ->
       range = scope.max() - scope.min()
@@ -91,19 +93,19 @@ app.directive "slider", ["$document", ($document) ->
         xPosition = Math.min(Math.max(0, xPosition), 100)
       moveHandle element, xPosition
 
-    scope.$watch "min()", (minValue) ->
+    scope.$watch 'min()', (minValue) ->
       if scope.value < minValue
         scope.value = minValue
       else
         refreshHandle()
 
-    scope.$watch "max()", (maxValue) ->
+    scope.$watch 'max()', (maxValue) ->
       if scope.value > maxValue
         scope.value = maxValue
       else
         refreshHandle()
 
-    scope.$watch "value", (newVal, oldVal)->
+    scope.$watch 'value', (newVal, oldVal)->
       return  if dragging
       if scope.min() <= newVal <= scope.max()
         refreshHandle()
@@ -151,9 +153,8 @@ app.directive "slider", ["$document", ($document) ->
         scope.value = closest
         scope.$apply()
 
-      $document.on "mousemove", ($event) ->
+      $document.on 'mousemove', ($event) ->
         return  unless dragging
-        # Calculate value handle position
         moveDelta = $event.pageX - startPointX
         xPosition += moveDelta / sliderElement.offsetWidth * 100
         if xPosition < 0
@@ -165,11 +166,11 @@ app.directive "slider", ["$document", ($document) ->
         updateValue() unless deferUpdate
         moveHandle element, xPosition
 
-      $document.on "mouseup", ->
+      $document.on 'mouseup', ->
         dragging = false
         updateValue() if deferUpdate
         snap() if scope.increments
-        $document.off "mousemove"
+        $document.off 'mousemove'
 ]
 app.filter 'intersperse',  ->
   (input) ->

data/app/assets/javascripts/glider.js

@@ -1,6 +1,6 @@
 // Generated by CoffeeScript 1.6.3
 /*
-  glider 0.1.0 - AngularJS slider
+  glider 0.1.1 - 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.
@@ -24,15 +24,15 @@
 
   app = angular.module("glider", []);
 
-  app.directive("slider", [
-    "$document", function($document) {
+  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 + "%");
+        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() | intersperse}}</span>\n  </span>\n  <span class=\"side inc\">\n    <span class=\"button\" ng-click=\"step(+1)\">+</span>\n    <span class=\"bound-value\">{{max() | intersperse}}</span>\n  </span>\n  <span class=\"increments\">\n    <span ng-repeat=\"i in increments\" class=\"i\" style=\"left: {{i.offset}}%\">\n      {{ i.value | intersperse }}\n    </span>\n  </span>\n</span>",
@@ -44,7 +44,7 @@
           max: "&"
         },
         link: function(scope, element, attrs) {
-          var deferUpdate, dragging, i, parseIncrements, refreshHandle, sliderElement, step, xPosition;
+          var createSnapValues, deferUpdate, dragging, parseIncrements, refreshHandle, sliderElement, step, xPosition;
           parseIncrements = function() {
             var i, increments, max, min, offset, trim;
             trim = function(input) {
@@ -77,7 +77,23 @@
               })();
             }
           };
-          sliderElement = getSubElement(element, "slider");
+          createSnapValues = function(increments) {
+            var i;
+            if (attrs.increments != null) {
+              return ([scope.min(), scope.max()].concat((function() {
+                var _i, _len, _results;
+                _results = [];
+                for (_i = 0, _len = increments.length; _i < _len; _i++) {
+                  i = increments[_i];
+                  _results.push(i.value);
+                }
+                return _results;
+              })())).sort(function(a, b) {
+                return a - b;
+              });
+            }
+          };
+          sliderElement = getSubElement(element, 'slider');
           dragging = false;
           xPosition = 0;
           step = attrs.step != null ? parseInt(attrs.step, 10) : 1;
@@ -86,20 +102,7 @@
             scope.value = scope.min();
           }
           scope.increments = parseIncrements(attrs.increments);
-          if (attrs.increments != null) {
-            scope.snapValues = ([scope.min(), scope.max()].concat((function() {
-              var _i, _len, _ref, _results;
-              _ref = scope.increments;
-              _results = [];
-              for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-                i = _ref[_i];
-                _results.push(i.value);
-              }
-              return _results;
-            })())).sort(function(a, b) {
-              return a - b;
-            });
-          }
+          scope.snapValues = createSnapValues(scope.increments);
           refreshHandle = function() {
             var range;
             range = scope.max() - scope.min();
@@ -111,21 +114,21 @@
             }
             return moveHandle(element, xPosition);
           };
-          scope.$watch("min()", function(minValue) {
+          scope.$watch('min()', function(minValue) {
             if (scope.value < minValue) {
               return scope.value = minValue;
             } else {
               return refreshHandle();
             }
           });
-          scope.$watch("max()", function(maxValue) {
+          scope.$watch('max()', function(maxValue) {
             if (scope.value > maxValue) {
               return scope.value = maxValue;
             } else {
               return refreshHandle();
             }
           });
-          scope.$watch("value", function(newVal, oldVal) {
+          scope.$watch('value', function(newVal, oldVal) {
             if (dragging) {
               return;
             }
@@ -190,7 +193,7 @@
               return scope.$apply();
             };
             snap = function() {
-              var closest, diff, l, min;
+              var closest, diff, i, l, min;
               i = 0;
               l = scope.snapValues.length;
               while (i < l) {
@@ -207,7 +210,7 @@
               scope.value = closest;
               return scope.$apply();
             };
-            $document.on("mousemove", function($event) {
+            $document.on('mousemove', function($event) {
               var moveDelta;
               if (!dragging) {
                 return;
@@ -226,7 +229,7 @@
               }
               return moveHandle(element, xPosition);
             });
-            return $document.on("mouseup", function() {
+            return $document.on('mouseup', function() {
               dragging = false;
               if (deferUpdate) {
                 updateValue();
@@ -234,7 +237,7 @@
               if (scope.increments) {
                 snap();
               }
-              return $document.off("mousemove");
+              return $document.off('mousemove');
             });
           };
         }

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

@@ -1 +1 @@
-!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;if(null!=n)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);
+!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() | intersperse}}</span>\n  </span>\n  <span class="side inc">\n    <span class="button" ng-click="step(+1)">+</span>\n    <span class="bound-value">{{max() | intersperse}}</span>\n  </span>\n  <span class="increments">\n    <span ng-repeat="i in increments" class="i" style="left: {{i.offset}}%">\n      {{ i.value | intersperse }}\n    </span>\n  </span>\n</span>',replace:!0,restrict:"E",scope:{value:"=",min:"&",max:"&"},link:function(t,r,s){var u,i,l,c,o,p,f,m;return c=function(){var n,e,a,r,u,i;return i=function(n){return n?n.replace(/^\s+|\s+$/g,""):n},u=function(n,e,a){return 100*(a/Math.abs(e-n))},s.increments?(r=t.min(),a=t.max(),e=s.increments.split(","),e=function(){var t,s,l,c;for(c=[],t=0,s=e.length;s>t;t++)n=e[t],r<(l=parseInt(n))&&a>l&&c.push({value:parseInt(i(n),10),offset:u(r,a,n)});return c}()):void 0},u=function(n){var e;return null!=s.increments?[t.min(),t.max()].concat(function(){var a,t,r;for(r=[],a=0,t=n.length;t>a;a++)e=n[a],r.push(e.value);return r}()).sort(function(n,e){return n-e}):void 0},p=e(r,"slider"),l=!1,m=0,f=null!=s.step?parseInt(s.step,10):1,i=null!=s.deferUpdate,null==t.value&&(t.value=t.min()),t.increments=c(s.increments),t.snapValues=u(t.increments),o=function(){var n;return n=t.max()-t.min(),0===n?m=0:(m=100*((t.value-t.min())/n),m=Math.min(Math.max(0,m),100)),a(r,m)},t.$watch("min()",function(n){return t.value<n?t.value=n:o()}),t.$watch("max()",function(n){return t.value>n?t.value=n:o()}),t.$watch("value",function(n,e){return l?void 0:t.min()<=n&&n<=t.max()?o():n=e}),t.step=function(n){var e,a;return a=function(n){var e;return e=t.value+n*f,t.min()<=e&&e<=t.max()?t.value=e:void 0},e=function(n){var e,a;return e=n>0?function(){var n,e,r,s;for(r=t.snapValues,s=[],n=0,e=r.length;e>n;n++)a=r[n],a>t.value&&s.push(a);return s}()[0]:function(){var n,e,r,s;for(r=t.snapValues,s=[],n=0,e=r.length;e>n;n++)a=r[n],a<t.value&&s.push(a);return s}().sort(function(n,e){return e-n})[0],null!=e?t.value=e:void 0},null!=s.increments?e(n):a(n)},t.mouseDown=function(e){var s,u,c;return l=!0,u=e.pageX,c=function(){return t.value=Math.round(((t.max()-t.min())*(m/100)+t.min())/f)*f,t.$apply()},s=function(){var n,e,a,r,s;for(a=0,r=t.snapValues.length;r>a;)e=Math.abs(t.snapValues[a]-t.value),("undefined"==typeof s||null===s)&&(s=e),s>=e&&(n=t.snapValues[a],s=e),a++;return t.value=n,t.$apply()},n.on("mousemove",function(n){var e;if(l)return e=n.pageX-u,m+=100*(e/p.offsetWidth),0>m?m=0:m>100?m=100:u=n.pageX,i||c(),a(r,m)}),n.on("mouseup",function(){return l=!1,i&&c(),t.increments&&s(),n.off("mousemove")})}}}}]),n.filter("intersperse",function(){return function(n){var e,a,t,r;if(null!=n)return n=n.toString(),e=function(n){return n.split("").reverse().join("")},a=e(n),t=a.replace(/(.{3})/g,"$1 "),r=e(t),r.trim()}})}.call(this);

data/glider-rails.gemspec

@@ -4,12 +4,13 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 Gem::Specification.new do |gem|
   gem.name          = "glider-rails"
-  gem.version       = "0.1.0"
-  gem.authors       = ["Valentin Vasilyev", "Dmitry Karpunin"]
+  gem.version       = "0.1.1"
+  gem.authors       = ["Valentin Valve Vasilyev", "Dmitry KODer Karpunin"]
   gem.email         = ["iamvalentin@gmail.com", "koderfunk@gmail.com"]
   gem.description   = "Glider, AngularJS UI slider for rails asset pipeline"
   gem.summary       = "Glider — AngularJS UI slider library, packaged for Ruby-on-Rails asset pipeline"
   gem.homepage      = "http://evrone.github.com/glider-rails"
+  gem.license       = "MIT"
 
   gem.files         = `git ls-files`.split($/)
   gem.require_paths = ["lib"]

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: glider-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
   prerelease: 
 platform: ruby
 authors:
-- Valentin Vasilyev
-- Dmitry Karpunin
+- Valentin Valve Vasilyev
+- Dmitry KODer Karpunin
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-03 00:00:00.000000000 Z
+date: 2013-10-04 00:00:00.000000000 Z
 dependencies: []
 description: Glider, AngularJS UI slider for rails asset pipeline
 email:
@@ -31,7 +31,8 @@ files:
 - glider-rails.gemspec
 - lib/glider-rails.rb
 homepage: http://evrone.github.com/glider-rails
-licenses: []
+licenses:
+- MIT
 post_install_message: 
 rdoc_options: []
 require_paths: