https://neurosuites.com/static/neurosuite/js/utils/slider_utils.js

1
2
3function set_input_left_for_slider(slider_id, slider, min_val, callback) {
4    slider = slider.noUiSlider;
5    var tooltip_left =  $("#" + slider_id).find('.noUi-handle-lower');
6    tooltip_left.empty();
7    tooltip_left.html($('<div class="noUi-tooltip"><input class="input-below-slider input-below-slider-left" value="' +   min_val + '"></div>'));
8
9    var slider_input = $("#" + slider_id).find('.input-below-slider-left');
10
11    var is_new_input_val = false;
12    var is_enter_clicked = false;
13
14    $("#" + slider_id).find(".input-below-slider-left").on("click", function(e) {
15        $(this).val("");
16        e.preventDefault();
17    });
18
19    slider_input.on("blur", function(e){
20        e.preventDefault();
21        if (is_enter_clicked) {
22            is_enter_clicked = false;
23            is_new_input_val = false;
24        } else {
25            is_new_input_val = true;
26        }
27        slider_input.trigger("change");
28    });
29
30    slider_input.on("keydown", function (e) {
31        var key = e.which;
32        if(key == 13)  // the enter key code
33        {
34            is_enter_clicked = true;
35            $(this).trigger('change');
36            return false;
37        }
38    });
39
40    slider_input.on("change", function(e) {
41        slider.set(this.value);
42    });
43
44    slider.off("slide");
45    slider.on('slide', function (values, handle) {
46        is_new_input_val = true;
47        slider_input.val(values[0]);
48    });
49
50    slider.off("set");
51    slider.on('set', function (values, handle) {
52        if ((is_new_input_val || is_enter_clicked)) {
53            is_new_input_val = false;
54            callback();
55        }
56    });
57}
58
59function set_input_rigth_for_slider(slider_id, slider, max_val, callback) {
60    slider = slider.noUiSlider;
61    var tooltip_right =  $("#" + slider_id).find('.noUi-handle-upper');
62    tooltip_right.empty();
63    tooltip_right.html($('<div class="noUi-tooltip"><input class="input-below-slider input-below-slider-right" value="' +   max_val + '"></div>'));
64
65    var slider_input_left = $("#" + slider_id).find('.input-below-slider-left');
66    var slider_input_right = $("#" + slider_id).find('.input-below-slider-right');
67
68    var is_new_input_val = false;
69    var is_enter_clicked = false;
70
71    $("#" + slider_id).find(".input-below-slider-right").on("click", function(e) {
72        $(this).val("");
73        e.preventDefault();
74    });
75
76    slider_input_right.on("blur", function(e){
77        e.preventDefault();
78        if (is_enter_clicked) {
79            is_enter_clicked = false;
80            is_new_input_val = false;
81        } else {
82            is_new_input_val = true;
83        }
84        slider_input_right.trigger("change");
85    });
86
87    slider_input_right.on("keydown", function (e) {
88        var key = e.which;
89        if(key == 13)  // the enter key code
90        {
91            is_enter_clicked = true;
92            $(this).trigger('change');
93            return false;
94        }
95    });
96
97    slider_input_right.on("change", function(e) {
98        slider.set([null, this.value]);
99    });
100
101    slider_input_left.on("blur", function(e){
102        e.preventDefault();
103        if (is_enter_clicked) {
104            is_enter_clicked = false;
105            is_new_input_val = false;
106        } else {
107            is_new_input_val = true;
108        }
109        slider_input_left.trigger("change");
110    });
111
112    slider_input_left.on("keydown", function (e) {
113        var key = e.which;
114        if(key == 13)  // the enter key code
115        {
116            is_enter_clicked = true;
117            $(this).trigger('change');
118            return false;
119        }
120    });
121
122    slider_input_left.on("change", function(e) {
123        slider.set([this.value, null]);
124    });
125
126    slider.off("slide");
127    slider.on('slide', function (values, handle) {
128        is_new_input_val = true;
129        slider_input_left.val(values[0]);
130        slider_input_right.val(values[1]);
131    });
132
133    slider.off("set");
134    slider.on('set', function (values, handle) {
135        if ((is_new_input_val || is_enter_clicked)) {
136            is_new_input_val = false;
137            callback();
138        }
139    });
140}