implement new "units" parameter to limit used units in date-since widget

eg. <date-since units="d" shows age in days
This commit is contained in:
Ralf Becker 2022-01-12 12:47:28 +02:00
parent 5a3e54a592
commit a3b63c9514

View File

@ -1249,6 +1249,10 @@ export class et2_date_ro extends et2_valueWidget implements et2_IDetachedDOM
"ignore": true, "ignore": true,
"description": "Format data is in. This is not used client-side because it's always a timestamp client side." "description": "Format data is in. This is not used client-side because it's always a timestamp client side."
}, },
units: {
"type": "string",
"descriptions": "Used units for date-since, default 'YmdHis', e.g. 'd' to display a value in days"
},
min: {ignore: true}, min: {ignore: true},
max: {ignore: true}, max: {ignore: true},
year_range: {ignore: true} year_range: {ignore: true}
@ -1382,7 +1386,7 @@ export class et2_date_ro extends et2_valueWidget implements et2_IDetachedDOM
'i': 'minutes', 'i': 'minutes',
's': 'seconds' 's': 'seconds'
}; };
var unit2s = { var unit2s : Object = {
'Y': 31536000, 'Y': 31536000,
'm': 2628000, 'm': 2628000,
'd': 86400, 'd': 86400,
@ -1394,10 +1398,19 @@ export class et2_date_ro extends et2_valueWidget implements et2_IDetachedDOM
var diff = Math.round(d.valueOf() / 1000) - Math.round(this.date.valueOf()/1000); var diff = Math.round(d.valueOf() / 1000) - Math.round(this.date.valueOf()/1000);
display = ''; display = '';
// limit units used to display
let smallest = 's';
if (this.options.units)
{
const valid = Object.entries(unit2s).filter((e) => (<string>this.options.units).includes(e[0]));
unit2s = Object.fromEntries(valid);
smallest = (valid.pop() || [])[0];
}
for(var unit in unit2s) for(var unit in unit2s)
{ {
var unit_s = unit2s[unit]; var unit_s = unit2s[unit];
if (diff >= unit_s || unit == 's') if (diff >= unit_s || unit === smallest)
{ {
display = Math.round(diff/unit_s)+' '+this.egw().lang(unit2label[unit]); display = Math.round(diff/unit_s)+' '+this.egw().lang(unit2label[unit]);
break; break;