mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-22 14:41:29 +01:00
Docs: Get avatar widget in list, remove Et2 prefix from widget names
This commit is contained in:
parent
db99c1bb2c
commit
2b66ca8ba6
@ -10,7 +10,6 @@
|
|||||||
|
|
||||||
import {Et2Widget} from "../Et2Widget/Et2Widget";
|
import {Et2Widget} from "../Et2Widget/Et2Widget";
|
||||||
import {css} from "lit";
|
import {css} from "lit";
|
||||||
import {SlotMixin} from "@lion/core";
|
|
||||||
import {SlAvatar} from "@shoelace-style/shoelace";
|
import {SlAvatar} from "@shoelace-style/shoelace";
|
||||||
import {et2_IDetachedDOM} from "../et2_core_interfaces";
|
import {et2_IDetachedDOM} from "../et2_core_interfaces";
|
||||||
import {egw} from "../../jsapi/egw_global";
|
import {egw} from "../../jsapi/egw_global";
|
||||||
@ -19,7 +18,7 @@ import {Et2Dialog} from "../Et2Dialog/Et2Dialog";
|
|||||||
import "../../../../vendor/bower-asset/cropper/dist/cropper.min.js";
|
import "../../../../vendor/bower-asset/cropper/dist/cropper.min.js";
|
||||||
import {cropperStyles} from "./cropperStyles";
|
import {cropperStyles} from "./cropperStyles";
|
||||||
|
|
||||||
export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDetachedDOM
|
export class Et2Avatar extends Et2Widget(SlAvatar) implements et2_IDetachedDOM
|
||||||
{
|
{
|
||||||
private _contactId;
|
private _contactId;
|
||||||
private _delBtn: HTMLElement;
|
private _delBtn: HTMLElement;
|
||||||
@ -435,7 +434,8 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
customElements.define("et2-avatar", Et2Avatar as any);
|
|
||||||
|
customElements.define("et2-avatar", Et2Avatar);
|
||||||
// make et2_avatar publicly available as we need to call it from templates
|
// make et2_avatar publicly available as we need to call it from templates
|
||||||
{
|
{
|
||||||
window['et2_avatar'] = Et2Avatar;
|
window['et2_avatar'] = Et2Avatar;
|
||||||
|
@ -126,4 +126,5 @@ export class Et2LAvatar extends Et2Avatar
|
|||||||
return {background: bg, initials: text};
|
return {background: bg, initials: text};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
customElements.define("et2-lavatar", Et2LAvatar as any);
|
|
||||||
|
customElements.define("et2-lavatar", Et2LAvatar);
|
@ -25,7 +25,7 @@
|
|||||||
{% for component in meta.components %}
|
{% for component in meta.components %}
|
||||||
<li>
|
<li>
|
||||||
{% if component.tagName %}
|
{% if component.tagName %}
|
||||||
<a href="/components/{{ component.tagName | removeSlPrefix }}">
|
<a href="/components/{{ component.tagName }}">
|
||||||
{{ component.name | classNameToComponentName }}
|
{{ component.name | classNameToComponentName }}
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
@ -130,7 +130,7 @@ module.exports = function (eleventyConfig)
|
|||||||
|
|
||||||
eleventyConfig.addFilter('classNameToComponentName', className =>
|
eleventyConfig.addFilter('classNameToComponentName', className =>
|
||||||
{
|
{
|
||||||
let name = capitalCase(className.replace(/^Sl/, ''));
|
let name = capitalCase(className.replace(/^Et2/, ''));
|
||||||
if (name === 'Qr Code')
|
if (name === 'Qr Code')
|
||||||
{
|
{
|
||||||
name = 'QR Code';
|
name = 'QR Code';
|
||||||
@ -138,9 +138,9 @@ module.exports = function (eleventyConfig)
|
|||||||
return name;
|
return name;
|
||||||
});
|
});
|
||||||
|
|
||||||
eleventyConfig.addFilter('removeSlPrefix', tagName =>
|
eleventyConfig.addFilter('removeEt2Prefix', tagName =>
|
||||||
{
|
{
|
||||||
return tagName.replace(/^sl-/, '');
|
return tagName.replace(/^et2-/, '');
|
||||||
});
|
});
|
||||||
|
|
||||||
//
|
//
|
||||||
|
Loading…
Reference in New Issue
Block a user