jeff/umap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support date properties in facet search - enhance UI

Browse source
This commit is contained in:
flammermann 2024-01-02 23:51:07 +00:00 committed by Yohan Boniface
parent 4042b86746
commit 2c48b97b4b
1 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
umap/static/umap/js/umap.forms.js
View file

@ -781,26 +781,35 @@ L.FormBuilder.FacetSearchCheckbox = L.FormBuilder.Element.extend({
L.FormBuilder.FacetSearchDate = L.FormBuilder.Element.extend({ L.FormBuilder.FacetSearchDate = L.FormBuilder.Element.extend({
build: function () { build: function () {
this.container = L.DomUtil.create('div', 'umap-facet', this.parentNode); this.container = L.DomUtil.create('div', 'umap-facet', this.parentNode);
this.table = L.DomUtil.create('table', '', this.container);
const min = this.options.criteria['min']; const min = this.options.criteria['min'];
const max = this.options.criteria['max']; const max = this.options.criteria['max'];
// Create labels for min and max inputs this.minTr = L.DomUtil.create('tr', '', this.table);
this.minLabel = L.DomUtil.create('label', '', this.container);
this.minLabel.innerHTML = 'Start'; this.minTdLabel = L.DomUtil.create('td', '', this.minTr);
this.minLabel = L.DomUtil.create('label', '', this.minTdLabel);
this.minLabel.innerHTML = 'From';
this.minLabel.htmlFor = `date_${this.name}_min`; this.minLabel.htmlFor = `date_${this.name}_min`;
this.minInput = L.DomUtil.create('input', '', this.container); this.minTdInput = L.DomUtil.create('td', '', this.minTr);
this.minInput = L.DomUtil.create('input', '', this.minTdInput);
this.minInput.type = 'datetime-local'; this.minInput.type = 'datetime-local';
this.minInput.step = '0.001'; this.minInput.step = '0.001';
this.minInput.id = `date_${this.name}_min`; this.minInput.id = `date_${this.name}_min`;
this.minInput.valueAsNumber = (min.valueOf() - min.getTimezoneOffset() * 60000);; this.minInput.valueAsNumber = (min.valueOf() - min.getTimezoneOffset() * 60000);;
this.minInput.dataset.value = min; this.minInput.dataset.value = min;
this.maxLabel = L.DomUtil.create('label', '', this.container); this.maxTr = L.DomUtil.create('tr', '', this.table);
this.maxLabel.innerHTML = 'End';
this.maxTdLabel = L.DomUtil.create('td', '', this.maxTr);
this.maxLabel = L.DomUtil.create('label', '', this.maxTdLabel);
this.maxLabel.innerHTML = 'Until';
this.maxLabel.htmlFor = `date_${this.name}_max`; this.maxLabel.htmlFor = `date_${this.name}_max`;
this.maxInput = L.DomUtil.create('input', '', this.container); this.maxTdInput = L.DomUtil.create('td', '', this.maxTr);
this.maxInput = L.DomUtil.create('input', '', this.maxTdInput);
this.maxInput.type = 'datetime-local'; this.maxInput.type = 'datetime-local';
this.maxInput.step = '0.001'; this.maxInput.step = '0.001';
this.maxInput.id = `date_${this.name}_max`; this.maxInput.id = `date_${this.name}_max`;