Add project files.
This commit is contained in:
83
assets/js/pages/crud/forms/widgets/ion-range-slider.js
Normal file
83
assets/js/pages/crud/forms/widgets/ion-range-slider.js
Normal file
@ -0,0 +1,83 @@
|
||||
// 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();
|
||||
});
|
||||
Reference in New Issue
Block a user