Architecture and models setup for members and projects. Chat and css missing
This commit is contained in:
@ -5,31 +5,14 @@
|
||||
|
||||
<ldp-display
|
||||
id="profilesList"
|
||||
data-src="http://localhost:8000/users/"
|
||||
data-src="http://localhost:8000/members/"
|
||||
set-name="firstname, name-separator, lastname"
|
||||
value-name-separator=" "
|
||||
set-location="city, city-separator, country"
|
||||
value-city-separator=", "
|
||||
data-fields="avatar, name, location"
|
||||
widget-avatar="ldp-display-img"
|
||||
search-fields="city"
|
||||
search-fields="firstname, lastname"
|
||||
next="member"
|
||||
></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>
|
||||
|
||||
Reference in New Issue
Block a user