add sib-oidc

.gitignore

@@ -7,4 +7,5 @@
 /www/oidc-client-config.json
 !/www/lib/sib-core
 !/www/lib/sib-router
-!/www/lib/sib-chat
+!/www/lib/sib-chat
+!/www/lib/sib-oidc

.gitmodules

@@ -7,3 +7,6 @@
 [submodule "www/lib/sib-chat"]
 	path = www/lib/sib-chat
 	url = git@git.happy-dev.fr:startinblox/sib-chat.git
+[submodule "www/lib/sib-oidc"]
+	path = www/lib/sib-oidc
+	url = git@git.happy-dev.fr:startinblox/sib-oidc.git

Makefile

@@ -40,7 +40,6 @@ copy_lib:
 # sample
 copy_samples:
 	@cp -n src/config.sample.pug src/config.pug
-	@cp -n www/oidc-client-config.sample.json www/oidc-client-config.json
 
 # pug
 $(DIST_DIR)/index.html: src/index.pug $(wildcard src/*.pug src/*/*.pug)
@@ -58,7 +57,11 @@ $(DIST_DIR)/%.js: src/%.js
 	@mkdir -p $(dir $@)
 	@node_modules/.bin/babel $< --out-file $@ --source-maps || touch $@
 
-sync:
-	rsync -rv www/* staging-app@ssh-staging-app.happy-dev.fr:~/staging-app.happy-dev.fr/
+buildprod:
+	export SDN="https://test-paris.happy-dev.fr"; \
+	$(MAKE) $(DIST_DIR)/index.html -B
 
-.PHONY: default install submodules copy_lib copy_samples build watch serve clean
+sync:
+	rsync -rv www/* staging-app@ssh-staging-app.happy-dev.fr:~/staging-app.happy-dev.fr/ --exclude=www/oidc-client-config.json
+
+.PHONY: default install submodules copy_lib copy_samples build watch serve clean sync buildprod

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%;
   }
 }
 

www/lib/sib-core

@@ -1 +1 @@
-Subproject commit be42b1cb02524a69e7009ee9f4a1144be29ed1e8
+Subproject commit 2d4c97a40e02041b6001fdf51b0490d211144c75

www/lib/sib-oidc

@@ -0,0 +1 @@
+Subproject commit 79804ac27cd389bcf91e5eb5714f42c1436c430d

www/oidc-client-config.sample.json

@@ -1,10 +0,0 @@
-{
-  "authority": "https://test-paris.happy-dev.fr/openid/",
-  "client_id": "125356",
-  "redirect_uri": "http://127.0.0.1:3000",
-  "response_type": "id_token token",
-  "scope": "openid profile email",
-  "automaticSilentRenew": true,
-  "silent_redirect_uri": "http://127.0.0.1:3000",
-  "loadUserInfo": true
-}