';
html +='
';
this.lightbox=$(html);
$('body').prepend(this.lightbox);
$('.arrow_right', this.lightbox).click(function(){ that._next(); });
$('.arrow_left', this.lightbox).click(function(){ that._prev(); });
$('.close', this.lightbox).click(function(){ that._close(); });
};
this._next=function(){
this.current++;
if(this.current > wpcs_lightbox_sources.length - 1) this.current=0;
this._change(wpcs_lightbox_sources[this.current]);
};
this._prev=function(){
this.current--;
if(this.current < 0) this.current=wpcs_lightbox_sources.length - 1;
this._change(wpcs_lightbox_sources[this.current]);
};
this._change=function(src){
$('#wpcs_lightbox_image', this.lightbox).attr('src', src);
};
this._open=function(src){
if(this.lightbox==null) this._create();
this._change(src);
this.lightbox.fadeIn();
};
this._close=function(){
this.lightbox.fadeOut();
};
if(this.gallery.length > 0)
this.__construct();
}
function wpcsInitLightbox(){
var overlay=null;
var lbImg, lbClose, lbPrev, lbNext, lbCounter;
var currentImgs=[];
var lbIndex=0;
var syncGallery=false;
function ensureOverlay(){
if(document.getElementById('wpcs-lightbox')){
overlay=document.getElementById('wpcs-lightbox');
}else{
overlay=document.createElement('div');
overlay.id='wpcs-lightbox';
overlay.className='wpcs-lightbox';
overlay.innerHTML =
'';
html +='
';
html +='![' + wpcs_lightbox_alt + ']()
';
html +='
';
html +='';
html +='
';
html +='
' +
'' +
'![]()
' +
'' +
'' +
'
';
document.body.appendChild(overlay);
}
lbImg=overlay.querySelector('.wpcs-lightbox__img');
lbClose=overlay.querySelector('.wpcs-lightbox__close');
lbPrev=overlay.querySelector('.wpcs-lightbox__nav--prev');
lbNext=overlay.querySelector('.wpcs-lightbox__nav--next');
lbCounter=overlay.querySelector('.wpcs-lightbox__counter');
}
function updateImg(){
if(!currentImgs.length) return;
var el=currentImgs[lbIndex];
lbImg.setAttribute('src', el.dataset.lightboxSrc||el.getAttribute('src'));
if(lbCounter) lbCounter.textContent=(lbIndex + 1) + ' / ' + currentImgs.length;
}
function openLightbox(imgs, index, sync){
ensureOverlay();
currentImgs=imgs;
lbIndex=index||0;
syncGallery = !!sync;
updateImg();
overlay.classList.add('open');
document.body.style.overflow='hidden';
lbClose.onclick=closeLightbox;
lbPrev.onclick=function(){ goTo(lbIndex - 1); };
lbNext.onclick=function(){ goTo(lbIndex + 1); };
overlay.onclick=function(e){ if(e.target===overlay) closeLightbox(); };}
function closeLightbox(){
if(overlay) overlay.classList.remove('open');
document.body.style.overflow='';
}
function goTo(index){
lbIndex=(index + currentImgs.length) % currentImgs.length;
updateImg();
if(syncGallery&&window._wpcsGallery) window._wpcsGallery.goTo(lbIndex);
}
document.addEventListener('click', function(e){
var trigger=e.target.closest('[data-lightbox-source]');
if(!trigger) return;
e.preventDefault();
var imgs=Array.from(document.querySelectorAll(trigger.dataset.lightboxSource));
if(!imgs.length) return;
var sync=trigger.dataset.lightboxSync==='gallery';
var index=sync&&window._wpcsGallery
? window._wpcsGallery.getCurrent()
: parseInt(trigger.dataset.lightboxIndex||'0', 10);
openLightbox(imgs, index, sync);
});
document.addEventListener('keydown', function(e){
if(!overlay||!overlay.classList.contains('open')) return;
if(e.key==='Escape') closeLightbox();
if(e.key==='ArrowLeft') goTo(lbIndex - 1);
if(e.key==='ArrowRight') goTo(lbIndex + 1);
});
}
function WPCSCompare(){
var that=this;
var table=null;
this.__construct=function(){
this.table=$('#wpcs_compare_table');
this.vehicle_count=null;
if(this.table.length > 0){
this.initSectionLinks();
this.initRemoveBtn();
}
this._init_compare_buttons();
};
this._init_compare_buttons=function(collection){
$('.wpcs_compare_toggle_btn', collection).click(function(e){
e.preventDefault();
var btn=$(this);
var todo=$(this).hasClass('wpcs_in_comparison') ? 'removeFromList':'addToList';
var vehicle_id=$(this).attr('data-vehicle-id');
var spinner=$('.wpcs_icon_spinner', btn);
spinner.css('display', 'inline-block');
$.ajax({
method: 'POST',
url: wpcs_ajax_url,
data: { action: 'wpcs_compare', todo: todo, vehicle_id: vehicle_id },
success: function(data){
spinner.hide();
if(!data.error){
btn.toggleClass('wpcs_in_comparison');
that.vehicle_count=data.count;
that._refreshCounter();
}}
});
});
}
this._refreshCounter=function(){
let element=$('.wpcs_count_vehicles_compared');
element.html(that.vehicle_count);
element.each(function(){
this.classList.remove("wpcs_animated");
this.offsetWidth;
this.classList.add('wpcs_animated');
});
}
this.initSectionLinks=function(){
$('a.section_link', that.table).click(function(e){
e.preventDefault();
var rel=$(this).attr('rel');
$('tr[rel=' + rel + ']').toggleClass('wpcs_hidden');
$(this).toggleClass('closed');
});
};
this.initRemoveBtn=function(){
$('.wpcs_compare_table_remove_btn').click(function(e){
e.preventDefault();
var vehicle_id=$(this).attr('data-vehicle-id');
var btn=this;
var spinner=$('.wpcs_icon_spinner', btn);
spinner.css('display', 'inline-block');
$.ajax({
method: 'POST',
url: wpcs_ajax_url,
data: { action: 'wpcs_compare', todo: 'removeFromList', vehicle_id: vehicle_id },
success: function(data){
spinner.hide();
if(!data.error){
that._removeFromTable(vehicle_id);
}}
});
});
};
this._setWidth=function(){
var count=this._countCars() + 1;
var percent=100 / count;
$('td', this.table).not('.header').css('width', percent + '%');
};
this._removeFromTable=function(vehicle_id){
jQuery('td[data-vehicle-id=' + vehicle_id + ']', this.table).remove();
var count=this._countCars();
$('td.header', this.table).attr('colspan', count);
if(count==1){
$('#wpcs_vehicle_compare').html('1 / 1
' +
'Keine Fahrzeuge zum Vergleichen ausgewählt.
'); }}; this._countCars=function(){ var cars=$('td.header', this.table).first().attr('colspan') - 1; return cars; }; this.__construct(); } function WPCSOrderbar(){ var that=this; this.__construct=function(){ this.initOrderBar(); }; this.initOrderBar=function(){ $('.dxim_ff_order_bar a.dxim_set_order').click(function(e){ e.preventDefault(); var orderby=$(this).attr('data-orderby'); var order=$('.dxim_ff_order_bar').attr('data-order'); var new_order=(order=='asc') ? 'desc':'asc'; $('#dxim_orderby_hidden').val(orderby); $('#dxim_order_hidden').val(new_order); that.refresh(new_order, orderby); wpcs_form.submit(); }); }; this.refresh=function(order, orderby){ $('.dxim_ff_order_bar').each(function(){ let bar=$(this); bar.attr('data-order', order); $('a.dxim_set_order', bar).each(function(){ var tmp_orderby=$(this).attr('data-orderby'); if(tmp_orderby==orderby) $(this).addClass('current'); else $(this).removeClass('current'); }); }); } this.__construct(); } function animateValue(obj, start, end, duration){ let startTimestamp=null; const step=(timestamp)=> { if(!startTimestamp) startTimestamp=timestamp; const progress=Math.min((timestamp - startTimestamp) / duration, 1); let value=Math.floor(progress * (end - start) + start); $(obj).attr('data-value', value); obj.innerHTML=value.toLocaleString('de-DE'); if(progress < 1){ window.requestAnimationFrame(step); }}; window.requestAnimationFrame(step); } function WPCSForm(){ var that=this; var ajax=false; this.is_loading=false; this.isResetting=false; this.preFilterTimeout=null; this.scrollTopAfterSubmit=false; this.keyUpDelay=null; this.serialize=function(){ that._serializeMultipleCheckbox(); let formdata=$('.dxim_filter :input').serialize(); return formdata; } this.__construct=function(){ if($('#wpcs_vehicle_archive[data-ajax="1"]').length > 0) this.ajax=1; this.initWpcsSelect(); this.initCheckboxes(); this.initSlider(); this.initActiveFilters(); this.initRange(); this.initSubmit(); this.initColorSelect(); this.initPagination(); this.initMultipleCheckbox(); this.initTextField(); this.initLayoutSelector(); $(document).on('wpcs_ajax_form_submitted', this.scrollTop); $(document).on('wpcs_reset_all_filters', function(){ that.resetAllFilters(); }); $(document).on('click', '.wpcs_reset_all_filters_btn', function(e){ e.preventDefault(); that.resetAllFilters(); }); }; this.scrollTop=function(){ if(!that.scrollTopAfterSubmit) return; $([document.documentElement, document.body]).animate({ scrollTop: $(".wpcs_vehicles").offset().top }, 1000); that.scrollTopAfterSubmit=false; } this._serializeMultipleCheckbox=function(){ $('.wpcs_multiple_checkbox').each(function(){ let wrapper=this; let hidden=$('.wpcs_element_value', wrapper); let valueStr=''; $('.wpcs_selectable.selected', wrapper).each(function(z){ if(z!=0) valueStr +=','; valueStr +=$(this).data('value'); }); hidden.val(valueStr); }); } this.resetMultipleCheckbox=function(filter){ $('.wpcs_multiple_checkbox[data-filter="' + filter + '"] .wpcs_selectable.selected').removeClass('selected'); } this.initMultipleCheckbox=function(){ $('.wpcs_multiple_checkbox').each(function(){ let wrapper=this; $('.wpcs_selectable', wrapper).click(function(){ $(this).toggleClass('selected'); that._preFilterAmount(); }); }); } this.initRange=function(){ if(typeof noUiSlider==='undefined') return; $('.dxim_filter_range').each(function(){ var slider_timeout=null; let slider_wrapper=$(this); let key=slider_wrapper.data('key'); let filter_1=slider_wrapper.data('filter-1'); let filter_2=slider_wrapper.data('filter-2'); let start_val=slider_wrapper.data('start'); let step=slider_wrapper.data('step'); let end_val=slider_wrapper.data('end'); let slider=document.getElementById('wpcs_fs_' + key); let range=wpcs_slider_ranges[key]; let unit=slider_wrapper.data('unit'); let label=slider_wrapper.data('label'); let formatting=parseInt(slider_wrapper.data('formatting')); let input_1=jQuery('#wpcs_fv_' + filter_1); let label_1=jQuery('#wpcs_fl_' + filter_1); let input_2=jQuery('#wpcs_fv_' + filter_2); let label_2=jQuery('#wpcs_fl_' + filter_2); let min_input=jQuery('.min_input', slider_wrapper); let max_input=jQuery('.max_input', slider_wrapper); noUiSlider.create(slider, { start: [start_val, end_val], format: { to: function(value){ return Math.round(value); }, from: function(value){ return Math.round(value); }}, step: step, connect: true, range: range }); slider.noUiSlider.on('update', function(values){ let val_min=values[0]; let val_max=values[1]; let html_min=val_min; let html_max=val_max; min_input.val(val_min); max_input.val(val_max); if(val_min==range.min&&val_max==range.max){ val_min=val_max='#'; html_min=range.min; html_max=range.max; } if(val_min=='#'&&val_max=='#') slider_wrapper.addClass('inactive'); else slider_wrapper.removeClass('inactive'); input_1.val(val_min); input_2.val(val_max); if(formatting > 0){ html_min=html_min.toLocaleString('de-DE'); html_max=html_max.toLocaleString('de-DE'); } label_1.html(html_min + " " + unit); label_2.html(html_max + " " + unit); }); slider.noUiSlider.on('set', function(){ that._preFilterAmount(); }); $('.min_input, .max_input', slider_wrapper).focus(function(){ $(this).data('current-value', $(this).val()); $(this).val(""); }); $('.min_input, .max_input', slider_wrapper).focusout(function(){ let val=$(this).val(); if(val==="") $(this).val($(this).data('current-value')); slider.noUiSlider.set([min_input.val(), max_input.val()]); }); $('.noUi-handle-upper', slider_wrapper).attr('aria-label', label + " größter Wert"); $('.noUi-handle-lower', slider_wrapper).attr('aria-label', label + " kleinster Wert"); }); }; this.initSlider=function(){ if(typeof noUiSlider==='undefined') return; $('.dxim_filter_slider').each(function(){ let slider_timeout=null; let slider_wrapper=$(this); let key=slider_wrapper.attr('data-key'); let start_val=slider_wrapper.attr('data-start'); let default_value=slider_wrapper.data('default'); let unit=slider_wrapper.data('unit'); let formatting=parseInt(slider_wrapper.data('formatting')); let step=slider_wrapper.data('step'); let label=slider_wrapper.data('label'); let slider=document.getElementById('wpcs_fs_' + key); let range=wpcs_slider_ranges[key]; let input=jQuery('#wpcs_fv_' + key); let label_current=jQuery('#wpcs_fl_' + key + '_current'); let input_label=jQuery('.input_label', slider_wrapper); noUiSlider.create(slider, { start: [start_val], connect: 'lower', range: range, step: step, }); slider.noUiSlider.on('update', function(value){ let val=Math.round(value); let label=val; input_label.val(val); if(value==default_value){ val='#'; label=default_value; } if(formatting > 0){ label=label.toLocaleString('de-DE'); } input.val(val); label_current.html(label + " " + unit); }); slider.noUiSlider.on('set', function(value){ that._preFilterAmount(); }); $('.input_label', slider_wrapper).focus(function(){ $(this).data('current-value', $(this).val()); $(this).val(""); }); $('.input_label', slider_wrapper).focusout(function(){ let val=$(this).val(); if(val===""){ $(this).val($(this).data('current-value')); val=$(this).val(); } slider.noUiSlider.set(val); }); $('.noUi-handle-lower', slider_wrapper).attr('aria-label', "setze Wert für " + label); }); }; this.initColorSelect=function(){ $('.wpcs_color_select').each(function(){ let c=this; $('.color', c) .click(function(){ let i=0; let values=[] $(this).toggleClass('active'); $('.color', c).each(function(){ if($(this).hasClass('active')){ values[i]=$(this).data('key'); i++; }}); $('.color_value', c).val(values.join(",")); that._preFilterAmount(); }) .keydown(function(e){ if(e.key==="Enter"||e.key===" "){ $(this).trigger('click'); }}); }); } this.initTextField=function(){ $('.dxim_filter input[type=text]').keyup(function(){ if(that.keyUpDelay!==null) window.clearTimeout(that.keyUpDelay); that.keyUpDelay=window.setTimeout(function(){ that._preFilterAmount(); }, 800); }); } this.initLayoutSelector=function(){ $('#wpcs_archive_layout_selector .button') .click(function(){ $('#wpcs_archive_layout_selector .button').removeClass('active'); let mode=$(this).data('type'); $('#wpcs_archive_layout_selector input').val(mode); vehicle_list_properties.layout=mode; $(this).addClass('active'); that.submit(); }) .keydown(function(e){ if(e.key==="Enter"||e.key===" ") $(this).trigger('click'); }); } this.initPagination=function(){ $('.wpcs-pagination a[data-wpcsp]').off('click.wpcs-pagination').on('click.wpcs-pagination', function(e){ if($('#wpcs_hidden_wpcsp').length===0) return; e.preventDefault(); let wpcsp=$(this).data('wpcsp'); $('#wpcs_hidden_wpcsp').val(wpcsp); that.scrollTopAfterSubmit=true; that.submit(); }); } this.initWpcsSelect=function(){ $('.wpcsselect', '.dxim_filter').each(function(){ let select=$(this); let field=select.data('field'); let dxim_filter=$('.dxim_filter[data-filter-name="' + field + '"]'); let load=dxim_filter.data('load'); let values=dxim_filter.data('values'); if(select.hasClass('dxim_order_select')){ select.wpcsselect({ onSelect: function(){ let val=$('.wpcs_select_value', select).val(); $('#dxim_order_hidden').val(val); if(that.ajax) that._preFilterAmount(); }}); }else if(select.hasClass('dxim_orderby_select')){ select.wpcsselect({ onSelect: function(){ let val=$('.wpcs_select_value', select).val(); $('#dxim_orderby_hidden').val(val); if(that.ajax) that._preFilterAmount(); }}); }else{ select.wpcsselect({ ajax: { url: wpcs_ajax_url, dataType: 'json', method: 'POST', data: function(){ var query={ action: 'getData', field: field, load: load, values: values, init_ajax_data: 1, filterFormData: that.serialize(), }; return query; }, }, onSelect: function(){ if(field==="make"){ that.resetSelect("model"); } if(that.preFilterTimeout!==null) window.clearTimeout(that.preFilterTimeout); that.preFilterTimeout=window.setTimeout(that._preFilterAmount, 800); }}); }}); }; this.initActiveFilters=function(){ $('.wpcs_filterform_active_filters .active_filter').each(function(){ let filter=this; let key=$(filter).data('key'); let type=$(filter).data('type'); $('.reset', filter) .click(function(){ if(type=="select"){ that.resetSelect(key); that._resetPageNr(); that.submit(); } if(type=="checkbox"){ that.resetCheckbox(key); that._resetPageNr(); that.submit(); } if(type=="multiple_checkbox"){ that.resetMultipleCheckbox(key); that._resetPageNr(); that.submit(); } if(type=="text"){ that.resetText(key); that._resetPageNr(); that.submit(); } if(type=="slider"){ that.resetSlider(key); that._resetPageNr(); that.submit(); } if(type=="color"){ that.resetColor(key); that._resetPageNr(); that.submit(); } if(type=="custom"){ $(document).trigger("wpcs_ajax_remove_filter", [key]); } filter.remove(); }) .keydown(function(e){ if(e.key==="Enter"||e.key===" ") $(this).trigger('click'); }); }); } this.initCheckboxes=function(){ $('.dxim_filter input[type=checkbox]').click(function(){ that._preFilterAmount(); }); }; this._preFilterAmount=function(){ if(that.isResetting) return; that._resetPageNr(); if(that.ajax){ that.submitAjax(); }else{ $.ajax({ method: 'POST', url: wpcs_ajax_url, data: { action: 'getPreFilteredAmount', filterFormData: that.serialize(), init_ajax_data: 1 }, success: function(data){ that._refreshCounterValues(data); }}); }}; this._refreshCounterValues=function(data){ let old_val=Math.round($('.wpcs_search_count').eq(0).attr('data-value')); $('.wpcs_search_count').each(function(){ animateValue(this, old_val, data, 500); }); } this.initSubmit=function(){ $('.dxim_filter_form_submit').click(function(e){ e.preventDefault(); let target=$('#wpcs_vehicle_archive'); let redirect_url=$(this).attr('data-redirect'); let url=''; if(redirect_url!=undefined&&redirect_url!=""){ url=redirect_url; that.ajax=false; }else{ if(target.length < 1) url=wpcs_archive_url; else url=wpcs_current_url; } that.submit(url); }); }; this.submit=function(force_url){ if(that.ajax){ that.submitAjax(); return; } let url=''; if(!force_url){ let target=$('#wpcs_vehicle_archive'); if(target.length < 1) url=wpcs_archive_url; else url=wpcs_current_url; } else url=force_url; let data=that.serialize(); url +="?" + data; url +='#wpcs_vehicles'; window.location.href=url; } this._resetPageNr=function(){ $('#wpcs_hidden_wpcsp').val(1); } this.submitAjax=function(append=0){ vehicle_list_properties.append=append; that.setLoadingState(); $.ajax({ method: 'POST', url: wpcs_ajax_url, data: { action: 'wpcs_fetchResults', filterFormData: that.serialize(), init_ajax_data: 1, vehicle_list_data: vehicle_list_properties }, success: function(json){ let new_vehicles=$(json.vehicle_list_html); if(append > 0){ $('#wpcs_vehicle_archive .wpcs_vehicles_wrapper').append(new_vehicles); }else{ $('#wpcs_vehicle_archive').replaceWith(new_vehicles); $('#wpcs_hidden_wpcsp').val(1); if(json.max_pages!==undefined) vehicle_list_properties.max_pages=json.max_pages; $('.wpcs-pagination, .dxim_pagination').replaceWith(json.pagination); that.initPagination(); $('.wpcs_filterform_active_filters').replaceWith(json.active_filters); that.initActiveFilters(); that._refreshCounterValues(json.count); } that.hideLoadingState(); wpcs_compare._init_compare_buttons(new_vehicles); wpcs_park._initToggleButtons(new_vehicles); $(document).trigger("wpcs_ajax_form_submitted"); }}); } this.setLoadingState=function(){ this.is_loading=true; $('.wpcs_ajax_loader[data-category=sync]').addClass('active'); } this.hideLoadingState=function(){ this.is_loading=false; $('.wpcs_ajax_loader[data-category=sync]').removeClass('active'); } this.resetSelect=function(key){ let obj=$('.wpcsselect[data-field=' + key + ']'); if(obj.length < 1) return; $('.wpcs_select_handle', obj).html(obj.data('nothing-selected')); $('.wpcs_select_value', obj).val(''); } this.resetCheckbox=function(key){ let input=$('input[name=' + key + ']'); input.prop('checked', false); } this.resetText=function(key){ $('input[name=' + key + ']').val(''); } this.resetSlider=function(key){ let $modernWrapper=$( '.wpcs-range-wrapper[data-key="' + key + '"], ' + '.wpcs-range-wrapper[data-filter-1="' + key + '"], ' + '.wpcs-range-wrapper[data-filter-2="' + key + '"]' ); if($modernWrapper.length){ $modernWrapper.each(function(){ let wrapper=this; let minInput=wrapper.querySelector('.wpcs-range-min'); let maxInput=wrapper.querySelector('.wpcs-range-max'); let numMin=wrapper.querySelector('.wpcs-range-number-min'); let numMax=wrapper.querySelector('.wpcs-range-number-max'); let rangeMin=parseInt(wrapper.getAttribute('data-min')); let rangeMax=parseInt(wrapper.getAttribute('data-max')); if(minInput&&maxInput){ minInput.value=minInput.min; maxInput.value=maxInput.max; }else if(minInput){ let wKey=wrapper.getAttribute('data-key')||''; minInput.value=wKey.indexOf('_max')!==-1 ? minInput.max:minInput.min; } if(numMin) numMin.value=rangeMin; if(numMax) numMax.value=rangeMax; ['input', 'change'].forEach(function(evt){ if(minInput) minInput.dispatchEvent(new Event(evt, {bubbles: true})); if(maxInput) maxInput.dispatchEvent(new Event(evt, {bubbles: true})); }); }); return; } if(typeof noUiSlider==='undefined') return; let obj=$('#wpcs_fs_' + key); if(obj.length < 1){ let key2=key.replace('_max', '').replace('_min', ''); let obj2=$('#wpcs_fs_' + key2); if(obj2.length < 1) return; const slider=obj2[0].noUiSlider; if(!slider) return; if(window.wpcs_slider_ranges&&window.wpcs_slider_ranges[key2]){ const { min, max }=window.wpcs_slider_ranges[key2]; slider.set([min, max]); } return; } const slider=obj[0].noUiSlider; if(!slider) return; const range=window.wpcs_slider_ranges[key]; if(!range) return; let value=key.endsWith('_min') ? range.min:range.max; slider.set(value); }; this.resetColor=function(key){ let obj=$('.dxim_filter[data-filter-name=' + key + '] .wpcs_color_select'); $('.color_value', obj).val(''); $('.color.active', obj).removeClass('active'); } this.resetAllFilters=function(){ that.isResetting=true; $('.dxim_filter[data-filter-name]').each(function(){ let wrapper=$(this); let key=wrapper.attr('data-filter-name'); let type=wrapper.attr('data-filter-type'); if(type==='select'){ that.resetSelect(key); }else if(type==='checkbox'){ that.resetCheckbox(key); }else if(type==='multiple_checkbox'){ that.resetMultipleCheckbox(key); }else if(type==='text'){ that.resetText(key); }else if(type==='color'){ wrapper.find('.color_value').val(''); wrapper.find('.color.active').removeClass('active'); }else if(type==='slider'){ that.resetSlider(key); }else if(type==='range'){ let rangeEl=wrapper.find('.dxim_filter_range'); let filter1=rangeEl.attr('data-filter-1'); let filter2=rangeEl.attr('data-filter-2'); if(filter1) $('#wpcs_fv_' + filter1).val('#'); if(filter2) $('#wpcs_fv_' + filter2).val('#'); that.resetSlider(key + '_min'); }}); that.isResetting=false; that._resetPageNr(); that.submit(); }; this.setSelect=function(key, value, filterFormData){ let obj=$('.dxim_filter[data-filter-name=' + key + '] .wpcsselect'); if(obj.length < 1) return; if(!value){ that.resetSelect(key); return; } $('.wpcs_select_value', obj).val(value); $('.wpcs_select_delete', obj).show(); $('.wpcs_select_handle', obj).text(value); $.ajax({ method: 'POST', url: wpcs_ajax_url, dataType: 'json', data: { action: 'getData', field: key, load: 'all', filterFormData: filterFormData||'' }}).done(function(data){ let selectedValues=value.split(','); let labels=[]; for (let index in data){ if(selectedValues.indexOf(String(data[index]['id']))!==-1){ labels.push(data[index]['text']); }} if($('.wpcs_select_value', obj).val()!==value) return; let handleText; if(labels.length===0) handleText=value; else if(labels.length===1) handleText=labels[0]; else handleText=labels.length + ' ausgewählt'; $('.wpcs_select_handle', obj).html(handleText); }); }; this.setCheckbox=function(key, value){ $('input[name=' + key + ']', '.dxim_filter').prop('checked', value==='1'||value==='on'); }; this.setText=function(key, value){ $('input[name=' + key + ']', '.dxim_filter').val(value); }; this.setMultipleCheckbox=function(key, value){ let wrapper=$('.dxim_filter[data-filter-name=' + key + ']'); let vals=value ? value.split(','):[]; wrapper.find('.wpcs_element_value').val(value); wrapper.find('.wpcs_selectable').each(function(){ $(this).toggleClass('selected', vals.indexOf(String($(this).data('value')))!==-1); }); }; this.setColor=function(key, value){ let obj=$('.dxim_filter[data-filter-name=' + key + '] .wpcs_color_select'); let vals=value ? value.split(','):[]; $('.color_value', obj).val(value); $('.color', obj).each(function(){ $(this).toggleClass('active', vals.indexOf(String($(this).data('key')))!==-1); }); }; this.setSlider=function(key, value){ let el=document.getElementById('wpcs_fs_' + key); if(!el||!el.noUiSlider) return; el.noUiSlider.set(parseFloat(value)); }; this.setRange=function(key, minValue, maxValue){ let el=document.getElementById('wpcs_fs_' + key); if(!el||!el.noUiSlider) return; let cur=el.noUiSlider.get(); let newMin=(minValue!==null&&minValue!==undefined) ? parseFloat(minValue):parseFloat(cur[0]); let newMax=(maxValue!==null&&maxValue!==undefined) ? parseFloat(maxValue):parseFloat(cur[1]); el.noUiSlider.set([newMin, newMax]); }; this.applyFilterset=function(params){ that.isResetting=true; $('.dxim_filter[data-filter-name]').each(function(){ let key=$(this).attr('data-filter-name'); let type=$(this).attr('data-filter-type'); if(type==='select') that.resetSelect(key); else if(type==='checkbox') that.resetCheckbox(key); else if(type==='multiple_checkbox') that.resetMultipleCheckbox(key); else if(type==='text') that.resetText(key); else if(type==='color') that.resetColor(key); else if(type==='slider') that.resetSlider(key); else if(type==='range') that.resetSlider(key + '_min'); }); that._resetPageNr(); let rangeHandled={}; $('.dxim_filter[data-filter-type="range"]').each(function(){ let key=$(this).attr('data-filter-name'); let rangeEl=$(this).find('.dxim_filter_range'); let f1=rangeEl.attr('data-filter-1'); let f2=rangeEl.attr('data-filter-2'); if(params[f1]===undefined&¶ms[f2]===undefined) return; that.setRange(key, params[f1]!==undefined ? params[f1]:null, params[f2]!==undefined ? params[f2]:null ); if(f1) rangeHandled[f1]=true; if(f2) rangeHandled[f2]=true; }); let paramsFormData=Object.keys(params).map(function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(params[k]); }).join('&'); $.each(params, function(key, value){ if(rangeHandled[key]) return; let w=$('.dxim_filter[data-filter-name="' + key + '"]'); if(w.length===0) return; let type=w.attr('data-filter-type'); if(type==='select') that.setSelect(key, value, paramsFormData); else if(type==='checkbox') that.setCheckbox(key, value); else if(type==='text') that.setText(key, value); else if(type==='multiple_checkbox') that.setMultipleCheckbox(key, value); else if(type==='color') that.setColor(key, value); else if(type==='slider') that.setSlider(key, value); }); that.isResetting=false; that.submitAjax(); }; this.__construct(); } function WPCSContactForm(){ var that=this; this.form=null; this.spinner=null; this.__construct=function(){ $('.wpcs_contact_form').each(function(){ let form=this; that._initSubmit(form); that._initConditionalFields(form); that._initTimeSelects(form); that._initDateValidation(form); }); }; this._setForm=function(form){ this.form=$(form); this.spinner=$('.wpcs_form_submit .wpcs_icon_spin', form); } this._initSubmit=function(form){ $('.wpcs_form_submit', form).click(function(e){ e.preventDefault(); that._setForm(form); if($(this).hasClass('ga')){ grecaptcha.execute(wpcs_ga_public_key, { action: "submit" }).then(function(token){ that.sendForm(token); }); }else{ that.sendForm(); }}); } this.sendForm=function(token){ this.spinner.css('display', 'inline-block'); let redirect=$(this.form).data('redirect'); var $hiddenInputs=$('.wpcs_conditional_field.wpcs_hidden input, .wpcs_conditional_field.wpcs_hidden select, .wpcs_conditional_field.wpcs_hidden textarea', this.form); $hiddenInputs.prop('disabled', true); var formData=that.form.serialize(); $hiddenInputs.prop('disabled', false); $.ajax({ method: 'POST', url: wpcs_ajax_url, data: { action: 'wpcs_contactform', post: formData, token: token }, success: function(data){ that.spinner.hide(); that.unhighlightFormFields(); if(data.status===-1) that.highlightFormFields(data); else { that.form.parent().html(data.msg); if(redirect!="") window.location.href=redirect; }} }); }; this.unhighlightFormFields=function(){ $('label', this.form).removeClass('required'); $('.wpcs-error-msg', this.form).hide(); }; this.highlightFormFields=function(data){ $('.wpcs-error-msg', this.form).fadeIn(); $(data.error).each(function(){ $('label[rel=' + this + ']', this.form).addClass('required'); }); }; this._initConditionalFields=function(form){ var $form=$(form); var groups=$('.wpcs_conditional_group', $form); var conditionalFields=$('.wpcs_conditional_field', $form); if(groups.length < 1&&conditionalFields.length < 1) return; var checkConditions=function(){ groups.each(function(){ var $group=$(this); var condField=$group.data('condition-field'); var condValue=$group.data('condition-value'); var checked=$('input[name="' + condField + '[]"][value="' + condValue + '"]', $form).is(':checked'); if(checked) $group.removeClass('wpcs_hidden'); else $group.addClass('wpcs_hidden'); }); conditionalFields.each(function(){ var $field=$(this); var conditions=$field.data('conditions'); if(!conditions||!Array.isArray(conditions)) return; var isVisible=false; for (var i=0; i < conditions.length; i++){ var cond=conditions[i]; var triggerField=cond.field; var triggerValue=cond.value; var checkboxChecked=$('input[name="' + triggerField + '[]"][value="' + triggerValue + '"]', $form).is(':checked'); var selectValue=$('select[name="' + triggerField + '"]', $form).val(); var selectMatches=selectValue===triggerValue; var hiddenValue=$('input[type="hidden"][name="' + triggerField + '"]', $form).val(); var hiddenMatches=hiddenValue===triggerValue; if(checkboxChecked||selectMatches||hiddenMatches){ isVisible=true; break; }} if(isVisible){ $field.removeClass('wpcs_hidden'); }else{ $field.addClass('wpcs_hidden'); }}); }; $form.on('change', 'input[type="checkbox"], input[type="hidden"], select', checkConditions); checkConditions(); }; this._initTimeSelects=function(form){ var $form=$(form); $('.wpcs_time_picker', $form).each(function(){ var $picker=$(this); var $input=$('.wpcs_time_input', $picker); var $hiddenField=$('.wpcs_time_value', $picker); var $dropdown=$('.wpcs_time_dropdown', $picker); var $hoursList=$('.wpcs_time_hours', $picker); var $minutesList=$('.wpcs_time_minutes', $picker); var selectedHour=null; var selectedMinute=null; $input.on('click', function(e){ e.preventDefault(); e.stopPropagation(); $('.wpcs_time_picker').not($picker).removeClass('wpcs_open'); $picker.toggleClass('wpcs_open'); }); $dropdown.on('click', function(e){ e.stopPropagation(); }); $('.wpcs_time_option', $hoursList).on('click', function(e){ e.stopPropagation(); selectedHour=$(this).data('value'); $('.wpcs_time_option', $hoursList).removeClass('wpcs_active'); $(this).addClass('wpcs_active'); updateDisplay(); }); $('.wpcs_time_option', $minutesList).on('click', function(e){ e.stopPropagation(); selectedMinute=$(this).data('value'); $('.wpcs_time_option', $minutesList).removeClass('wpcs_active'); $(this).addClass('wpcs_active'); updateDisplay(); }); var updateDisplay=function(){ var displayHour=selectedHour!==null ? selectedHour:'--'; var displayMinute=selectedMinute!==null ? selectedMinute:'--'; $input.val(displayHour + ':' + displayMinute); if(selectedHour!==null&&selectedMinute!==null){ $hiddenField.val(selectedHour + ':' + selectedMinute); }else{ $hiddenField.val(''); }};}); $(document).off('click.timepicker').on('click.timepicker', function(e){ if(!$(e.target).closest('.wpcs_time_picker').length){ $('.wpcs_time_picker').removeClass('wpcs_open'); }}); }; this._initDateValidation=function(form){ var $form=$(form); $('input[type="date"]', $form).on('change', function(){ var $input=$(this); var value=$input.val(); var min=$input.attr('min'); var max=$input.attr('max'); if(!value) return; if(min&&value < min){ $input.val(min); } if(max&&value > max){ $input.val(max); }}); }; this.__construct(); } function add_body_classes(){ if(typeof wpcs_screen_width_mobile=="undefined"||typeof wpcs_screen_width_tablet=="undefined") return; let w=$(this).width(); if(w <=wpcs_screen_width_mobile) $('body').addClass('wpcs_mobile').removeClass('wpcs_tablet').removeClass('wpcs_desktop'); else if(w <=wpcs_screen_width_tablet) $('body').removeClass('wpcs_mobile').addClass('wpcs_tablet').removeClass('wpcs_desktop'); else $('body').removeClass('wpcs_mobile').removeClass('wpcs_tablet').addClass('wpcs_desktop'); } $(window).resize(function(){ add_body_classes(); }); function WPCSScroller(scroller){ var that=this; this.scroller=scroller; this.__construct=function(){ $(this.scroller).on('scroll', that.updateClasses); $(window).on('resize', that.updateClasses); this.updateClasses(); } this.updateClasses=function(){ if(that.scroller.scrollLeft > 0){ that.scroller.classList.add('can_scroll_left'); }else{ that.scroller.classList.remove('can_scroll_left'); } if(that.scroller.scrollLeft < that.scroller.scrollWidth - that.scroller.clientWidth){ that.scroller.classList.add('can_scroll_right'); }else{ that.scroller.classList.remove('can_scroll_right'); }} this.__construct(); } function WPCSSticky(sticky){ var that=this; this.sticky=$(sticky); this.width; this.offsetStart; this.offsetStop; this.initialTop; this.stickyStartObj; this.stickyStopObj; this.__construct=function(){ this.stickyStartObj=$(this.sticky.data('sticky-start')); this.stickyStopObj=$(this.sticky.data('sticky-stop')); this.offsetStart=parseInt(this.sticky.data('sticky-start-offset'))||0; this.offsetStop=parseInt(this.sticky.data('sticky-stop-offset'))||0; $(window).on('scroll', function(){ that.update(); }); $(window).on('resize', function(){ that.update(); }); this.update(); } this.update=function(){ if($(window).width() < 1024){ that.setSticky(false); return; } let stickyStart=this.stickyStartObj.length ? this.stickyStartObj.position().top + this.stickyStartObj.outerHeight():0; if(!this.sticky.hasClass('isSticky')) this.initialTop=this.sticky.offset().top; let position=this.initialTop; var scrollTop=$(window).scrollTop(); let isSticky=false; let top=0; if((scrollTop + stickyStart >=position)){ top=stickyStart + this.offsetStart; isSticky=true; } if(isSticky&&this.stickyStopObj.length > 0){ let check=this.sticky.outerHeight() + top + this.offsetStop; if((this.stickyStopObj.offset().top - scrollTop <=check)){ isSticky=false; }} if(isSticky) this.setSticky(true, top); else this.setSticky(false) } this.setSticky=function(sticky, top=0){ if(sticky){ this.sticky.css({ position: 'fixed', top: top + 'px', width: that.calcWidth() + 'px', }).addClass('isSticky'); }else{ this.sticky.css({ position: 'initial', top: 'initial', width: 'auto', }).removeClass('isSticky'); }} this.calcWidth=function(){ this.sticky.css({ position: 'initial', width: 'auto' }); return this.sticky.width(); } this.__construct(); } function WPCSFilterSet(){ $(document).on('click', '.wpcs-filterset-btn', function (e){ var $btn=$(this); var isActive=$btn.hasClass('wpcs-filterset-active'); if(!(wpcs_form&&wpcs_form.ajax)){ $('.wpcs-filterset-btn').removeClass('wpcs-filterset-active'); if(!isActive) $btn.addClass('wpcs-filterset-active'); return; } e.preventDefault(); if(isActive){ $('.wpcs-filterset-btn').removeClass('wpcs-filterset-active'); wpcs_form.resetAllFilters(); return; } $('.wpcs-filterset-btn').removeClass('wpcs-filterset-active'); $btn.addClass('wpcs-filterset-active'); var href=$btn.attr('href')||''; var qIdx=href.indexOf('?'); var params={}; if(qIdx!==-1){ href.substring(qIdx + 1).split('&').forEach(function (part){ var eq=part.indexOf('='); if(eq > -1){ var decode=function(s){ return decodeURIComponent(s.replace(/\+/g, '%20')); }; params[decode(part.substring(0, eq))]=decode(part.substring(eq + 1)); }}); } wpcs_form.applyFilterset(params); }); }})(jQuery); (function($){ function wpcsUploadFile(file, fieldKey, $wrapper){ var formData=new FormData(); formData.append('action', 'wpcs_contactform_file_upload'); formData.append('nonce', wpcs_contactform_upload_nonce); formData.append('file', file); var $list=$wrapper.find('.wpcs-upload-list'); var $item=$('').attr('data-value', v).text(labelFor($el, v)));
});
var newVal=values.indexOf(current)!==-1 ? current:values[0];
$el.find('.wpcs_select_value').val(newVal);
$el.find('.wpcs_select_handle').text(labelFor($el, newVal));
}
function format(v){
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function updateResults(){
var laufzeit=num($laufzeit.find('.wpcs_select_value').val());
var laufleistung=num($laufleistung.find('.wpcs_select_value').val());
var sonderzahlung=num($sonderzahlung.find('.wpcs_select_value').val());
var match=data.find(function(r){
return num(r.laufzeit)===laufzeit
&& num(r.laufleistung)===laufleistung
&& num(r.sonderzahlung)===sonderzahlung;
});
resultEls.forEach(function(el){
var field=el.dataset.result;
if(match&&match[field]!==undefined){
el.textContent=el.dataset.format==='percent'
? match[field].toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' %'
: format(match[field]);
}else{
el.textContent='–';
}});
}
$laufzeit.wpcsselect({
onSelect: function(){
var lz=num($laufzeit.find('.wpcs_select_value').val());
buildSelect($laufleistung, unique('laufleistung', { laufzeit: lz }));
buildSelect($sonderzahlung, unique('sonderzahlung', {
laufzeit: lz,
laufleistung: num($laufleistung.find('.wpcs_select_value').val())
}));
updateResults();
}});
$laufleistung.wpcsselect({
onSelect: function(){
buildSelect($sonderzahlung, unique('sonderzahlung', {
laufzeit: num($laufzeit.find('.wpcs_select_value').val()),
laufleistung: num($laufleistung.find('.wpcs_select_value').val())
}));
updateResults();
}});
$sonderzahlung.wpcsselect({
onSelect: function(){ updateResults(); }});
buildSelect($laufleistung, unique('laufleistung', {
laufzeit: num($laufzeit.find('.wpcs_select_value').val())
}));
buildSelect($sonderzahlung, unique('sonderzahlung', {
laufzeit: num($laufzeit.find('.wpcs_select_value').val()),
laufleistung: num($laufleistung.find('.wpcs_select_value').val())
}));
updateResults();
});
}
function initFinancingCalculator(){
if(typeof jQuery==='undefined') return;
var $=jQuery;
$('.wpcs-financing-calc').each(function(){
if($(this).hasClass('wpcs-financing-calc--slider')) return;
var calc=this;
var dataEl=calc.querySelector('.wpcs-financing-calc__data');
var data;
try { data=JSON.parse(dataEl ? dataEl.textContent:'[]'); } catch(e){ return; }
if(!data.length) return;
var $laufzeit=$(calc).find('.wpcs-financing-select[data-field="laufzeit"]');
var $anzahlung=$(calc).find('.wpcs-financing-select[data-field="anzahlung"]');
var resultEls=calc.querySelectorAll('[data-result]');
function num(v){ return Number(v); }
function unique(field, filters){
return [...new Set(
data.filter(function(r){
return Object.keys(filters).every(function(k){
return num(r[k])===num(filters[k]);
});
}).map(function(r){ return r[field]; })
)].sort(function(a, b){ return a - b; });
}
function labelFor($el, v){
var field=$el.data('field');
if(field==='laufzeit') return v + ' Monate';
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function buildSelect($el, values){
var current=num($el.find('.wpcs_select_value').val());
var $data=$el.find('.data').empty();
values.forEach(function(v){
$data.append($('
').attr('data-value', v).text(labelFor($el, v)));
});
var newVal=values.indexOf(current)!==-1 ? current:values[0];
$el.find('.wpcs_select_value').val(newVal);
$el.find('.wpcs_select_handle').text(labelFor($el, newVal));
}
function format(v, fmt){
if(fmt==='percent') return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' %';
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function updateResults(){
var laufzeit=num($laufzeit.find('.wpcs_select_value').val());
var anzahlung=num($anzahlung.find('.wpcs_select_value').val());
var match=data.find(function(r){
return num(r.laufzeit)===laufzeit&&num(r.anzahlung)===anzahlung;
});
resultEls.forEach(function(el){
var field=el.dataset.result;
if(match&&match[field]!==undefined){
el.textContent=format(match[field], el.dataset.format);
}else{
el.textContent='–';
}});
}
$laufzeit.wpcsselect({
onSelect: function(){
var lz=num($laufzeit.find('.wpcs_select_value').val());
buildSelect($anzahlung, unique('anzahlung', { laufzeit: lz }));
updateResults();
}});
$anzahlung.wpcsselect({
onSelect: function(){ updateResults(); }});
buildSelect($anzahlung, unique('anzahlung', {
laufzeit: num($laufzeit.find('.wpcs_select_value').val())
}));
updateResults();
});
}
function initFinancingSlider(){
if(typeof jQuery==='undefined') return;
var $=jQuery;
$('.wpcs-financing-calc--slider').each(function(){
var calc=this;
var dataEl=calc.querySelector('.wpcs-financing-calc__data');
var data;
try { data=JSON.parse(dataEl ? dataEl.textContent:'[]'); } catch(e){ return; }
if(!data.length) return;
var $laufzeit=$(calc).find('.wpcs-financing-slider[data-field="laufzeit"]');
var $anzahlung=$(calc).find('.wpcs-financing-slider[data-field="anzahlung"]');
var resultEls=calc.querySelectorAll('[data-result]');
function num(v){ return Number(v); }
function unique(field, filters){
return [...new Set(
data.filter(function(r){
return Object.keys(filters).every(function(k){
return num(r[k])===num(filters[k]);
});
}).map(function(r){ return r[field]; })
)].sort(function(a, b){ return a - b; });
}
function labelFor(field, v){
if(field==='laufzeit') return v + ' Monate';
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function getVal($slider){
var values=JSON.parse($slider.attr('data-values')||'[]');
var idx=parseInt($slider.val());
return values.length > 0 ? values[idx]:0;
}
function buildSlider($slider, values, currentVal){
$slider.attr('data-values', JSON.stringify(values));
$slider.attr('max', Math.max(0, values.length - 1));
var idx=values.indexOf(num(currentVal));
$slider.val(idx!==-1 ? idx:0);
var newVal=values.length > 0 ? values[idx!==-1 ? idx:0]:0;
var $field=$slider.closest('.wpcs-financing-calc__field');
$field.find('.wpcs-financing-slider-value').text(labelFor($slider.data('field'), newVal));
$field.find('.wpcs_select_value').val(newVal);
}
function format(v, fmt){
if(fmt==='percent') return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' %';
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function updateResults(){
var laufzeit=num($laufzeit.closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val());
var anzahlung=num($anzahlung.closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val());
var match=data.find(function(r){
return num(r.laufzeit)===laufzeit&&num(r.anzahlung)===anzahlung;
});
resultEls.forEach(function(el){
var field=el.dataset.result;
if(match&&match[field]!==undefined){
el.textContent=format(match[field], el.dataset.format);
}else{
el.textContent='–';
}});
}
$laufzeit.on('input', function(){
var lz=getVal($(this));
$(this).closest('.wpcs-financing-calc__field').find('.wpcs-financing-slider-value').text(labelFor('laufzeit', lz));
$(this).closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val(lz);
var currentAz=num($anzahlung.closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val());
buildSlider($anzahlung, unique('anzahlung', { laufzeit: lz }), currentAz);
updateResults();
});
$anzahlung.on('input', function(){
var az=getVal($(this));
$(this).closest('.wpcs-financing-calc__field').find('.wpcs-financing-slider-value').text(labelFor('anzahlung', az));
$(this).closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val(az);
updateResults();
});
var initLz=num($laufzeit.closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val());
buildSlider($laufzeit, unique('laufzeit', {}), initLz);
var initAz=num($anzahlung.closest('.wpcs-financing-calc__field').find('.wpcs_select_value').val());
buildSlider($anzahlung, unique('anzahlung', { laufzeit: initLz }), initAz);
updateResults();
});
}
function initLeasingSlider(){
if(typeof jQuery==='undefined') return;
var $=jQuery;
$('.wpcs-leasing-calc--slider').each(function(){
var calc=this;
var dataEl=calc.querySelector('.wpcs-leasing-calc__data');
var data;
try { data=JSON.parse(dataEl ? dataEl.textContent:'[]'); } catch(e){ return; }
if(!data.length) return;
var $laufzeit=$(calc).find('.wpcs-leasing-slider[data-field="laufzeit"]');
var $laufleistung=$(calc).find('.wpcs-leasing-slider[data-field="laufleistung"]');
var $sonderzahlung=$(calc).find('.wpcs-leasing-slider[data-field="sonderzahlung"]');
var resultEls=calc.querySelectorAll('[data-result]');
function num(v){ return Number(v); }
function unique(field, filters){
return [...new Set(
data.filter(function(r){
return Object.keys(filters).every(function(k){
return num(r[k])===num(filters[k]);
});
}).map(function(r){ return r[field]; })
)].sort(function(a, b){ return a - b; });
}
function labelFor(field, v){
if(field==='laufzeit') return v + ' Monate';
if(field==='sonderzahlung') return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
return v.toLocaleString('de-DE') + ' km/Jahr';
}
function getVal($slider){
var values=JSON.parse($slider.attr('data-values')||'[]');
var idx=parseInt($slider.val());
return values.length > 0 ? values[idx]:0;
}
function buildSlider($slider, values, currentVal){
$slider.attr('data-values', JSON.stringify(values));
$slider.attr('max', Math.max(0, values.length - 1));
var idx=values.indexOf(num(currentVal));
$slider.val(idx!==-1 ? idx:0);
var newVal=values.length > 0 ? values[idx!==-1 ? idx:0]:0;
var $field=$slider.closest('.wpcs-leasing-calc__field');
$field.find('.wpcs-leasing-slider-value').text(labelFor($slider.data('field'), newVal));
$field.find('.wpcs_select_value').val(newVal);
}
function format(v){
return v.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €';
}
function updateResults(){
var laufzeit=num($laufzeit.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
var laufleistung=num($laufleistung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
var sonderzahlung=num($sonderzahlung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
var match=data.find(function(r){
return num(r.laufzeit)===laufzeit
&& num(r.laufleistung)===laufleistung
&& num(r.sonderzahlung)===sonderzahlung;
});
resultEls.forEach(function(el){
var field=el.dataset.result;
if(match&&match[field]!==undefined){
el.textContent=el.dataset.format==='percent'
? match[field].toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' %'
: format(match[field]);
}else{
el.textContent='–';
}});
}
$laufzeit.on('input', function(){
var lz=getVal($(this));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs-leasing-slider-value').text(labelFor('laufzeit', lz));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val(lz);
var currentLl=num($laufleistung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($laufleistung, unique('laufleistung', { laufzeit: lz }), currentLl);
var currentSz=num($sonderzahlung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($sonderzahlung, unique('sonderzahlung', {
laufzeit: lz,
laufleistung: num($laufleistung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val())
}), currentSz);
updateResults();
});
$laufleistung.on('input', function(){
var ll=getVal($(this));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs-leasing-slider-value').text(labelFor('laufleistung', ll));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val(ll);
var currentSz=num($sonderzahlung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($sonderzahlung, unique('sonderzahlung', {
laufzeit: num($laufzeit.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val()),
laufleistung: ll
}), currentSz);
updateResults();
});
$sonderzahlung.on('input', function(){
var sz=getVal($(this));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs-leasing-slider-value').text(labelFor('sonderzahlung', sz));
$(this).closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val(sz);
updateResults();
});
var initLz=num($laufzeit.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($laufzeit, unique('laufzeit', {}), initLz);
var initLl=num($laufleistung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($laufleistung, unique('laufleistung', { laufzeit: initLz }), initLl);
var initSz=num($sonderzahlung.closest('.wpcs-leasing-calc__field').find('.wpcs_select_value').val());
buildSlider($sonderzahlung, unique('sonderzahlung', { laufzeit: initLz, laufleistung: initLl }), initSz);
updateResults();
});
}
document.addEventListener('DOMContentLoaded', function (){
initLeasingCalculator();
initLeasingSlider();
initFinancingCalculator();
initFinancingSlider();
});
})();
var wpcs_theme_division=null;
var wpcs_theme_tabs=null;
var wpcs_theme_accordion=null;
var wpcs_theme_model=null;
var wpcs_theme_offer_group=null;
var wpcs_theme=null;
var wpcs_theme_person=null;
var wpcs_theme_filter=null;
(function($){
$(function(){
wpcs_theme_division=new WPCSThemeDivision();
wpcs_theme_tabs=new WPCSThemeTabs();
wpcs_theme_accordion=new WPCSThemeAccordion();
wpcs_theme_model=new WPCSThemeModel();
wpcs_theme_offer_group=new WPCSThemeOfferGroup();
wpcs_theme=new WPCSTheme();
wpcs_theme_filter=new WPCSThemeFilter();
wpcs_theme_person=new WPCSThemePerson();
if($('.wpcs-leasing-matrix').length){
$('.wpcs-leasing-matrix').each(function(){
var container=$(this);
var monthSelect=container.find('.leasing-months-select');
var kmSelect=container.find('.leasing-km-select');
var rateDisplay=container.find('.rate-value');
var rateSpinner=container.find('.rate-spinner');
function updateLeasingRate(){
var vehicleId=container.data('vehicle-id');
var selectedMonths=monthSelect.find('.wpcs_select_value').val();
var selectedKm=kmSelect.find('.wpcs_select_value').val();
rateDisplay.hide();
rateSpinner.show();
$.post(wpcs_ajax_url, {
action: 'wpcs_get_leasing_rate',
vehicle_id: vehicleId,
months: selectedMonths,
km: selectedKm
}, function(response){
rateSpinner.hide();
if(response.success){
rateDisplay.html(response.data.rate).show();
}else{
rateDisplay.text('n.v.').show();
}}).fail(function(){
rateSpinner.hide();
rateDisplay.text('Fehler').show();
});
}
monthSelect.wpcsselect({ onSelect: updateLeasingRate, no_deselect: true });
kmSelect.wpcsselect({ onSelect: updateLeasingRate, no_deselect: true });
updateLeasingRate();
});
}});
function WPCSTheme(){
var that=this;
this.footnotesDiv=$('#wpcs_footnotes');
this.generated_footnotes_div=$('#wpcs_generated_footnotes');
this._construct=function(){
that._initFootnotes();
}
this._initFootnotes=function(){
let html=that.generated_footnotes_div.html();
if(this.footnotesDiv.length < 1&&html!=""){
that.generated_footnotes_div.removeClass('wpcs_hidden');
}else{
this.footnotesDiv.html(html);
}}
this._construct();
}
function WPCSThemeFilter(){
var that=this;
this.filters={};
this._construct=function(){
$('.wpcsselect.wpcs_filter_select').wpcsselect({
onSelect: function(){
that._submitForm();
}});
$('.theme_filter.button').each(function(){
let container=this;
$('a.wpcs_filter_button', container).click(function(e){
e.preventDefault();
let btn=$(this);
btn.toggleClass('active');
let value=$(this).data('value');
let is_active=btn.hasClass('active');
$('input', container).prop('checked', is_active);
that._submitForm(e);
});
});
$('.theme_filter input').click(function(e){
that._submitForm();
});
if($('#wpcs_offer_and_offergroup_grid').data('jsfilter')==1){
that._submitForm();
}}
this._submitForm=function(){
let data=$('.theme_filter input').serialize();
if($('#wpcs_offer_and_offergroup_grid').data('jsfilter')==1){
let active_filters=new URLSearchParams(data);
let filterGroups={};
for (let [key, value] of active_filters.entries()){
if(!filterGroups[key]){
filterGroups[key]=[];
}
filterGroups[key].push(value);
}
$('#wpcs_offer_and_offergroup_grid article').each(function(){
let $article=$(this);
let tags=$article.data('tags');
if(!Array.isArray(tags)) tags=[];
let matchesAllGroups=true;
for (let groupKey in filterGroups){
let groupValues=filterGroups[groupKey];
let matchesThisGroup=groupValues.some(val=> tags.includes(parseInt(val))||tags.includes(val));
if(!matchesThisGroup){
matchesAllGroups=false;
break;
}}
let $container=$article.closest('.wpcs_2slides_container');
let $target=$container.length ? $container:$article;
if(matchesAllGroups){
$target.show();
}else{
$target.hide();
}});
}else{
let cleanedUrl=wpcs_current_url.replace(/\/page\/\d+\/?/, '/');
window.location.href=cleanedUrl + '?' + data;
}}
this.filterPage=function(){
}
this._construct();
}
function WPCSThemeModel(){
var that=this;
this._construct=function(){
$('.wpcsselect.model_single_model_select').wpcsselect({
target: '#wpcs_select_value_wpcs_model',
onSelect: function(){
let val=$('#wpcs_select_value_wpcs_model').val();
window.location.href=val;
}});
}
this.load=function(target_selector, settings){
$.ajax({
method: 'POST',
url: wpcs_ajax_url,
data: { action: 'wpcs_theme_load', 'do': 'load_models', settings: settings },
success: function(data){
if(data.code==1) $(target_selector).html(data.result);
}});
}
this._construct();
}
function WPCSThemeOfferGroup(){
if(window.wpcsAktionDetailFilterHandled===true) return;
var activeFilters=[];
$('#wpcs_offer_group_filter_buttons').on('click', '.wpcs_offer_group_filter_button', function(e){
e.preventDefault();
$(this).toggleClass('active');
var filter='wpcs_filter_' + $(this).attr('data-offer-filter');
if(activeFilters.includes(filter)){
activeFilters=activeFilters.filter(function(item){
return item!==filter;
});
}else{
activeFilters.push(filter);
}
if(activeFilters.length===0){
$('.wpcs_offer').closest('.wpcs_2slides_container').show();
}else{
$('.wpcs_offer').closest('.wpcs_2slides_container').hide();
activeFilters.forEach(function(activeFilter){
$('.wpcs_offer.' + activeFilter).closest('.wpcs_2slides_container').show();
});
}});
}
function WPCSThemePerson(){
var that=this;
this.person_search_timout_id=null;
this._construct=function(){
this.initWPCSSelect();
}
this.initWPCSSelect=function(){
$('.wpcsselect.locations_persons_select').wpcsselect({
onSelect: function(){
let val=$('.wpcsselect.locations_persons_select input').val();
$('#wpcs_locations_persons_select .location_wrapper').addClass('wpcs_hidden');
let current=$('#wpcs_locations_persons_select .location_wrapper[data-location=' + val + ']');
current.removeClass('wpcs_hidden');
if(typeof $.fn.slick!=='undefined'){
$('.dxim_vehicle_carousel.slick-slider', current).slick('refresh');
}}
});
}
this._construct();
}
function WPCSThemeDivision(){
var that=this;
this._construct=function(){
this.initWPCSSelect();
}
this.initWPCSSelect=function(){
$('.wpcsselect.division_select').wpcsselect({
onSelect: function(){
let division_id=jQuery('.wpcsselect.division_select input').val();
jQuery('#location_team .wpcs_team').addClass('wpcs_hidden');
jQuery('#location_team .wpcs_team[data-division=' + division_id + ']').removeClass('wpcs_hidden');
}});
}
this._construct();
}
function WPCSThemeTabs(){
var that=this;
this._construct=function(){
this.init();
}
this.init=function(){
$('.wpcs_tabs').each(function(){
let wrapper=this;
$('.wpcs_tab_control', wrapper).each(function(index){
$(this).click(function(e){
e.preventDefault();
that.changeTab(index, wrapper);
})
});
});
}
this.changeTab=function(index, tabObj){
$('.wpcs_tab_control', tabObj).removeClass('active');
$('.wpcs_tab_control', tabObj).eq(index).addClass('active');
$('.wpcs_tab_content', tabObj).removeClass('active');
$('.wpcs_tab_content', tabObj).eq(index).addClass('active');
}
this._construct();
}
function WPCSThemeAccordion(){
var that=this;
this._construct=function(){
this.init();
}
this.init=function(){
$('.wpcs_accordion').each(function(){
let wrapper=this;
$('.wpcs_accordion_control', wrapper).each(function(index){
$(this).click(function(e){
e.preventDefault();
that.changeTab(index, wrapper);
})
});
});
}
this.changeTab=function(index, tabObj){
let target=$('.wpcs_accordion_control', tabObj).eq(index);
let target_is_active=target.hasClass('active');
$('.wpcs_accordion_control', tabObj).removeClass('active');
if(!target_is_active) $('.wpcs_accordion_control', tabObj).eq(index).addClass('active');
$('.wpcs_accordion_content', tabObj).removeClass('active');
if(!target_is_active) $('.wpcs_accordion_content', tabObj).eq(index).addClass('active');
}
this._construct();
}})(jQuery);