Add slider widget

Author: Gaurav0

app/router.js

@@ -10,6 +10,7 @@ Router.map(function() {
     this.route('datepicker');
     this.route('progressBar');
     this.route('spinner');
+    this.route('slider');
 });
 
 export default Router;

app/styles/app.css

@@ -32,3 +32,8 @@ nav li:first-of-type {
     line-height: 35px;
     text-align: center;
 }
+
+.ui-slider {
+    width: 50%;
+    display: inline-block;
+}

app/templates/application.hbs

@@ -3,6 +3,7 @@
     <li>{{#link-to "datepicker"}}Datepicker{{/link-to}}</li>
     <li>{{#link-to "progressBar"}}Progress Bar{{/link-to}}</li>
     <li>{{#link-to "spinner"}}Spinner{{/link-to}}</li>
+    <li>{{#link-to "slider"}}Slider{{/link-to}}</li>
 </nav>
 
 {{outlet}}

app/templates/slider.hbs

@@ -0,0 +1,3 @@
+<h2>Basic Slider</h2>
+{{jqui-slider value=num min=0 max=100 step=10}} &nbsp; {{num}}
+<p>Just add <code>\{{jqui-slider value=num min=0 max=100 step=10}} \{{num}}</code> to any template in your application.</p>

tests/unit/routes/slider-test.js

@@ -0,0 +1,14 @@
+import {
+  moduleFor,
+  test
+} from 'ember-qunit';
+
+moduleFor('route:slider', 'SliderRoute', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function() {
+  var route = this.subject();
+  ok(route);
+});