widget:slider
Table of Contents
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
| Param | Type | Details |
|---|---|---|
response (optional) |
object |
A response object |
query (optional) |
string |
The name of the query to build links from. |
facet-name (optional) |
string |
Facet name to use from the response object |
facet (optional) |
string |
A facet object to display |
field-name (optional) |
string |
The field name tells the slider which field to use when creating range filters. |
min (optional) |
number |
The minimum value for the slider. (Defaults to 0, not required for facets) |
max (optional) |
number |
The maximum value for the slider. (Defaults to 100, not required for facets) |
step (optional) |
number |
The interval between each step of the slider. (Defaults to 1, not required for facets) |
button-label (optional) |
string |
The text to be used for the 'Apply' button. |
to-label (optional) |
string |
The string to be inserted in the filter’s display value between the 'from' and 'to' value. (Defaults to '-') |
prefix (optional) |
string |
Add a string before the display value. Useful for currency symbols, for instance. |
suffix (optional) |
string |
Add a string after the display value. Useful for adding units, such as “k” for thousands. |
invert-range (optional) |
boolean |
When invertRange is set to true, the from and to values of the resulting range filter are swapped. |
multiplier (optional) |
number |
The multiplier parameter accepts a number and multiplies the slider’s value by the multiplier when creating a filter. |
date-format (optional) |
string |
How to format the date. See #/api/lightning.filter:dateFormat[date format filter] for valid formats. |
number-format (optional) |
string |
Format string for the numbers used using the Java DecimalFormat pattern. Default: ',0.' |
sort (optional) |
boolean |
Whether 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);
}]);