Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | |
| 2 | var ComponentsjQueryUISliders = function () { |
||
| 3 | |||
| 4 | return { |
||
| 5 | //main function to initiate the module |
||
| 6 | init: function () { |
||
| 7 | // basic |
||
| 8 | $(".slider-basic").slider(); // basic sliders |
||
| 9 | |||
| 10 | // vertical range sliders |
||
| 11 | $("#slider-range").slider({ |
||
| 12 | isRTL: Metronic.isRTL(), |
||
| 13 | range: true, |
||
| 14 | values: [17, 67], |
||
| 15 | slide: function (event, ui) { |
||
| 16 | $("#slider-range-amount").text("$" + ui.values[0] + " - $" + ui.values[1]); |
||
| 17 | } |
||
| 18 | }); |
||
| 19 | |||
| 20 | // snap inc |
||
| 21 | $("#slider-snap-inc").slider({ |
||
| 22 | isRTL: Metronic.isRTL(), |
||
| 23 | value: 100, |
||
| 24 | min: 0, |
||
| 25 | max: 1000, |
||
| 26 | step: 100, |
||
| 27 | slide: function (event, ui) { |
||
| 28 | $("#slider-snap-inc-amount").text("$" + ui.value); |
||
| 29 | } |
||
| 30 | }); |
||
| 31 | |||
| 32 | $("#slider-snap-inc-amount").text("$" + $("#slider-snap-inc").slider("value")); |
||
| 33 | |||
| 34 | // range slider |
||
| 35 | $("#slider-range").slider({ |
||
| 36 | isRTL: Metronic.isRTL(), |
||
| 37 | range: true, |
||
| 38 | min: 0, |
||
| 39 | max: 500, |
||
| 40 | values: [75, 300], |
||
| 41 | slide: function (event, ui) { |
||
| 42 | $("#slider-range-amount").text("$" + ui.values[0] + " - $" + ui.values[1]); |
||
| 43 | } |
||
| 44 | }); |
||
| 45 | |||
| 46 | $("#slider-range-amount").text("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1)); |
||
| 47 | |||
| 48 | //range max |
||
| 49 | |||
| 50 | $("#slider-range-max").slider({ |
||
| 51 | isRTL: Metronic.isRTL(), |
||
| 52 | range: "max", |
||
| 53 | min: 1, |
||
| 54 | max: 10, |
||
| 55 | value: 2, |
||
| 56 | slide: function (event, ui) { |
||
| 57 | $("#slider-range-max-amount").text(ui.value); |
||
| 58 | } |
||
| 59 | }); |
||
| 60 | |||
| 61 | $("#slider-range-max-amount").text($("#slider-range-max").slider("value")); |
||
| 62 | |||
| 63 | // range min |
||
| 64 | $("#slider-range-min").slider({ |
||
| 65 | isRTL: Metronic.isRTL(), |
||
| 66 | range: "min", |
||
| 67 | value: 37, |
||
| 68 | min: 1, |
||
| 69 | max: 700, |
||
| 70 | slide: function (event, ui) { |
||
| 71 | $("#slider-range-min-amount").text("$" + ui.value); |
||
| 72 | } |
||
| 73 | }); |
||
| 74 | |||
| 75 | $("#slider-range-min-amount").text("$" + $("#slider-range-min").slider("value")); |
||
| 76 | |||
| 77 | // vertical slider |
||
| 78 | $("#slider-vertical").slider({ |
||
| 79 | isRTL: Metronic.isRTL(), |
||
| 80 | orientation: "vertical", |
||
| 81 | range: "min", |
||
| 82 | min: 0, |
||
| 83 | max: 100, |
||
| 84 | value: 60, |
||
| 85 | slide: function (event, ui) { |
||
| 86 | $("#slider-vertical-amount").text(ui.value); |
||
| 87 | } |
||
| 88 | }); |
||
| 89 | $("#slider-vertical-amount").text($("#slider-vertical").slider("value")); |
||
| 90 | |||
| 91 | // vertical range sliders |
||
| 92 | $("#slider-range-vertical").slider({ |
||
| 93 | isRTL: Metronic.isRTL(), |
||
| 94 | orientation: "vertical", |
||
| 95 | range: true, |
||
| 96 | values: [17, 67], |
||
| 97 | slide: function (event, ui) { |
||
| 98 | $("#slider-range-vertical-amount").text("$" + ui.values[0] + " - $" + ui.values[1]); |
||
| 99 | } |
||
| 100 | }); |
||
| 101 | |||
| 102 | $("#slider-range-vertical-amount").text("$" + $("#slider-range-vertical").slider("values", 0) + " - $" + $("#slider-range-vertical").slider("values", 1)); |
||
| 103 | |||
| 104 | } |
||
| 105 | |||
| 106 | }; |
||
| 107 | |||
| 108 | }(); |