mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-15 12:34:57 +01:00
64 lines
1.3 KiB
TypeScript
64 lines
1.3 KiB
TypeScript
/**
|
|
* EGroupware eTemplate2 - Url r/o widget
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package api
|
|
* @link https://www.egroupware.org
|
|
* @author Ralf Becker
|
|
*/
|
|
|
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
import {Et2Description} from "../Et2Description/Et2Description";
|
|
import {css, TemplateResult} from "@lion/core";
|
|
import {Et2Url} from "./Et2Url";
|
|
|
|
/**
|
|
* @customElement et2-url_ro
|
|
*/
|
|
export class Et2UrlReadonly extends Et2Description
|
|
{
|
|
static get styles()
|
|
{
|
|
return [
|
|
...super.styles,
|
|
css`
|
|
:host {
|
|
cursor: pointer;
|
|
color: #26537c;
|
|
}`
|
|
];
|
|
}
|
|
|
|
transformAttributes(attrs)
|
|
{
|
|
if (typeof attrs.onclick === 'undefined')
|
|
{
|
|
attrs.onclick = () =>
|
|
{
|
|
if(this.value)
|
|
{
|
|
Et2Url.action(this.value);
|
|
}
|
|
}
|
|
}
|
|
super.transformAttributes(attrs);
|
|
}
|
|
|
|
/**
|
|
* Override parent render so we can have the special case where label is used as link text
|
|
*
|
|
* @returns {TemplateResult<1>}
|
|
* @protected
|
|
*/
|
|
protected render() : TemplateResult
|
|
{
|
|
if(this.label && !this.href && this.value)
|
|
{
|
|
// We have label & value, use label as link text
|
|
return this.wrapLink(this.value, this.label);
|
|
}
|
|
return super.render();
|
|
}
|
|
}
|
|
// @ts-ignore TypeScript is not recognizing that this is a LitElement
|
|
customElements.define("et2-url_ro", Et2UrlReadonly); |