mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-03-28 17:42:57 +01:00
43 lines
1021 B
JavaScript
43 lines
1021 B
JavaScript
(function($){
|
|
|
|
/**
|
|
* OPTIONS:
|
|
* values {mixed[]}
|
|
* selected {object} min and max
|
|
* text {string}
|
|
*/
|
|
$.fn.pwgDoubleSlider = function(options) {
|
|
var that = this;
|
|
|
|
function onChange(e, ui) {
|
|
that.find('[data-input=min]').val(options.values[ui.values[0]]);
|
|
that.find('[data-input=max]').val(options.values[ui.values[1]]);
|
|
|
|
that.find('.slider-info').html(sprintf(
|
|
options.text,
|
|
options.values[ui.values[0]],
|
|
options.values[ui.values[1]]
|
|
));
|
|
}
|
|
|
|
var slider = this.find('.slider-slider').slider({
|
|
range: true,
|
|
min: 0,
|
|
max: options.values.length - 1,
|
|
values: [
|
|
options.values.indexOf(options.selected.min),
|
|
options.values.indexOf(options.selected.max)
|
|
],
|
|
slide: onChange,
|
|
change: onChange
|
|
});
|
|
|
|
this.find('.slider-choice').on('click', function(){
|
|
slider.slider('values', 0, options.values.indexOf($(this).data('min')));
|
|
slider.slider('values', 1, options.values.indexOf($(this).data('max')));
|
|
});
|
|
|
|
return this;
|
|
};
|
|
|
|
}(jQuery)); |