pos-gis/public/assets/js/pages/crud/forms/widgets/ion-range-slider.js
2024-10-07 13:13:42 +07:00

83 lines
1.7 KiB
JavaScript
Vendored

// Class definition
var KTIONRangeSlider = function () {
// Private functions
var demos = function () {
// basic demo
$('#kt_slider_1').ionRangeSlider();
// min & max values
$('#kt_slider_2').ionRangeSlider({
min: 100,
max: 1000,
from: 550
});
// custom prefix
$('#kt_slider_3').ionRangeSlider({
type: "double",
grid: true,
min: 0,
max: 1000,
from: 200,
to: 800,
prefix: "$"
});
// range & step
$('#kt_slider_4').ionRangeSlider({
type: "double",
grid: true,
min: -1000,
max: 1000,
from: -500,
to: 500
});
// fractional step
$('#kt_slider_5').ionRangeSlider({
type: "double",
grid: true,
min: -12.8,
max: 12.8,
from: -3.2,
to: 3.2,
step: 0.1
});
// using postfixes
$('#kt_slider_6').ionRangeSlider({
type: "single",
grid: true,
min: -90,
max: 90,
from: 0,
postfix: "°"
});
// using text
$('#kt_slider_7').ionRangeSlider({
type: "double",
min: 100,
max: 200,
from: 145,
to: 155,
prefix: "Weight: ",
postfix: " million pounds",
decorate_both: true
});
}
return {
// public functions
init: function() {
demos();
}
};
}();
jQuery(document).ready(function() {
KTIONRangeSlider.init();
});