85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
//
|
|
// Form control
|
|
//
|
|
|
|
'use strict';
|
|
|
|
var noUiSlider = (function() {
|
|
|
|
// Variables
|
|
|
|
// var $sliderContainer = $('.input-slider-container'),
|
|
// $slider = $('.input-slider'),
|
|
// $sliderId = $slider.attr('id'),
|
|
// $sliderMinValue = $slider.data('range-value-min');
|
|
// $sliderMaxValue = $slider.data('range-value-max');;
|
|
|
|
|
|
// // Methods
|
|
//
|
|
// function init($this) {
|
|
// $this.on('focus blur', function(e) {
|
|
// $this.parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
|
|
// }).trigger('blur');
|
|
// }
|
|
//
|
|
//
|
|
// // Events
|
|
//
|
|
// if ($input.length) {
|
|
// init($input);
|
|
// }
|
|
|
|
|
|
|
|
if ($(".input-slider-container")[0]) {
|
|
$('.input-slider-container').each(function() {
|
|
|
|
var slider = $(this).find('.input-slider');
|
|
var sliderId = slider.attr('id');
|
|
var minValue = slider.data('range-value-min');
|
|
var maxValue = slider.data('range-value-max');
|
|
|
|
var sliderValue = $(this).find('.range-slider-value');
|
|
var sliderValueId = sliderValue.attr('id');
|
|
var startValue = sliderValue.data('range-value-low');
|
|
|
|
var c = document.getElementById(sliderId),
|
|
d = document.getElementById(sliderValueId);
|
|
|
|
noUiSlider.create(c, {
|
|
start: [parseInt(startValue)],
|
|
connect: [true, false],
|
|
//step: 1000,
|
|
range: {
|
|
'min': [parseInt(minValue)],
|
|
'max': [parseInt(maxValue)]
|
|
}
|
|
});
|
|
|
|
c.noUiSlider.on('update', function(a, b) {
|
|
d.textContent = a[b];
|
|
});
|
|
})
|
|
}
|
|
|
|
if ($("#input-slider-range")[0]) {
|
|
var c = document.getElementById("input-slider-range"),
|
|
d = document.getElementById("input-slider-range-value-low"),
|
|
e = document.getElementById("input-slider-range-value-high"),
|
|
f = [d, e];
|
|
|
|
noUiSlider.create(c, {
|
|
start: [parseInt(d.getAttribute('data-range-value-low')), parseInt(e.getAttribute('data-range-value-high'))],
|
|
connect: !0,
|
|
range: {
|
|
min: parseInt(c.getAttribute('data-range-value-min')),
|
|
max: parseInt(c.getAttribute('data-range-value-max'))
|
|
}
|
|
}), c.noUiSlider.on("update", function(a, b) {
|
|
f[b].textContent = a[b]
|
|
})
|
|
}
|
|
|
|
})();
|