Member detail page complete

src/html/member.html

@@ -21,22 +21,22 @@
 
   <div id="member-detail" style="display: none">
     <ldp-display 
+      id="member-info" 
       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, email, number"
+      data-fields="avatar, name, cell, email, number"
       widget-avatar="ldp-display-img"
+      widget-cell="ldp-display-cell"
       widget-email="ldp-display-mailto"
       widget-number="ldp-display-tel"
       bind-resources
     ></ldp-display>
 
-    <span>Skills here</span>
-    <!--<ldp-display -->
-    <!--id="member-skills" -->
-    <!--id-suffix="skills"-->
-    <!--bind-resources-->
-    <!-- ></ldp-display>-->
+    <h2 class="section skills">Compétences</h2>
+    <ldp-display 
+      id="member-skills" 
+      id-suffix="skills"
+      bind-resources
+      ></ldp-display>
   </div>
 </div>

src/html/members.html

@@ -3,6 +3,13 @@
     get template() {
       return `<div name="${this.name}">${this.value.city} - ${this.value.country}</div>`;
     }
+
+    render() {
+      store.get(this.value).then( (value) => {
+        this._value = value;
+        this.innerHTML = this.template;
+      });
+    }
   }
   customElements.define("ldp-display-cell", LDPDisplayCell);
 </script>