51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
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" aria-hidden="true"></i>
|
|
</ldp-route>
|
|
<ldp-route name="member-detail">
|
|
<i class="fa fa-user" aria-hidden="true"></i>
|
|
</ldp-route>
|
|
</ldp-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>
|
|
|
|
<ldp-display
|
|
id="member-info"
|
|
data-src="<?php echo $sdn; ?>/members/1/"
|
|
set-name="firstname, name-separator, lastname"
|
|
value-name-separator=" "
|
|
data-fields="avatar, name, cell, email, number"
|
|
widget-avatar="ldp-display-img"
|
|
widget-cell="ldp-display-cell"
|
|
widget-email="ldp-display-mailto"
|
|
widget-number="ldp-display-tel"
|
|
bind-resources
|
|
></ldp-display>
|
|
</div>
|
|
|
|
<div class="section skills">
|
|
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
<h2>Compétences</h2>
|
|
<ldp-display
|
|
id="member-skills"
|
|
id-suffix="skills"
|
|
bind-resources
|
|
></ldp-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>
|