40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<div id="member" class="view-with-vertical-menu" style="display: none">
|
|
<sib-router id="member-page-router" class="vertical-menu border-left" default-route="member-chat">
|
|
<sib-route name="member-chat">
|
|
<i class="fa fa-comment" aria-hidden="true"></i>
|
|
</sib-route>
|
|
<sib-route name="member-detail">
|
|
<i class="fa fa-user" aria-hidden="true"></i>
|
|
</sib-route>
|
|
</sib-router>
|
|
|
|
<div id="member-chat" class="chat-wrapper"></div>
|
|
|
|
<div id="member-detail" style="display: none">
|
|
<div class="section info">
|
|
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
<i class="name fa fa-pencil" aria-hidden="true"></i>
|
|
|
|
<sib-display
|
|
id="member-info"
|
|
data-fields="avatar, user, before-pseudo, pseudo, bio, cell, number, roles, website, skills"
|
|
widget-avatar="sib-display-img"
|
|
widget-user="hdapp-userinfo"
|
|
widget-cell="hdapp-usercell"
|
|
widget-number="sib-display-tel"
|
|
widget-roles="sib-display-lookuplist"
|
|
widget-skills="sib-display-lookuplist"
|
|
bind-resources
|
|
></sib-display>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.querySelectorAll("#member-detail .fa-pencil").forEach((el) => {
|
|
el.addEventListener("click", (e) => {
|
|
document.getElementById('navbar-router').navigate('edit-profile');
|
|
});
|
|
});
|
|
</script>
|