Merge branch 'feature/slider' into develop

Author: Kamil Kisiela

CHANGELOG.md

@@ -5,6 +5,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 ## [Unreleased]
 ### Added
 - multiple support for select field
+- slider field with min, max, step and discrete options
 
 ## [0.4.0] - 2015-11-17
 ### Added

README.md

@@ -218,6 +218,38 @@ delete-hint attribute value
 }
 ```
 
+### slider
+
+**min (number, optional)**
+
+default 1
+
+**max (number, optional)**
+
+default 100
+
+**step (number, optional)**
+
+default 1
+
+**discrete (boolean, optional)**
+
+default false (md-discrete)
+
+```javascript
+{
+    "type": "slider",
+    "key": "rate",
+    "templateOptions": {
+        "theme": "custom",
+        "min": 1,
+        "max": 5,
+        "step": 0.5,
+        "discrete": true
+    }
+}
+```
+
 
 ## Wrappers
 
@@ -230,6 +262,7 @@ delete-hint attribute value
 - [x] add md-chips
 - [x] add md-datepicker
 - [ ] add md-icon wrapper
+- [x] add md-slider with min, max, step and discrete options
 - [x] add md-select
 - [x] multiple in md-select
 - [ ] add groups to md-select

lib/client/types/slider/slider.js

@@ -0,0 +1,38 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setType({
+            name: 'slider',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/types/slider/slider.ng.html'),
+            defaultOptions: {
+                ngModelAttrs: {
+                    min: {
+                        bound: 'min',
+                        attribute: 'min'
+                    },
+                    max: {
+                        bound: 'max',
+                        attribute: 'max'
+                    },
+                    step: {
+                        bound: 'step',
+                        attribute: 'step'
+                    },
+                    discrete: {
+                        bound: 'md-discrete'
+                    }
+                }
+            },
+            apiCheck: (check) => ({
+                templateOptions: {
+                    min: check.number.optional,
+                    max: check.number.optional,
+                    step: check.number.optional,
+                    discrete: check.bool.optional
+                }
+            })
+        });
+
+    });

lib/client/types/slider/slider.ng.html

@@ -0,0 +1 @@
+<md-slider ng-model="model[options.key]"></md-slider>

package.js

@@ -92,7 +92,11 @@ Package.onUse(function (api) {
 
         // chips
         'lib/client/types/chips/chips.js',
-        'lib/client/types/chips/chips.ng.html'
+        'lib/client/types/chips/chips.ng.html',
+
+        // slider
+        'lib/client/types/slider/slider.js',
+        'lib/client/types/slider/slider.ng.html'
 
     ], client);