add dot syntax

src/dependencies.pug

@@ -3,9 +3,9 @@
 script(src="/lib/webcomponentsjs/webcomponents-loader.js")
 //- script(src="lib/html-imports.js")
 
-script(src="https://cdn.happy-dev.fr/oidc-client/oidc-client.min.js")
+script(src="/lib/oidc-client.js")
 script(
-  src="lib/sib-oidc/sib-oidc.js"
+  src="/lib/sib-oidc/sib-oidc.js"
   data-authority='https://test-paris.happy-dev.fr/openid/',
   data-client_id='833925',
   data-response_type='id_token token',
@@ -30,7 +30,7 @@ link(href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,6
 //- local
 link(rel='import', href='/lib/sib-core/sib-display.html')
 link(rel='import', href='/lib/sib-router/sib-router.html')
-link(rel='import', href='/lib/sib-chat/sib-chat.html')
+//- link(rel='import', href='/lib/sib-chat/sib-chat.html')
 
 //- cdn
   link(rel='import', href="https://cdn.happy-dev.fr/sib-core/sib-display.html")

src/page-members.pug

@@ -45,7 +45,7 @@ script.
             else this.value = [];
             return '';
           }
-        return `<span>${city} ${country}</span>`;
+        return `<span>${city} - ${country}</span>`;
       }
     }
     customElements.define("hdapp-usercell", HDAppCell);
@@ -55,13 +55,15 @@ div
   h1 Members
   sib-display#profiles-list(
     data-src=`${sdn}/members/`,
-    data-fields='header, cell, skills',
+    data-fields='header, footer'
     set-header='avatar, user, pseudonym, bio',
+    set-footer='cell, roles, skills',
     set-pseudonym='before-pseudo, pseudo',
     value-before-pseudo='@',
     widget-avatar='sib-display-img',
     widget-user='hdapp-userinfo',
     widget-cell='hdapp-usercell',
+    widget-roles='sib-display-lookuplist',
     widget-skills='sib-display-lookuplist',
     set-searchset='user.first_name, user.last_name',
     search-fields='searchset',

src/styles/content.scss

@@ -91,7 +91,7 @@ sib-display#member-info,
   cursor: pointer;
 
   label {
-    // display: none;
+    display: none;
   }
   sib-display-img {
     $width: 55%;
@@ -111,6 +111,29 @@ sib-display#member-info,
       object-position: center;
     }
   }
+
+  div[name='header'] {
+    border-top: 2em solid $color-grey-light;
+    border-bottom: 1px solid $color-grey-light;
+    padding-bottom: 1em;
+    margin: -0.5em;
+    padding: 0.5em;
+    margin-bottom: 1em;
+    text-align: center;
+  }
+  hdapp-userinfo {
+    @extend h1;
+  }
+  div[name='pseudonym'] {
+    div {
+      display: inline;
+    }
+  }
+
+  ul{
+    @include list-reset();
+  }
+
 }
 
 #profiles-list {

src/styles/index.scss

@@ -9,5 +9,5 @@
 @import 'form';
 @import 'content';
 
-@import 'members';
+// @import 'members';
 @import 'menu';