Glider - AngularJS slider with no dependencies. Dead simple, < 200 LOC.

Demo is available here: http://evrone.github.io/glider

bower install glider

Add this to your Gemfile

gem 'glider-rails' and

bundle install

After that you can add the file to sprockets:

//= require glider

Add module as a dependency:

angular.module('myApp', ['glider']);

And then in HTML:

<slider min="21" max="130" value="age"></slider>

To defer value update until mouseup:

<slider defer_update min="21" max="130" value="age"></slider>

Show value in handle:

<slider show_value_in_handle min="21" max="130" value="age"></slider>

Use increments with snapping:

<slider min="50" max="500" increments="100,200,300,400" value="price"></slider>

To convert the src/glider.coffee to javascript, use coffeescript compiler. Install it with:

npm -g install coffee-script

Then compile the file with:

coffee -c -o . --map src/glider.coffee

This will compile the src/glider.coffee to glider.js and generate the source map.

To minify the file I recommend using uglifyjs If you don't have it installed, install it with:

npm -g install uglify-js

Then run the minification with:

uglifyjs glider.js > glider.min.js -mc

-mc tells uglifier to (m)angle and (c)ompress the input code.

If you don't have node.js installed on your machine, you can create a minified version of the library with online services, such as Google Closure compiler

Please read Code of Conduct and Contributing Guidelines for submitting pull requests to us.

We use SemVer for versioning. For the versions available, see the tags on this repository.

The changelog is here.

• Valentin Vasilyev
• Dmitry Karpunin

See also the list of contributors who participated in this project.

This project is licensed under the MIT License.