(() => {
function updateLabelPosition(ui) {
var handleIndex = ui.handleIndex || 0;
var label = handleIndex === 0 ? jQuery(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min") : jQuery(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max");
console.log(label)
var left = ui.handle.offsetLeft;
label.css("left", left - (label.outerWidth() / 2) + (ui.handle.clientWidth) / 2);
}
jQuery(document).ready(function($) {
$(".price-range-slider[data-id='slider_356f200997']").slider({
range: true,
min: 10,
max: 120,
values: [0, 1000],
create: function(event, ui) {
var handles = $(event.target).find(".ui-slider-handle");
updateLabelPosition({
handle: handles[0],
handleIndex: 0
});
updateLabelPosition({
handle: handles[1],
handleIndex: 1
});
},
slide: function(event, ui) {
updateLabelPosition(ui);
$(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min").text("€" + ui.values[0]);
$(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max").text("€" + ui.values[1]);
},
change: function(event, ui) {
var currentUrl = new URL(window.location.href);
currentUrl.searchParams.set('cena-od', ui.values[0]);
currentUrl.searchParams.set('cena-do', ui.values[1]);
window.location.href = currentUrl.href;
}
});
$(".price-range-slider[data-id='slider_356f200997'] .price-range-label-min").text("€" + $(".price-range-slider[data-id='slider_356f200997']").slider("values", 0));
$(".price-range-slider[data-id='slider_356f200997'] .price-range-label-max").text("€" + $(".price-range-slider[data-id='slider_356f200997']").slider("values", 1));
});
})();