diff --git a/src/html/members.html b/src/html/members.html index 5f8aa86f754c8c36b7a1153efbf0cd3feceb1d3e..c68e637ebbf6a4727a99ec8adf69e08fe3fb78aa 100644 --- a/src/html/members.html +++ b/src/html/members.html @@ -1,13 +1,22 @@ +<script> + class LDPDisplayCell extends LDPWidget { + get template() { + return `<div name="${this.name}">${this.value.city} - ${this.value.country}</div>`; + } + } + customElements.define("ldp-display-cell", LDPDisplayCell); +</script> + <div id="members" class="view" style="display: none"> <ldp-display id="profiles-list" 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" + data-fields="avatar, name, cell" widget-avatar="ldp-display-img" + widget-cell="ldp-display-cell" search-fields="firstname, lastname" next="member" ></ldp-display>