diff --git a/app/views/realEstateFilters.ejs b/app/views/realEstateFilters.ejs index 5d27162..2748210 100644 --- a/app/views/realEstateFilters.ejs +++ b/app/views/realEstateFilters.ejs @@ -94,14 +94,18 @@ const priceMinChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ + const currentValues = priceSliderObject.get(); const newValue = element.currentTarget.value; - priceSliderObject.set([newValue, null]); + const fixedNewValue = newValue > currentValues[1] ? currentValues[1] : newValue; + priceSliderObject.set([fixedNewValue, null]); + $("#priceMin").val(Math.round(priceSliderObject.get()[0])); } } const priceMaxChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ const newValue = element.currentTarget.value; priceSliderObject.set([null, newValue]); + $("#priceMax").val(Math.round(priceSliderObject.get()[1])); } } $("#priceMin").val(priceSliderOptions.start[0]); @@ -111,14 +115,18 @@ const sizeMinChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ + const currentValues = sizeSliderObject.get(); const newValue = element.currentTarget.value; - sizeSliderObject.set([newValue, null]); + const fixedNewValue = newValue > currentValues[1] ? currentValues[1] : newValue; + sizeSliderObject.set([fixedNewValue, null]); + $("#sizeMin").val(Math.round(sizeSliderObject.get()[0])); } } const sizeMaxChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ const newValue = element.currentTarget.value; sizeSliderObject.set([null, newValue]); + $("#sizeMax").val(Math.round(sizeSliderObject.get()[1])); } } $("#sizeMin").val(sizeSliderOptions.start[0]); @@ -141,14 +149,18 @@ gardenSizeSliderObject.on('slide', updateGardenSizeInputs); const gardenSizeMinChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ + const currentValues = gardenSizeSliderObject.get(); const newValue = element.currentTarget.value; - gardenSizeSliderObject.set([newValue, null]); + const fixedNewValue = newValue > currentValues[1] ? currentValues[1] : newValue; + gardenSizeSliderObject.set([fixedNewValue, null]); + $("#gardenSizeMin").val(Math.round(gardenSizeSliderObject.get()[0])); } } const gardenSizeMaxChangeHandler = (element) => { if (element && element.currentTarget && element.currentTarget.value){ const newValue = element.currentTarget.value; gardenSizeSliderObject.set([null, newValue]); + $("#gardenSizeMin").val(Math.round(gardenSizeSliderObject.get()[0])); } } $("#gardenSizeMin").val(gardenSizeSliderOptions.start[0]);