hubl/src/page-channel-profile.pug

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);
  });

#channel-profile(style='display: none')
  sib-display(
    data-fields='name, description, owner', 
    widget-owner='hdapp-member', 
    bind-resources=''
  )
  h2.section.skills Participants
  sib-display(
    id-suffix='members',
    data-fields='avatar, user',
    widget-avatar='sib-display-img',
    widget-user='hdapp-userinfo',
    bind-resources=''
  )