​
Description

Creates a slider

​
Usage

as element: 
<widget:slider
       [response="{object}"]
       [query="{string}"]
       [facet-name="{string}"]
       [facet="{string}"]
       [field-name="{string}"]
       [min="{number}"]
       [max="{number}"]
       [step="{number}"]
       [button-label="{string}"]
       [to-label="{string}"]
       [prefix="{string}"]
       [suffix="{string}"]
       [invert-range="{boolean}"]
       [multiplier="{number}"]
       [date-format="{string}"]
       [number-format="{string}"]
       [sort="{boolean}"]>
</widget:slider>

​
Parameters

ParamTypeDetails
response (optional)objectA response object
query (optional)stringThe name of the query to build links from.
facet-name (optional)stringFacet name to use from the response object
facet (optional)stringA facet object to display
field-name (optional)stringThe field name tells the slider which field to use when creating range filters.
min (optional)numberThe minimum value for the slider. (Defaults to 0, not required for facets)
max (optional)numberThe maximum value for the slider. (Defaults to 100, not required for facets)
step (optional)numberThe interval between each step of the slider. (Defaults to 1, not required for facets)
button-label (optional)stringThe text to be used for the ‘Apply’ button.
to-label (optional)stringThe string to be inserted in the filter’s display value between the ‘from’ and ‘to’ value. (Defaults to ’-‘)
prefix (optional)stringAdd a string before the display value. Useful for currency symbols, for instance.
suffix (optional)stringAdd a string after the display value. Useful for adding units, such as “k” for thousands.
invert-range (optional)booleanWhen invertRange is set to true, the from and to values of the resulting range filter are swapped.
multiplier (optional)numberThe multiplier parameter accepts a number and multiplies the slider’s value by the multiplier when creating a filter.
date-format (optional)stringHow to format the date. See #/api/lightning.filter:dateFormat[date format filter] for valid formats.
number-format (optional)stringFormat string for the numbers used using the Java DecimalFormat pattern. Default: ‘,0.‘
sort (optional)booleanWhether the data should be sort by the directive. Defaults to true.

​
Example

​
Source

<h3 id="example_slider">Slider</h3>
<widget:slider field-name="foo" min="0" max="100" step="1"></widget:slider>
<hr />
<h3 id="example_slider-with-date-formatting">Slider with Date Formatting</h3>
<widget:slider response="response" facet-name="test1" date-format="fullDate"></widget:slider>
<hr />
<h3 id="example_facet-slider">Facet Slider</h3>
<widget:slider response="response" facet-name="test2"></widget:slider>

<hr />
<chart:histogram facet="response | facet:'Last Modified'" show="100" show-count="true" date-format="MM-yyyy"></chart:histogram>
<widget:slider response="response" facet-name="Last Modified" date-format="MM-yyyy"></widget:slider>

angular.module('lightning')
.controller('ExampleController', ['$scope','$timeout', 'ResponseService', function($scope,$timeout, ResponseService) {
            $scope.response = {
                page: 2,
                query: {
                    rpp: 50,
                    filters:[]
                },
                facets: {
                    test1: {
                        filters: [
                            {

                                val: {
                                    dsp: 1288323623006,
                                    act: 1288323623006,
                                },
                                count: 10,

                            },
                            {

                                val: {
                                    dsp: 1467882419615,
                                    act: 1467882419615,
                                },
                                count: 20,
                            }

                        ],
                        'max-count':20
                    },
                    test2: {
                        filters: [
                            {

                                val: {
                                    dsp: '- 1998-12-31',
                                    act: {
                                        type:'range',
                                        to:'1998-12-31T00:00:00Z'
                                    },
                                },
                                count: 10,

                            },
                            {

                                val: {
                                    dsp: '1999-01-01 - 1999-12-31',
                                    act: {
                                        type:'range',
                                        from:'1999-01-01T00:00:00',
                                        to:'1999-12-31T00:00:00Z'
                                    },
                                },
                                count: 20,
                            },
                            {

                                val: {
                                    dsp: '2000-01-01 - ',
                                    act: {
                                        type:'range',
                                        from:'2000-01-01T00:00:00Z',
                                    },
                                },
                                count: 20,
                            }
                        ],
                        'max-count':20
                    },
                    'Last Modified':{"id":"Last Modified","field":"Last Modified","filters":[{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":294,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2001-01-01T00:00:00","to":"2002-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2001-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":403,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2002-01-01T00:00:00","to":"2003-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2002-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":592,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2003-01-01T00:00:00","to":"2004-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2003-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":488,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2004-01-01T00:00:00","to":"2005-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2004-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":1610,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2005-01-01T00:00:00","to":"2006-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2005-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":4947,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2006-01-01T00:00:00","to":"2007-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2006-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":4058,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2007-01-01T00:00:00","to":"2008-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2007-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":7837,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2008-01-01T00:00:00","to":"2009-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2008-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":6011,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2009-01-01T00:00:00","to":"2010-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2009-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":7584,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2010-01-01T00:00:00","to":"2011-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2010-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":6284,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2011-01-01T00:00:00","to":"2012-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2011-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":13003,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2012-01-01T00:00:00","to":"2013-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2012-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":32742,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2013-01-01T00:00:00","to":"2014-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2013-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":156357,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2014-01-01T00:00:00","to":"2015-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2014-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":42345,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2015-01-01T00:00:00","to":"2016-01-01T00:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2015-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]},{"field":"Last Modified","optional":"none","match":"exact","exclude":false,"count":53638,"weight":0,"facts":{},"grp":-1,"val":{"act":{"type":"range","from":"2016-01-01T00:00:00","to":"2017-01-01T08:00:00","fromExcluded":false,"toExcluded":true},"dsp":"2016-01-01T00:00:00Z"},"has-more-rel":false,"rel":[]}],"facts":{},"params":{},"display":"Last Modified","max-count":156357.0,"min-count":0.0,"sum-of-counts":338193.0},

                },
                results: []
            };

            ResponseService.setResponse('response', $scope.response);
        }]);

​
Result

Result