26 lines
1009 B
HTML
26 lines
1009 B
HTML
<div id="members" style="display: none">
|
|
<div class="page-header">
|
|
<h1>Membres</h1>
|
|
</div>
|
|
|
|
<ldp-display id="profilesList" data-src="http://lucky.alwaysdata.net/api/users/" data-fields="miniature" set-miniature="picture, name" widget-picture="ldp-display-img"></ldp-display>
|
|
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function (event) {
|
|
var profilesListElt = document.querySelector('#profilesList');
|
|
var profileDivElt = document.querySelector('#profileDiv');
|
|
var profileDetailElt = document.querySelector('#profileDetail');
|
|
|
|
profilesListElt.addEventListener('select', function (event) {
|
|
profileDivElt.style.display = 'flex';
|
|
profileDetailElt.setAttribute("data-src", event.detail.resource['@id']);
|
|
});
|
|
profileDivElt.addEventListener('click', function (event) {
|
|
if (event.target.id == "profileDiv") {
|
|
profileDivElt.style.display = 'none';
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|