39 lines
926 B
HTML
39 lines
926 B
HTML
|
<script>
|
||
|
document.addEventListener("WebComponentsReady", function(event) {
|
||
|
class HDAppMember extends SIBWidget {
|
||
|
get template() {
|
||
|
return `
|
||
|
<div name="${this.name}">
|
||
|
<img src="${this.value.avatar}"/>
|
||
|
</div>
|
||
|
`;
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
store.get(this.value).then( (value) => {
|
||
|
this._value = value;
|
||
|
this.innerHTML = this.template;
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
customElements.define("hdapp-member", HDAppMember);
|
||
|
});
|
||
|
</script>
|
||
|
|
||
|
<div id="channel-profile" style="display: none">
|
||
|
<sib-display
|
||
|
data-fields="name, description, owner"
|
||
|
widget-owner="hdapp-member"
|
||
|
bind-resources
|
||
|
></sib-display>
|
||
|
|
||
|
<h2 class="section skills">Participants</h2>
|
||
|
<sib-display
|
||
|
id-suffix="members"
|
||
|
data-fields="avatar, user"
|
||
|
widget-avatar="sib-display-img"
|
||
|
widget-user="hdapp-userinfo"
|
||
|
bind-resources
|
||
|
></sib-display>
|
||
|
</div>
|