Kabeltoebehoren
Producten 1-35 van 70
Sorteer op
Filters
- Schroefhaken- en ogen 7 producten beschikbaar
- Katrollen 13 producten beschikbaar
- Aanlegringen en muurplaten 6 producten beschikbaar
- Wervels- en gelaste ringen 2 producten beschikbaar
- Vlees- en S-haken 4 producten beschikbaar
- Borgveren- en pennen 5 producten beschikbaar
- Ringschroeven- en moeren 2 producten beschikbaar
- Sleutelringen- labels en hangers 2 producten beschikbaar
- Paniekhaken 1 producten beschikbaar
- Musketons 3 producten beschikbaar
- Kousen 2 producten beschikbaar
- Klemmen en stops 5 producten beschikbaar
- Draadspanners 7 producten beschikbaar
- Spanschroeven 3 producten beschikbaar
- Harp- en D-sluitingen 4 producten beschikbaar
- Schakels en schalmen 2 producten beschikbaar
- Karabijnhaken 2 producten beschikbaar
-<%- to %>","messageTemplates":{"displayOne":"1 artikel","displayCount":"<%- count %> producten","displayEmpty":"Geen producten in het geselecteerde bereik."},"rate":1,"requestVar":"price","ajax":true},
priceSlider: true,
lastThumbUpdatedMax: true,
sliderZindex: 20,
messageTemplates: {
'displayOne': `1 product`,
'displayCount': `<%- count %> producten`,
'displayEmpty': `Geen items in het huidige bereik.`
},
minprice: 0,
maxprice: 0,
fromLabel: '',
toLabel: '',
min: 0,
max: 0,
minZindex: 0,
maxZindex: 0,
minthumb: 0,
maxthumb: 0,
message: '',
url: '',
initialize: function () {
this.options = Object.assign({}, this.options, {});
this.options.currentValue.from *= 1.21;
this.options.currentValue.to *= 1.21;
this.options.minValue *= 1.21;
this.options.maxValue *= 1.21;
if (this.options.intervals) {
this.options.intervals = this.options.intervals.map((item) => {
item.value = Math.round(item.value * 1.21);
return item;
});
}
this.url = this.options.urlTemplate;
if (this.options.sliderZindex !== undefined) {
this.sliderZindex = this.options.sliderZindex;
}
this.showAdaptiveSlider = false;
if (this.options.showAdaptiveSlider !== undefined) {
this.showAdaptiveSlider = this.options.showAdaptiveSlider;
}
if (this.options.maxLabelOffset === undefined) {
this.options.maxLabelOffset = 0.01;
}
if (this.options.rate === undefined) {
this.options.rate = 1.0000;
}
if (this.showAdaptiveSlider) {
this._initAdaptiveSliderValues();
} else {
this._initSliderValues();
}
this.mintrigger();
this.maxtrigger();
},
_initSliderValues: function () {
this.rate = parseFloat(this.options.rate);
this.minprice = Math.floor(this.options.currentValue.from * this.rate);
this.maxprice = Math.round(this.options.currentValue.to * this.rate);
this.intervals = this.options.intervals.map(
function (item) { item.value = Math.round(item.value * this.rate); return item }.bind(this)
);
this.min = Math.floor(this.options.minValue * this.rate);
this.max = Math.round(this.options.maxValue * this.rate);
},
setDefaultValues: function() {
this.min = Math.floor(this.options.minValue * this.rate);
this.max = Math.round(this.options.maxValue * this.rate);
this.minprice = Math.floor(this.options.currentValue.from * this.rate);
this.maxprice = Math.round(this.options.currentValue.to * this.rate);
this.minthumb = ((this.minprice - this.min) / (this.max - this.min)) * 100;
this.maxthumb = ((this.maxprice - this.min) / (this.max - this.min)) * 100;
this._refreshDisplay()
},
_initAdaptiveSliderValues: function () {
this.intervals = this.options.adaptiveIntervals;
this.options.adaptiveIntervals[0].value = Math.floor(this.options.adaptiveIntervals[0].value);
this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
this.rate = parseFloat(this.options.rate);
this.intervals = this.intervals.map(
function (item) { item.originalValue = Math.ceil(item.originalValue * this.rate); return item }.bind(this)
);
this.min = this.intervals[0].value;
this.max = this.intervals[this.intervals.length - 1].value;
},
mintrigger: function () {
this.lastThumbUpdatedMax = false;
this.validation();
this.minprice = this._getClosestAdaptiveValue(Math.min(this.minprice, this.maxprice));
this.minthumb = ((this.minprice - this.min) / (this.max - this.min)) * 100;
this._onChangeAfter();
},
maxtrigger: function () {
this.lastThumbUpdatedMax = true;
this.validation();
this.maxprice = this._getClosestAdaptiveValue(Math.max(this.maxprice, this.minprice));
this.maxthumb = ((this.maxprice - this.min) / (this.max - this.min)) * 100;
this._onChangeAfter();
},
_onChangeAfter: function () {
this._updateSliderZindexes();
this._applyRange();
this._refreshDisplay();
},
validation: function () {
if (/^\d*$/.test(this.minprice)) {
if (this.minprice > this.max) {
this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
}
if (this.minprice < this.min) {
this.minprice = this.min;
}
} else {
this.minprice = this._getAdaptiveValue(Number(this.options.currentValue.from));
}
if (/^[\d.]*$/.test(this.maxprice)) {
if (this.maxprice > this.max) {
this.maxprice = this.max;
}
if (this.maxprice < this.min) {
this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to));
}
} else {
this.maxprice = this._getAdaptiveValue(Number(this.options.currentValue.to))
}
},
getItemCount: function () {
var from = this.minprice, to = this.maxprice, intervals = this.intervals;
return intervals.map(function (item) {
return item.value >= from && item.value < to ? item.count : 0;
})
.reduce(function (a, b) {
return a + b;
});
},
_refreshDisplay: function () {
this.count = this.getItemCount();
let minprice = this._getOriginalValue(this.minprice);
if (minprice >= this._getOriginalValue(this.max)) {
minprice = this._getOriginalValue(this.max) - this.options.maxLabelOffset;
}
this.fromLabel = this._formatLabel(minprice);
let maxprice = this._getOriginalValue(this.maxprice) - this.options.maxLabelOffset;
if (maxprice < this._getOriginalValue(this.min)) {
maxprice = this._getOriginalValue(this.maxprice);
}
this.toLabel = this._formatLabel(maxprice);
var messageTemplate = this.messageTemplates[this.count > 0 ? (this.count > 1 ? 'displayCount' : 'displayOne') : 'displayEmpty'];
this.message = this._unescape(messageTemplate.replace('<%- count %>', this.count));
},
_formatLabel: function (value) {
var formattedValue = value;
if (this.priceSlider && this.options.fieldFormat) {
formattedValue = this._formatPrice(value);
} else if (this.options.fieldFormat) {
formattedValue = this.options.fieldFormat.pattern.replace(
'%s',
Number.parseFloat(formattedValue).toFixed(this.options.fieldFormat.precision)
);
}
return formattedValue;
},
_formatPrice: function (value) {
var formatter = new Intl.NumberFormat(
document.documentElement.lang,
{
style: 'currency',
currency: 'EUR',
}
);
return formatter.format(value);
},
_applyRange: function () {
var range = {
from: this._getOriginalValue(this.minprice) * (1 / this.rate),
to: this._getOriginalValue(this.maxprice) * (1 / this.rate),
};
const searchParams = () => {
let searchParams = new URL(window.location).searchParams
searchParams.delete(this.options.requestVar)
return searchParams.size !== 0 ? '&' + searchParams.toString() : ''
}
this.url = this._unescape(this.options.urlTemplate.replace('<%- from %>', range.from).replace('<%- to %>', range.to) + searchParams());
},
_updateSliderZindexes: function () {
this.minZindex = this.sliderZindex;
this.maxZindex = this.sliderZindex;
if (this.minprice == this.maxprice) {
if (this.minprice === this.min || (this.minprice !== this.min && this.lastThumbUpdatedMax)) {
this.maxZindex = this.sliderZindex + 1;
}
if (this.maxprice === this.max || (this.maxprice !== this.max && !this.lastThumbUpdatedMax)) {
this.minZindex = this.sliderZindex + 1;
}
}
},
_getAdaptiveValue: function (value) {
if (!this.showAdaptiveSlider) {
return value;
}
var adaptiveValue = this.intervals[0].value;
var found = false;
this.intervals.forEach(function (item) {
if (found === false && item.originalValue === value) {
adaptiveValue = item.value;
found = true;
}
if (found === false && item.originalValue < value) {
adaptiveValue = item.value;
}
});
return adaptiveValue;
},
_getClosestAdaptiveValue: function (value) {
if (!this.showAdaptiveSlider) {
return value;
}
var closestValue = this.intervals[0].value;
var found = false;
this.intervals.forEach(function (item) {
if (item.value === value) {
closestValue = value;
found = true;
}
if (found === false && item.value < value) {
closestValue = item.value;
}
});
return closestValue;
},
_getOriginalValue: function (value) {
if (!this.showAdaptiveSlider) {
return value;
}
var originalValue = null;
this.intervals.forEach(function (item) {
if (item.value === value) {
originalValue = item.originalValue;
}
});
return originalValue;
},
_unescape: function (str) {
return str.replace(/<%|%3C%/g, '<%').replace(/%>|%%3E/g, '%>');
},
}" x-init="initialize()" @slider-update.window="setDefaultValues();" class="relative max-w-xl w-full">
Minimumwaarde
Maximale Waarde
Werkdagen vóór 16:00 besteld
morgen in huis
20.000+ producten
op voorraad
Sinds 1983 voor boer
bouw en industrie
Werkdagen vóór 16:00 besteld
morgen in huis
20.000+ producten
op voorraad
Sinds 1983 voor boer
bouw en industrie
Werkdagen vóór 16:00 besteld
morgen in huis
20.000+ producten
op voorraad
Sinds 1983 voor boer
bouw en industrie
Werkdagen vóór 16:00 besteld
morgen in huis
20.000+ producten
op voorraad
Sinds 1983 voor boer
bouw en industrie
Werkdagen vóór 16:00 besteld
morgen in huis
20.000+ producten
op voorraad
Sinds 1983 voor boer
bouw en industrie
Misschien is dit ook iets voor jou?
Alles voor jouw klus!
2992,2994,2993,2277,2250,2229
