https://siscad.cfmv.gov.br/vendors/pages/sliders.js

1'use strict';
2$(document).ready(function () {
3    $("#example_1").ionRangeSlider({
4        min: 0,
5        max: 5000,
6        type: 'double',
7        prefix: "$",
8        maxPostfix: "+",
9        prettify: false,
10        hasGrid: true
11    });
12    $("#example_2").ionRangeSlider({
13        min: 1000,
14        max: 100000,
15        from: 30000,
16        to: 90000,
17        type: 'double',
18        step: 500,
19        postfix: " €",
20        hasGrid: true
21    });
22    $("#example_3").ionRangeSlider({
23        min: 0,
24        max: 10,
25        type: 'single',
26        step: 0.1,
27        postfix: " carats",
28        prettify: false,
29        hasGrid: true
30    });
31    $("#example_4").ionRangeSlider({
32        min: -50,
33        max: 50,
34        from: 0,
35        type: 'single',
36        step: 1,
37        postfix: "°",
38        prettify: false,
39        hasGrid: true
40    });
41    $("#example_5").ionRangeSlider({
42        values: [
43            "January", "February", "March",
44            "April", "May", "June",
45            "July", "August", "September",

46            "October", "November", "December"
47        ],
48        type: 'single',
49        hasGrid: true
50    });
51    $("#example_6").ionRangeSlider({
52        min: 10000,
53        max: 100000,
54        step: 100,
55        postfix: " light years",
56        type:'double',
57        from: 55000,
58        to:65000,
59        hideMinMax: false,
60        hideFromTo: true
61    });
62    $("#example_7").ionRangeSlider({
63        min: 10000,
64        max: 100000,
65        step: 100,
66        postfix: " light years",
67        from: 55000,
68        hideMinMax: true,
69        hideFromTo: false
70    });
71
72    // Bootstrap slider
73    $('#ex1Slider').slider({
74        formater: function(value) {
75            return 'Current value: ' + value;
76        }
77    });
78
79    /* Example 2 */
80    $("#bootstrap_slider2").slider({});
81    /* Example 3 */
82    var RGBChange = function() {
83        $('#RGB_color').css('background', 'rgb(' + r.getValue() + ',' + g.getValue() + ',' + b.getValue() + ')')
84    };
85
86    // var r = $('#red').slider()
87    //     .on('slide', RGBChange)
88    //     .data('slider');
89    // var g = $('#green').slider()
90    //     .on('slide', RGBChange)
91    //     .data('slider');
92    // var b = $('#blue').slider()
93    //     .on('slide', RGBChange)
94    //     .data('slider');
95    /* Example 5 */
96    $("#bootstrap_slider5").slider();
97    $("#destroyEx5Slider").on("click",function() {
98        $("#bootstrap_slider5").slider('destroy');
99    });
100
101    /* Example 6 */
102    $("#bootstrap_slider6").slider();
103    $("#bootstrap_slider6").on('slide', function(slideEvt) {
104        $("#ex6SliderVal").text(slideEvt.value);
105    });
106
107    /* Example 7 */
108    $("#bootstrap_slider7").slider();
109    $("#ex7-enabled").on("click",function() {
110        if (this.checked) {
111            $("#bootstrap_slider7").slider("enable");
112            $("#enable_text").text('Disable');
113            $("#slider_enabled").text('Enabled Slider');
114        } else {
115            $("#bootstrap_slider7").slider("disable");
116            $("#enable_text").text('Enable');
117            $("#slider_enabled").text('Disabled Slider');
118        }
119    });
120
121    /* Example 8 */
122    $("#bootstrap_slider8").slider({
123        tooltip: 'always'
124    });
125
126    /* Example 9 */
127    $("#bootstrap_slider9").slider({
128        step: 0.01,
129        value: 8.115
130    });
131    $("#bootstrap_slider10").slider();
132    $(".slider").on("mouseenter mouseleave",function(){
133        $(this).find(".tooltip.tooltip-main").toggleClass("show").removeClass("in");
134    });
135});