autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Templated index.php

Browse Source
This commit is contained in:
Alexandre Bourlier
2018-03-17 18:34:32 +01:00
parent c2a2d19713
commit 7fc0f489f7
11 changed files with 147 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/html/members.html Normal file
View File

@ -0,0 +1,29 @@
<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>