forked from extern/egroupware
ec8b32c01d
- let things inside box shrink, actual widget can decide minimums - Slotted inputs take up full width by default - More consistent sizing/position for invoker
103 lines
2.2 KiB
TypeScript
103 lines
2.2 KiB
TypeScript
/**
|
|
* EGroupware eTemplate2 - Url input 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 {Et2InvokerMixin} from "./Et2InvokerMixin";
|
|
import {Et2Textbox} from "../Et2Textbox/Et2Textbox";
|
|
import {colorsDefStyles} from "../Styles/colorsDefStyles";
|
|
import {css} from "@lion/core";
|
|
|
|
/**
|
|
* @customElement et2-url
|
|
*
|
|
* @ToDo: implement allow_path attributes
|
|
*/
|
|
export class Et2Url extends Et2InvokerMixin(Et2Textbox)
|
|
{
|
|
/** @type {any} */
|
|
static get properties()
|
|
{
|
|
return {
|
|
...super.properties,
|
|
/**
|
|
* Allow a path instead of a URL, path must start with /, default false = not allowed
|
|
*/
|
|
allow_path: {
|
|
type: Boolean,
|
|
},
|
|
/**
|
|
* Require (or forbid) that the path ends with a /, default not checked
|
|
*/
|
|
trailing_slash: {
|
|
type: Boolean,
|
|
},
|
|
};
|
|
}
|
|
|
|
static get styles()
|
|
{
|
|
return [
|
|
...super.styles,
|
|
colorsDefStyles,
|
|
css`
|
|
::slotted([slot="suffix"]) {
|
|
font-size: 133% !important;
|
|
position: relative;
|
|
}
|
|
`,
|
|
];
|
|
}
|
|
|
|
constructor()
|
|
{
|
|
super();
|
|
this._invokerLabel = '⎆';
|
|
this._invokerTitle = 'Open';
|
|
this._invokerAction = () => {
|
|
Et2Url.action(this.value);
|
|
}
|
|
this.allow_path = false;
|
|
this.trailing_slash = undefined;
|
|
}
|
|
|
|
/**
|
|
* Change handler calling custom handler set via onchange attribute
|
|
*
|
|
* Reimplemented to add/remove trailing slash depending on trailing_slash attribute
|
|
*
|
|
* @param _ev
|
|
* @returns
|
|
*/
|
|
_oldChange(_ev: Event): boolean
|
|
{
|
|
const value = this.modelValue;
|
|
if (typeof this.trailing_slash !== 'undefined' && value && this.trailing_slash !== (value.substr(-1)==='/'))
|
|
{
|
|
if (!this.trailing_slash)
|
|
{
|
|
this.modelValue = value.replace(/\/+$/, '');
|
|
}
|
|
else
|
|
{
|
|
this.modelValue += '/';
|
|
}
|
|
}
|
|
return super._oldChange(_ev);
|
|
}
|
|
|
|
static action(value)
|
|
{
|
|
if (!value) return;
|
|
// implicit add http:// if no protocol given
|
|
if(value.indexOf("://") === -1) value = "http://"+value;
|
|
egw.open_link(value, '_blank');
|
|
}
|
|
}
|
|
// @ts-ignore TypeScript is not recognizing that this is a LitElement
|
|
customElements.define("et2-url", Et2Url); |