mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-16 19:50:44 +01:00
10af4f7514
- historylog widget now uses webcomponents for timestamp & user, and whenever possible for values - History::get_rows() formats customfield date/date-time values as needed - implement setDetachedAttributes(), if nextmatch & historylog are calling them on webcomponents, might as well use that to set what they pass
99 lines
2.0 KiB
TypeScript
99 lines
2.0 KiB
TypeScript
/**
|
|
* EGroupware eTemplate2 - Readonly duration WebComponent
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package api
|
|
* @link https://www.egroupware.org
|
|
* @author Nathan Gray
|
|
*/
|
|
|
|
|
|
import {css, html} from "@lion/core";
|
|
import {Et2DateDuration, formatOptions} from "./Et2DateDuration";
|
|
import {dateStyles} from "./DateStyles";
|
|
|
|
|
|
/**
|
|
* This is a stripped-down read-only widget used in nextmatch
|
|
*/
|
|
export class Et2DateDurationReadonly extends Et2DateDuration
|
|
{
|
|
static get styles()
|
|
{
|
|
return [
|
|
...super.styles,
|
|
...dateStyles,
|
|
css`
|
|
:host {
|
|
border: none;
|
|
min-width: 2em;
|
|
}
|
|
`
|
|
];
|
|
}
|
|
|
|
constructor()
|
|
{
|
|
super();
|
|
|
|
// Property defaults
|
|
this.select_unit = false; // otherwise just best matching unit will be used for eg. display_format "h:m:s"
|
|
}
|
|
|
|
get value()
|
|
{
|
|
return this.__value;
|
|
}
|
|
|
|
set value(_value)
|
|
{
|
|
this.__value = _value;
|
|
}
|
|
|
|
render()
|
|
{
|
|
let parsed = this.__value;
|
|
|
|
const format_options = <formatOptions>{
|
|
select_unit: this.select_unit,
|
|
display_format: this.display_format,
|
|
data_format: this.data_format,
|
|
number_format: this.egw().preference("number_format"),
|
|
hours_per_day: this.hours_per_day,
|
|
empty_not_0: this.empty_not_0
|
|
};
|
|
|
|
const display = this.formatter(parsed, format_options);
|
|
return html`
|
|
<span ${this.id ? html`id="${this._dom_id}"` : ''}>
|
|
${display.value}${display.unit}
|
|
</span>
|
|
`;
|
|
}
|
|
|
|
/**
|
|
* These are the attributes we allow to change for each row
|
|
*
|
|
* @param attrs
|
|
*/
|
|
getDetachedAttributes(attrs)
|
|
{
|
|
attrs.push("id", "value", "class", "disabled");
|
|
}
|
|
|
|
getDetachedNodes() : HTMLElement[]
|
|
{
|
|
return [<HTMLElement><unknown>this];
|
|
}
|
|
|
|
setDetachedAttributes(_nodes : HTMLElement[], _values : object, _data? : any) : void
|
|
{
|
|
for(let attr in _values)
|
|
{
|
|
this[attr] = _values[attr];
|
|
}
|
|
}
|
|
}
|
|
|
|
// @ts-ignore TypeScript is not recognizing that this widget is a LitElement
|
|
customElements.define("et2-date-duration_ro", Et2DateDurationReadonly); |