djagoo/astro-strapi-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ready for staging

Browse source
This commit is contained in:
djagoo 2025-05-11 14:40:23 +02:00
parent 72da90a5d4
commit 8506be5194
Signed by: djagoo
GPG key ID: E478970FA1D8880B
236 changed files with 16119 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

243
public/assets/vendor/range-slider/range-slider.js vendored Normal file
View file

@ -0,0 +1,243 @@
(function($) {
"use strict";
var DEBUG = false, // make true to enable debug output
PLUGIN_IDENTIFIER = "RangeSlider";
var RangeSlider = function( element, options ) {
this.element = element;
this.options = options || {};
this.defaults = {
output: {
prefix: '', // function or string
suffix: '', // function or string
format: function(output){
return output;
}
},
change: function(event, obj){}
};
// This next line takes advantage of HTML5 data attributes
// to support customization of the plugin on a per-element
// basis.
this.metadata = $(this.element).data('options');
};
RangeSlider.prototype = {
////////////////////////////////////////////////////
// Initializers
////////////////////////////////////////////////////
init: function() {
if(DEBUG && console) console.log('RangeSlider init');
this.config = $.extend( true, {}, this.defaults, this.options, this.metadata );
var self = this;
// Add the markup for the slider track
this.trackFull = $('<div class="track track--full"></div>').appendTo(self.element);
this.trackIncluded = $('<div class="track track--included"></div>').appendTo(self.element);
this.inputs = [];
$('input[type="range"]', this.element).each(function(index, value) {
var rangeInput = this;
// Add the ouput markup to the page.
rangeInput.output = $('<output>').appendTo(self.element);
// Get the current z-index of the output for later use
rangeInput.output.zindex = parseInt($(rangeInput.output).css('z-index')) || 1;
// Add the thumb markup to the page.
rangeInput.thumb = $('<div class="slider-thumb">').prependTo(self.element);
// Store the initial val, incase we need to reset.
rangeInput.initialValue = $(this).val();
// Method to update the slider output text/position
rangeInput.update = function() {
if(DEBUG && console) console.log('RangeSlider rangeInput.update');
var range = $(this).attr('max') - $(this).attr('min'),
offset = $(this).val() - $(this).attr('min'),
pos = offset / range * 100 + '%',
transPos = offset / range * -100 + '%',
prefix = typeof self.config.output.prefix == 'function' ? self.config.output.prefix.call(self, rangeInput) : self.config.output.prefix,
format = self.config.output.format($(rangeInput).val()),
suffix = typeof self.config.output.suffix == 'function' ? self.config.output.suffix.call(self, rangeInput) : self.config.output.suffix;
// Update the HTML
$(rangeInput.output).html(prefix + '' + format + '' + suffix);
$(rangeInput.output).css('left', pos);
$(rangeInput.output).css('transform', 'translate('+transPos+',0)');
// Update the IE hack thumbs
$(rangeInput.thumb).css('left', pos);
$(rangeInput.thumb).css('transform', 'translate('+transPos+',0)');
// Adjust the track for the inputs
self.adjustTrack();
};
// Send the current ouput to the front for better stacking
rangeInput.sendOutputToFront = function() {
$(this.output).css('z-index', rangeInput.output.zindex + 1);
};
// Send the current ouput to the back behind the other
rangeInput.sendOutputToBack = function() {
$(this.output).css('z-index', rangeInput.output.zindex);
};
///////////////////////////////////////////////////
// IE hack because pointer-events:none doesn't pass the
// event to the slider thumb, so we have to make our own.
///////////////////////////////////////////////////
$(rangeInput.thumb).on('mousedown', function(event){
// Send all output to the back
self.sendAllOutputToBack();
// Send this output to the front
rangeInput.sendOutputToFront();
// Turn mouse tracking on
$(this).data('tracking', true);
$(document).one('mouseup', function() {
// Turn mouse tracking off
$(rangeInput.thumb).data('tracking', false);
// Trigger the change event
self.change(event);
});
});
// IE hack - track the mouse move within the input range
$('body').on('mousemove', function(event){
// If we're tracking the mouse move
if($(rangeInput.thumb).data('tracking')) {
var rangeOffset = $(rangeInput).offset(),
relX = event.pageX - rangeOffset.left,
rangeWidth = $(rangeInput).width();
// If the mouse move is within the input area
// update the slider with the correct value
if(relX <= rangeWidth) {
var val = relX/rangeWidth;
$(rangeInput).val(val * $(rangeInput).attr('max'));
rangeInput.update();
}
}
});
// Update the output text on slider change
$(this).on('mousedown input change touchstart', function(event) {
if(DEBUG && console) console.log('RangeSlider rangeInput, mousedown input touchstart');
// Send all output to the back
self.sendAllOutputToBack();
// Send this output to the front
rangeInput.sendOutputToFront();
// Update the output
rangeInput.update();
});
// Fire the onchange event
$(this).on('mouseup touchend', function(event){
if(DEBUG && console) console.log('RangeSlider rangeInput, change');
self.change(event);
});
// Add this input to the inputs array for use later
self.inputs.push(this);
});
// Reset to set to initial values
this.reset();
// Return the instance
return this;
},
sendAllOutputToBack: function() {
$.map(this.inputs, function(input, index) {
input.sendOutputToBack();
});
},
change: function(event) {
if(DEBUG && console) console.log('RangeSlider change', event);
// Get the values of each input
var values = $.map(this.inputs, function(input, index) {
return {
value: parseInt($(input).val()),
min: parseInt($(input).attr('min')),
max: parseInt($(input).attr('max'))
};
});
// Sort the array by value, if we have 2 or more sliders
values.sort(function(a, b) {
return a.value - b.value;
});
// call the on change function in the context of the rangeslider and pass the values
this.config.change.call(this, event, values);
},
reset: function() {
if(DEBUG && console) console.log('RangeSlider reset');
$.map(this.inputs, function(input, index) {
$(input).val(input.initialValue);
input.update();
});
},
adjustTrack: function() {
if(DEBUG && console) console.log('RangeSlider adjustTrack');
var valueMin = Infinity,
rangeMin = Infinity,
valueMax = 0,
rangeMax = 0;
// Loop through all input to get min and max
$.map(this.inputs, function(input, index) {
var val = parseInt($(input).val()),
min = parseInt($(input).attr('min')),
max = parseInt($(input).attr('max'));
// Get the min and max values of the inputs
valueMin = (val < valueMin) ? val : valueMin;
valueMax = (val > valueMax) ? val : valueMax;
// Get the min and max possible values
rangeMin = (min < rangeMin) ? min : rangeMin;
rangeMax = (max > rangeMax) ? max : rangeMax;
});
// Get the difference if there are 2 range input, use max for one input.
// Sets left to 0 for one input and adjust for 2 inputs
if(this.inputs.length > 1) {
this.trackIncluded.css('width', (valueMax - valueMin) / (rangeMax - rangeMin) * 100 + '%');
this.trackIncluded.css('left', (valueMin - rangeMin) / (rangeMax - rangeMin) * 100 + '%');
} else {
this.trackIncluded.css('width', valueMax / (rangeMax - rangeMin) * 0 + '%');
this.trackIncluded.css('left', '100%');
}
}
};
RangeSlider.defaults = RangeSlider.prototype.defaults;
$.fn.RangeSlider = function(options) {
if(DEBUG && console) console.log('fn.RangeSlider', options);
return this.each(function() {
var instance = $(this).data(PLUGIN_IDENTIFIER);
if(!instance) {
instance = new RangeSlider(this, options).init();
$(this).data(PLUGIN_IDENTIFIER,instance);
}
});
};
}
)(jQuery);
var rangeSlider = $('#facet-price-range-slider, #facet-price-range-slider_area');
if(rangeSlider.length > 0) {
rangeSlider.RangeSlider({
output: {
format: function(output){
return output.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "1,");
},
suffix: function(input){
return parseInt($(input).val()) == parseInt($(input).attr('max')) ? this.config.maxSymbol : '';
}
}
});
}