extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-25 04:11:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix src could not be changed after being set

Browse Source
This commit is contained in:
nathan 2022-05-27 14:10:57 -06:00
parent ac52723ce7
commit 0963f7d548
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
api/js/etemplate/Et2Image/Et2Image.ts
View File

@ -26,6 +26,7 @@ export class Et2Image extends Et2Widget(SlotMixin(LitElement)) implements et2_ID
::slotted(img) { ::slotted(img) {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
vertical-align: middle;
} }
:host([icon]) { :host([icon]) {
height: 1.3rem; height: 1.3rem;
@ -120,6 +121,7 @@ export class Et2Image extends Et2Widget(SlotMixin(LitElement)) implements et2_ID
<img ${this.id ? html`id="${this.id}"` : ''} <img ${this.id ? html`id="${this.id}"` : ''}
src="${src}" src="${src}"
alt="${this.label}" alt="${this.label}"
part="image"
title="${this.statustext || this.label}" title="${this.statustext || this.label}"
>`; >`;
} }
@ -130,7 +132,6 @@ export class Et2Image extends Et2Widget(SlotMixin(LitElement)) implements et2_ID
<slot></slot>`; <slot></slot>`;
} }
protected parse_href(img_href : string) : string protected parse_href(img_href : string) : string
{ {
// allow url's too // allow url's too
@ -160,7 +161,7 @@ export class Et2Image extends Et2Widget(SlotMixin(LitElement)) implements et2_ID
get _img() get _img()
{ {
return this.__getDirectSlotChild('img'); return this.querySelector('img');
} }
/** /**
@ -171,6 +172,10 @@ export class Et2Image extends Et2Widget(SlotMixin(LitElement)) implements et2_ID
{ {
super.updated(changedProperties); super.updated(changedProperties);
if(changedProperties.has("src"))
{
this._img.setAttribute("src", this.parse_href(this.src) || this.parse_href(this.default_src));
}
// if there's an href or onclick, make it look clickable // if there's an href or onclick, make it look clickable
if(changedProperties.has("href") || changedProperties.has("onclick")) if(changedProperties.has("href") || changedProperties.has("onclick"))
{ {