Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | var ComponentsNoUiSliders = function () { |
| 2 | |||
| 3 | return { |
||
| 4 | //main function to initiate the module |
||
| 5 | init: function () { |
||
| 6 | |||
| 7 | // slider |
||
| 8 | |||
| 9 | $('#slider_0').noUiSlider({ |
||
| 10 | direction: (Metronic.isRTL() ? "rtl" : "ltr"), |
||
| 11 | start: 40, |
||
| 12 | connect: "lower", |
||
| 13 | range: { |
||
| 14 | 'min': 0, |
||
| 15 | 'max': 100 |
||
| 16 | } |
||
| 17 | }); |
||
| 18 | |||
| 19 | // slider 1 |
||
| 20 | $("#slider_1").noUiSlider({ |
||
| 21 | direction: (Metronic.isRTL() ? "rtl" : "ltr"), |
||
| 22 | start: [20, 80], |
||
| 23 | range: { |
||
| 24 | min: 0, |
||
| 25 | max: 100 |
||
| 26 | }, |
||
| 27 | connect: true, |
||
| 28 | handles: 2 |
||
| 29 | }); |
||
| 30 | |||
| 31 | // slider 2 |
||
| 32 | $('#slider_2').noUiSlider({ |
||
| 33 | direction: (Metronic.isRTL() ? "rtl" : "ltr"), |
||
| 34 | range: { |
||
| 35 | min: -20, |
||
| 36 | max: 40 |
||
| 37 | }, |
||
| 38 | start: [10, 30], |
||
| 39 | handles: 2, |
||
| 40 | connect: true, |
||
| 41 | step: 1, |
||
| 42 | serialization: { |
||
| 43 | lower: [ |
||
| 44 | $.Link({ |
||
| 45 | target: $("#slider_2_input_start"), |
||
| 46 | method: "val" |
||
| 47 | }) |
||
| 48 | ], |
||
| 49 | upper: [ |
||
| 50 | $.Link({ |
||
| 51 | target: $("#slider_2_input_end"), |
||
| 52 | method: "val" |
||
| 53 | }) |
||
| 54 | ] |
||
| 55 | } |
||
| 56 | |||
| 57 | }); |
||
| 58 | |||
| 59 | // slider 3 |
||
| 60 | $("#slider_3").noUiSlider({ |
||
| 61 | direction: (Metronic.isRTL() ? "rtl" : "ltr"), |
||
| 62 | start: [20, 80], |
||
| 63 | range: { |
||
| 64 | min: 0, |
||
| 65 | max: 100 |
||
| 66 | }, |
||
| 67 | connect: true, |
||
| 68 | handles: 2 |
||
| 69 | }); |
||
| 70 | |||
| 71 | $("#slider_3_checkbox").change(function () { |
||
| 72 | // If the checkbox is checked |
||
| 73 | if ($(this).is(":checked")) { |
||
| 74 | // Disable the slider |
||
| 75 | $("#slider_3").attr("disabled", "disabled"); |
||
| 76 | } else { |
||
| 77 | // Enabled the slider |
||
| 78 | $("#slider_3").removeAttr("disabled"); |
||
| 79 | } |
||
| 80 | }); |
||
| 81 | |||
| 82 | // slider 4 |
||
| 83 | $("#slider_4").noUiSlider({ |
||
| 84 | direction: (Metronic.isRTL() ? "rtl" : "ltr"), |
||
| 85 | start: [20, 80], |
||
| 86 | range: { |
||
| 87 | min: 0, |
||
| 88 | max: 100 |
||
| 89 | }, |
||
| 90 | connect: true, |
||
| 91 | handles: 2 |
||
| 92 | }); |
||
| 93 | |||
| 94 | $("#slider_4_btn").click(function () { |
||
| 95 | alert($("#slider_4").val()); |
||
| 96 | }); |
||
| 97 | } |
||
| 98 | |||
| 99 | }; |
||
| 100 | |||
| 101 | }(); |