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>
|