From f69bc86ee6796bcc3b194038fdd08e1c415868ea Mon Sep 17 00:00:00 2001
From: Alexandre Bourlier <alexandre@happy-dev.fr>
Date: Mon, 23 Apr 2018 15:34:12 +0200
Subject: [PATCH] Failed implementation of custom cell widget

---
 src/html/members.html | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/html/members.html b/src/html/members.html
index 5f8aa86..c68e637 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="&nbsp;"
-    set-location="city, city-separator, country"
     value-city-separator=",&nbsp;"
-    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>