49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<div id="members" style="display: none">
|
||
<div class="page-header">
|
||
<h1 class="h2 mt-2">Membres</h1>
|
||
</div>
|
||
|
||
<ldp-display
|
||
id="profilesList"
|
||
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="firstname, lastname"
|
||
next="member"
|
||
></ldp-display>
|
||
|
||
<script>// Bootstrap compliance
|
||
const addBootstrapClassesToMembers = function() {
|
||
window.setTimeout(function() {
|
||
const FORM = document.querySelector("ldp-display > ldp-form");
|
||
|
||
if (FORM) {
|
||
FORM.classList.add("mt-4");
|
||
FORM.classList.add("mb-4");
|
||
FORM.classList.add("d-block");
|
||
FORM.querySelectorAll("ldp-form-text").forEach(function(el) {
|
||
el.classList.add("form-group");
|
||
el.classList.add("d-block");
|
||
});
|
||
FORM.querySelectorAll('input[type="text"]').forEach(function(el) {
|
||
el.classList.add("form-control");
|
||
});
|
||
FORM.querySelectorAll('label').forEach(function(el) {
|
||
el.classList.add("text-capitalize");
|
||
});
|
||
FORM.querySelector('input[type="submit"]').classList.add("btn", "btn-primary");
|
||
}
|
||
else {
|
||
addBootstrapClassesToMembers();
|
||
}
|
||
}, 100)
|
||
};
|
||
|
||
window.onload = addBootstrapClassesToMembers();
|
||
</script>
|
||
</div>
|