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

WIP implementing Iframe widget:

Browse Source 
- Get some styling
- An approach to display label slot
This commit is contained in:
Hadi Nategh 2021-10-13 12:17:07 +02:00
parent 76a1f3c584
commit f454536165
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
api/js/etemplate/Et2Iframe/Et2Iframe.ts
View File

@ -20,6 +20,13 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
return [
...super.styles,
css`
:host {
display: flex;
}
:host > iframe {
width: 100%;
height: 100%;
}
/* Custom CSS */
`,
];
@ -43,14 +50,22 @@ export class Et2Iframe extends Et2Widget(SlotMixin(LitElement))
{
super(...args);
}
get slots()
{
return {
...super.slots
};
}
connectedCallback()
{
super.connectedCallback();
}
render() {
return html` <iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}"></iframe>`;
return html`
<iframe ${this.id ? html`id="${this.id}"` : ''} allowfullscreen="${this.fullscreen}" seamless="${this.seamless}" name="${this.name}" allow="${this.allow}"></iframe>
<slot>${this._label}</slot>
`;
}
__getIframeNode()