30 lines
1.4 KiB
HTML
30 lines
1.4 KiB
HTML
<div id="members" style="display: none">
|
|
<h1 class="page-title">Membres</h1>
|
|
|
|
<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>
|
|
|
|
<!-- <ldp-display id="profilesList" data-src="https://djangoldp.happy-dev.fr/skippers/" data-fields="miniature, name" set-miniature="picture" widget-picture="ldp-display-img"
|
|
set-name="name, testmdr" value-testmdr="C'est trés amusant"></ldp-display> -->
|
|
|
|
<!-- test direct dans data-fields -->
|
|
<!-- <ldp-display id="profilesList" data-src="https://djangoldp.happy-dev.fr/skippers/" data-fields="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>
|