forked from extern/egroupware
58 lines
1.4 KiB
TypeScript
58 lines
1.4 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 {html} from "@lion/core";
|
||
|
|
import {Et2DateDuration, formatOptions} from "./Et2DateDuration";
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This is a stripped-down read-only widget used in nextmatch
|
||
|
|
*/
|
||
|
|
export class Et2DateDurationReadonly extends Et2DateDuration
|
||
|
|
{
|
||
|
|
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>
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
|
||
|
|
getDetachedAttributes(attrs)
|
||
|
|
{
|
||
|
|
attrs.push("id", "value", "class");
|
||
|
|
}
|
||
|
|
|
||
|
|
getDetachedNodes() : HTMLElement[]
|
||
|
|
{
|
||
|
|
return [<HTMLElement><unknown>this];
|
||
|
|
}
|
||
|
|
|
||
|
|
setDetachedAttributes(_nodes : HTMLElement[], _values : object, _data? : any) : void
|
||
|
|
{
|
||
|
|
// Do nothing, since we can't actually stop being a DOM node...
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// @ts-ignore TypeScript is not recognizing that this widget is a LitElement
|
||
|
|
customElements.define("et2-date-duration_ro", Et2DateDurationReadonly);
|