extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-28 19:03:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2DateRange: Add relative -> absolute conversion as needed when setting value

Browse Source
This commit is contained in:
nathan 2023-02-01 13:04:25 -07:00
parent 15f986cf1a
commit 86376bdc0c
1 changed files with 53 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
api/js/etemplate/Et2Date/Et2DateRange.ts
View File

@ -1,6 +1,6 @@
import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget"; import {Et2InputWidget} from "../Et2InputWidget/Et2InputWidget";
import {FormControlMixin} from "@lion/form-core"; import {FormControlMixin} from "@lion/form-core";
import {classMap, css, html, ifDefined, LitElement, render, TemplateResult} from "@lion/core"; import {classMap, css, html, ifDefined, LitElement, TemplateResult} from "@lion/core";
import shoelace from "../Styles/shoelace"; import shoelace from "../Styles/shoelace";
import {dateStyles} from "./DateStyles"; import {dateStyles} from "./DateStyles";
import flatpickr from "flatpickr"; import flatpickr from "flatpickr";
@ -130,12 +130,14 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
*/ */
protected _inputRelativeTemplate() : TemplateResult protected _inputRelativeTemplate() : TemplateResult
{ {
return html`<et2-select return html`
<et2-select
name="relative" name="relative"
?disabled=${this.disabled} ?disabled=${this.disabled}
?readonly=${this.readonly} ?readonly=${this.readonly}
?required=${this.required} ?required=${this.required}
placeholder=${ifDefined(this.placeholder)} placeholder=${ifDefined(this.placeholder)}
emptyLabel=${ifDefined(this.emptyLabel)}
.select_options=${Et2DateRange.relative_dates}></et2-select>`; .select_options=${Et2DateRange.relative_dates}></et2-select>`;
} }
@ -197,14 +199,55 @@ export class Et2DateRange extends Et2InputWidget(FormControlMixin(LitElement))
public set value(new_value : {to:string,from:string}|string) public set value(new_value : {to:string,from:string}|string)
{ {
if(!this.isConnected)
{
this.updateComplete.then(() =>
{
this.value = new_value;
});
return;
}
if(this.relative) if(this.relative)
{ {
this.relativeElement.value = new_value; this.relativeElement.value = new_value;
} }
else if (this.fromElement && this.toElement) else if(this.fromElement && this.toElement)
{ {
this.fromElement._instance.setDate( [new_value?.from, new_value?.to],true); if(typeof new_value == "string")
{
// Relative -> absolute
new_value = Et2DateRange.relativeToAbsolute(new_value);
} }
if(this.fromElement._instance)
{
this.fromElement._instance.setDate([new_value?.from, new_value?.to], true);
}
else
{
this.fromElement.value = new_value?.from.toJSON() || "";
this.toElement.value = new_value?.to.toJSON() || "";
}
}
}
static relativeToAbsolute(date)
{
let absolute = {from: '', to: ''};
let relative = Et2DateRange.relative_dates.find(e => e.value.toLowerCase() == date.toLowerCase());
let tempDate = new Date();
let today = new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate(), 0, -tempDate.getTimezoneOffset(), 0);
Object.keys(absolute).forEach(k =>
{
let value = today.toJSON();
if(relative && typeof relative[k] == "function")
{
absolute[k] = relative[k](new Date(value));
}
});
return absolute;
} }
// Class Constants // Class Constants