add sib-oidc

src/dependencies.pug

@@ -3,7 +3,17 @@
 script(src="/lib/webcomponentsjs/webcomponents-loader.js")
 //- script(src="lib/html-imports.js")
 
-//- script(src='/lib/sib-chat/3rdparty/sib-oidc-client.js')
+script(src="https://cdn.happy-dev.fr/oidc-client/oidc-client.min.js")
+script(
+  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',
+  data-scope='openid profile email',
+  data-automaticSilentRenew='true',
+  data-loadUserInfo='true'
+)
+
 script(src="/scripts/index.js")
 
 // Stylesheets
@@ -20,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/header.pug

@@ -11,7 +11,7 @@
 #notification
 
 #profile
-  img(src="/images/user.png" width=43 height=43)
+  img(src="/images/user.jpg")
   span
-    | Sophie
+    | Paul
     span.icon-arrow-down

src/page-members.pug

@@ -1,5 +1,5 @@
 script.
-  document.addEventListener("WebComponentsReady", function(event) { 
+  document.addEventListener("WebComponentsReady", function(event) {
     class HDAppUserInfo extends SIBDisplayLookupList {
       get parentElement() {return "div"}
       getTemplate(value, index) {
@@ -20,7 +20,7 @@ script.
             else this.value = [];
             return '';
           }
-        return `<div id="${firstname}-${lastname}">${firstname} ${lastname}</div>`;
+        return `<div>${firstname} ${lastname}</div>`;
                 // + `<div id="${email}">${email}</div>`;
       }
     }
@@ -45,7 +45,7 @@ script.
             else this.value = [];
             return '';
           }
-        return `<span id="${city}-${country}">${city} ${country}</span>`;
+        return `<span>${city} ${country}</span>`;
       }
     }
     customElements.define("hdapp-usercell", HDAppCell);
@@ -56,8 +56,8 @@ div
   sib-display#profiles-list(
     data-src=`${sdn}/members/`,
     data-fields='header, cell, skills',
-    set-header='avatar, user, pseudonym, bio'
-    set-pseudonym='before-pseudo, pseudo'
+    set-header='avatar, user, pseudonym, bio',
+    set-pseudonym='before-pseudo, pseudo',
     value-before-pseudo='@',
     widget-avatar='sib-display-img',
     widget-user='hdapp-userinfo',
@@ -67,6 +67,3 @@ div
     search-fields='searchset',
     next='member'
   )
-
-
-

src/page-project-profile.pug

@@ -1,10 +1,12 @@
 #project-profile
   sib-display(
-    data-fields='title, description, client',
-    set-title='number, name'
+    data-fields='title, description, client, team',
+    set-title='number, client, name',
     widget-client='hdapp-client',
-    bind-resources
+    widget-team='sib-display-lookuplist',
+    bind-resources,
   )
+
   h3 Team
   sib-display.members-list-condensed(
     id-suffix='team',
@@ -12,5 +14,5 @@
     widget-avatar='sib-display-img',
     widget-user='hdapp-userinfo',
     next='member',
-    bind-resources
-  )
+    bind-resources,
+  )

src/styles/content.scss

@@ -89,6 +89,10 @@ sib-display#member-info,
   @extend %shadow;
   padding: 1em;
   cursor: pointer;
+
+  label {
+    // display: none;
+  }
   sib-display-img {
     $width: 55%;
     display: block;
@@ -119,10 +123,25 @@ sib-display#member-info,
   }
 }
 
-
 // projects
 #project-profile {
-  [name="title"]{
-    
+  [name='title'] {
+    @extend h1;
+    > sib-display-div {
+      display: inline-block;
+    }
+    div[name='number'] {
+      padding-right: 0.5em;
+      &:before {
+        content: '#';
+      }
+    }
   }
-}
+}
+
+label {
+  @extend h2;
+  &:after {
+    content: ':';
+  }
+}

src/styles/index.scss

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

src/styles/main.scss

@@ -87,6 +87,11 @@ h3 {
   }
   img {
     margin-right: 0.5em;
+    width: 43px;
+    height: 43px;
+    object-fit: cover;
+    object-position: center;
+    border-radius: 100%;
   }
 }