https://garringtoneastmidlands.co.uk/wp-content/themes/garrington/assets/js/range-slider.js?ver=1786539292

1jQuery(document).ready(function ($) {
2
3    var inputs = [
4        $(".price-range-min-field input"),
5        $(".price-range-max-field input")
6    ];
7    var inputs2 = [
8        $(".price-range-min-field-pcm input"),
9        $(".price-range-max-field-pcm input")
10    ];
11
12    clearInputs(inputs);
13    clearInputs(inputs2);
14
15    var $rangeSlider = $("#field_deep_price_range");
16    var $rangeSlider2 = $("#field_deep_price_range2");
17
18    if ($('#LEADCF8').val() === 'Rental'){
19        $rangeSlider.hide();
20        $rangeSlider2.show();
21
22        rangeSlider2();
23    } else {
24        $rangeSlider2.hide();
25        $rangeSlider.show();
26
27        rangeSlider1();
28    }
29
30
31
32
33    $('body').on('change', '#LEADCF8', function() {
34        if ($(this).val() === 'Rental'){
35            $rangeSlider.hide();
36            $rangeSlider2.show();
37            rangeSlider2();
38            rangeSlider1destroy();
39            clearInputs(inputs);
40
41        } else {
42            $rangeSlider2.hide();
43            $rangeSlider.show();
44            rangeSlider1();

45            rangeSlider2destroy();
46            clearInputs(inputs2);
47
48        }
49    });
50
51    function numberWithCommas(x) {
52        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
53    }
54
55    function rangeSlider1(){
56
57
58        var rangeSlider = document.getElementById("deep_price_range_slider");
59
60        if (typeof rangeSlider.noUiSlider !== 'undefined') {
61            return;
62        }
63
64        var snapValues = [
65            document.getElementById("slider-snap-value-lower1"),
66            document.getElementById("slider-snap-value-upper1")
67        ];
68
69
70
71        noUiSlider.create(rangeSlider, {
72            start: [500000, 10000000],
73            range: {
74                "min": -1000000,
75                "max":  11600000,
76            },
77            step: 250000,
78            format: wNumb({
79                decimals: 0,
80            }),
81            ariaFormat: wNumb({
82                decimals: 0
83            }),
84        });
85
86        rangeSlider.noUiSlider.on("update", function (values, handle) {
87
88
89            if(values[handle] < 500000){
90                snapValues[handle].innerHTML = "up to £500,000";
91                inputs[handle].val("500000")
92            }else if(values[handle] > 10000000){
93                snapValues[handle].innerHTML = "£10,000,000 and above";
94                inputs[handle].val("10000000")
95            }else{
96                snapValues[handle].innerHTML = "£"+numberWithCommas(values[handle]);
97                inputs[handle].val(values[handle])
98            }
99
100
101        });
102    }
103    function rangeSlider2(){
104
105        var rangeSlider2 = document.getElementById("deep_price_range_slider2");
106
107        if (typeof rangeSlider2.noUiSlider !== 'undefined') {
108            return;
109        }
110
111        var snapValues = [
112            document.getElementById("slider-snap-value-lower2"),
113            document.getElementById("slider-snap-value-upper2")
114        ];
115
116        noUiSlider.create(rangeSlider2, {
117            start: [2000, 5000],
118            range: {
119                "min": 1500,
120                "max":  5500,
121            },
122            step: 100,
123            format: wNumb({
124                decimals: 0,
125            }),
126            ariaFormat: wNumb({
127                decimals: 0
128            }),
129        });
130
131        rangeSlider2.noUiSlider.on("update", function (values, handle) {
132
133
134            if(values[handle] < 2000){
135                snapValues[handle].innerHTML = "up to £2,000";
136                inputs2[handle].val("2000")
137            }else if(values[handle] > 5000){
138                snapValues[handle].innerHTML = "£5,000 and above";
139                inputs2[handle].val("5000")
140            }else{
141                snapValues[handle].innerHTML = "£"+numberWithCommas(values[handle]);
142                inputs2[handle].val(values[handle])
143            }
144
145
146        });
147    }
148
149    function rangeSlider1destroy(){
150        document.getElementById("deep_price_range_slider").noUiSlider.destroy()
151    }

152    function rangeSlider2destroy(){
153        document.getElementById("deep_price_range_slider2").noUiSlider.destroy()
154    }
155
156    function clearInputs(inputs) {
157        inputs.forEach(function($input){
158            $input.val('0');
159        });
160    }
161
162
163});