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

Et2Image: Fix a few more cases where class went wrong

Browse Source
This commit is contained in:
nathan 2024-09-26 11:35:41 -06:00
parent e7ed302ea0
commit a594f77601
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -55,19 +55,26 @@ export class Et2Image extends Et2Widget(LitElement) implements et2_IDetachedDOM
@property({type: String}) @property({type: String})
set src(_src) set src(_src)
{ {
this.classList.forEach(_class =>
{
if(_class.startsWith('bi-'))
{
this.classList.remove(_class);
}
});
this.__src = _src; this.__src = _src;
let url = this.parse_href(_src) || this.parse_href(this.defaultSrc); let url = this.parse_href(_src) || this.parse_href(this.defaultSrc);
if(!url) if(!url)
{ {
// Hide if no valid image // Hide if no valid image
if (this._img) this._img.src = ''; if (this._img) this._img.src = '';
this.className = this.title = '';
return; return;
} }
const bootstrap = url.match(/\/node_modules\/bootstrap-icons\/icons\/([^.]+)\.svg/); const bootstrap = url.match(/\/node_modules\/bootstrap-icons\/icons\/([^.]+)\.svg/);
if (bootstrap && !this._img) if (bootstrap && !this._img)
{ {
this.className = 'bi-'+bootstrap[1]; this.classList.add('bi-' + bootstrap[1]);
return; return;
} }
// change between bootstrap and regular img // change between bootstrap and regular img
@ -167,9 +174,6 @@ export class Et2Image extends Et2Widget(LitElement) implements et2_IDetachedDOM
// set title on et2-image for both bootstrap-image via css-class and embedded img tag // set title on et2-image for both bootstrap-image via css-class and embedded img tag
this.title = this.statustext || this.label || ""; this.title = this.statustext || this.label || "";
this.classList.forEach(_class => {
if (_class.startsWith('bi-')) this.classList.remove(_class);
});
const bootstrap = url.match(/\/node_modules\/bootstrap-icons\/icons\/([^.]+)\.svg/); const bootstrap = url.match(/\/node_modules\/bootstrap-icons\/icons\/([^.]+)\.svg/);
if (bootstrap) if (bootstrap)
{ {