hubl/src/html/member.html

<div id="member" class="view-with-vertical-menu" style="display: none">
  <ldp-router id="member-page-router" class="vertical-menu border-left" default-route="member-chat">
    <ldp-route name="member-chat">
      <i class="fa fa-comment-o" aria-hidden="true"></i>
    </ldp-route>
    <ldp-route name="member-profile">
      <i class="fa fa-user" aria-hidden="true"></i>
    </ldp-route>
  </ldp-router>

  <hd-chat-window
    id="member-chat" 
    data-authentication="anonymous"
    data-auto-login="true"
    data-bosh-service-url="https://conversejs.org/http-bind/"
    data-debug="false"
    data-jid="nomnom.im"
    data-locales-url="http://hd-app.local/dist/lib/xmpp-chat-component/node_modules/converse.js/locale/{{{locale}}}/LC_MESSAGES/converse.json",
    data-room-jid="anonymous@conference.nomnom.im">
  </hd-chat-window>

  <ldp-display 
    id="member-profile" 
    set-name="firstname, name-separator, lastname"
    value-name-separator="&nbsp;"
    set-location="city, city-separator, country"
    value-city-separator=",&nbsp;"
    data-fields="avatar, name, location, email, number"
    widget-avatar="ldp-display-img"
    widget-email="ldp-display-mailto"
    widget-number="ldp-display-tel"
    bind-resources
  ></ldp-display>
</div>