src/config.sample.json

 {
   "dev": {
-    "sdn": "http://127.0.0.1:8000",
     "cdn": "https://cdn.happy-dev.fr",
     "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-    "client_id": "000000"
+    "authority": "http://127.0.0.1:8000/openid/",
+    "client_id": "000000",
+    "endpoints": {
+      "businessproviders": "http://127.0.0.1:8000/businessproviders/",
+      "circles": "http://127.0.0.1:8000/circles/",
+      "groups": "http://127.0.0.1:8000/groups/",
+      "joboffers": "http://127.0.0.1:8000/job-offers/",
+      "projects": "http://127.0.0.1:8000/projects/",
+      "skills": "http://127.0.0.1:8000/skills/",
+      "users": "http://127.0.0.1:8000/users/"
+    } 
   },
 
   "alpha": {
-    "sdn": "https://api.alpha.happy-dev.fr",
     "cdn": "https://cdn.happy-dev.fr",
     "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-    "client_id": "218707"
+    "authority": "https://api.alpha.happy-dev.fr/openid/",
+    "client_id": "218707",
+    "endpoints": {
+      "businessproviders": "https://api.alpha.happy-dev.fr/businessproviders/",
+      "circles": "https://api.alpha.happy-dev.fr/circles/",
+      "groups": "https://api.alpha.happy-dev.fr/groups/",
+      "joboffers": "https://api.alpha.happy-dev.fr/job-offers/",
+      "projects": "https://api.alpha.happy-dev.fr/projects/",
+      "skills": "https://api.alpha.happy-dev.fr/skills/",
+      "users": "https://api.alpha.happy-dev.fr/users/"
+    } 
   },
 
   "paris": {
     "sdn": "https://api.test-paris.happy-dev.fr",
     "cdn": "https://cdn.happy-dev.fr",
     "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-    "client_id": "196656"
+    "authority": "https://api.test-paris.happy-dev.fr/openid/",
+    "client_id": "196656",
+    "endpoints": {
+      "businessproviders": "https://api.test-paris.happy-dev.fr/businessproviders/",
+      "circles": "https://api.test-paris.happy-dev.fr/sources/circles/",
+      "groups": "https://api.test-paris.happy-dev.fr/groups/",
+      "joboffers": "https://api.test-paris.happy-dev.fr/sources/job-offers/",
+      "projects": "https://api.test-paris.happy-dev.fr/sources/projects/",
+      "skills": "https://api.test-paris.happy-dev.fr/skills/",
+      "users": "https://api.test-paris.happy-dev.fr/users/"
+    } 
   },
 
   "nantes": {
-    "sdn": "https://api.test-nantes.happy-dev.fr",
     "cdn": "https://cdn.happy-dev.fr",
     "xmpp": "https://jabber.happy-dev.fr/http-bind/",
-    "client_id": "621272"
+    "authority": "https://api.test-nantes.happy-dev.fr/openid/",
+    "client_id": "621272",
+    "endpoints": {
+      "businessproviders": "https://api.test-nantes.happy-dev.fr/businessproviders/",
+      "circles": "https://api.test-nantes.happy-dev.fr/sources/circles/",
+      "groups": "https://api.test-nantes.happy-dev.fr/groups/",
+      "joboffers": "https://api.test-nantes.happy-dev.fr/sources/job-offers/",
+      "projects": "https://api.test-nantes.happy-dev.fr/sources/projects/",
+      "skills": "https://api.test-nantes.happy-dev.fr/skills/",
+      "users": "https://api.test-nantes.happy-dev.fr/users/"
+    } 
   }
 }
\ No newline at end of file

src/dependencies.pug

@@ -13,7 +13,7 @@ link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:3
 //- script(type="module" src="/lib/sib-notifications/sib-notifications.js")
 //- script(type="module" src="/lib/sib-conversation/sib-conversation.js")
 //- script(type="module" src="/lib/sib-directory/sib-directory.js")
-//- script(type="module" src="/lib/sib-joboffers/sib-joboffers.js")
+//- script(type="module" src="/lib/sib-job-board/sib-job-board.js")
 
 //- CDN
 script(type="module" src="https://unpkg.com/@startinblox/core@0.7")

src/header.pug

@@ -8,7 +8,7 @@
 //-   i#close-search-icon.icon-close(aria-hidden='true')
 
 sib-notifications(
-  id-suffix="inbox",
+  id-suffix="inbox"
   bind-user
 )
 
@@ -17,17 +17,19 @@ include templates/hd-user-avatar.pug
 details#user-controls
   summary(tabindex='0' role='button')
     sib-display#user-controls__profile(
-      data-fields='first_name, account.picture',
-      widget-account.picture='hd-user-avatar',
+      data-fields='first_name, account.picture'
+      widget-account.picture='hd-user-avatar'
       bind-user
     )
+  #user-controls__panel
+    include page-user-panel.pug
 
 button(role='log in' onclick="document.querySelector('sib-auth').login();") Login
 
 sib-auth
   sib-auth-provider(
     class="sib-auth-provider"
-    data-authority=`${sdn}/openid/`
+    data-authority=`${authority}`
     data-client_id=`${client_id}`,
     data-id="paris"
     data-response_type='id_token token',

src/index.pug

@@ -25,6 +25,10 @@ html(lang="en")
           sib-link(class="backlink", next="job-offers") Back
           include page-job-offer-create.pug
 
+        #job-offer-edit(hidden).no-sidebar
+          sib-link(class="backlink", next="job-offers") Back
+          include page-job-offer-edit.pug
+
         #project(hidden).with-sidebar
           include page-project.pug
 
@@ -33,3 +37,6 @@ html(lang="en")
 
         #messages(hidden).with-sidebar
           include page-messages.pug
+        
+        #my-profile(hidden).no-sidebar
+          include page-user-profile.pug

src/menu-left.pug

 sib-widget(name='hd-counter')
   template
-    sib-badge(data-src="${id}")
+    sib-badge(data-src="${src}")
 nav#main__menu
   sib-router#navbar-router(default-route='members')
     sib-route.menu(name='members')
@@ -11,6 +11,7 @@ nav#main__menu
       div.menu-label Job offers
       div.menu-icon.icon-briefcase
     sib-route(hidden, name='job-offer-create')
+    sib-route(hidden, name='job-offer-edit', use-id)
     div.divider
     div.menu-wrapper
       div.menu
@@ -18,13 +19,15 @@ nav#main__menu
           div.menu-icon.icon-arrow-up
         div.menu-label Projects
         div.menu-icon.icon-folder-alt
-      sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`, rdf-type='hd:project', use-id='')
+      sib-route(hidden,name='project', id-prefix=`${endpoints.projects}`, rdf-type='hd:project', use-id='')
       div.sub-menu.menu-notification
         sib-display(
-          data-src=`${sdn}/sources/projects/`
-          data-fields='project'
+          data-src=`${endpoints.projects}`
+          data-fields='project, badge'
           set-project='customer.name, dash, name'
           value-dash=' - '
+          widget-badge='hd-counter'
+          action-badge='badge'
           next='project'
         )
     //- div.divider
@@ -34,10 +37,10 @@ nav#main__menu
     //-       div.menu-icon.icon-arrow-up
     //-     div.menu-label Cercles
     //-     div.menu-icon.icon-globe
-      //- sib-route(hidden, name='circle', id-prefix=`${sdn}/circles/`, rdf-type='hd:circle')
+      //- sib-route(hidden, name='circle', id-prefix=`${endpoints.circles}`, rdf-type='hd:circle')
       //- div.sub-menu
       //-   sib-display(
-      //-     data-src=`${sdn}/sources/circles/`,
+      //-     data-src=`${endpoints.circles}`,
       //-     data-fields='name',
       //-     widget-name='sib-display-div',
       //-     next='circle'
@@ -49,15 +52,17 @@ nav#main__menu
           div.menu-icon.icon-arrow-up
         div.menu-label Chat
         div.menu-icon.icon-envelope-letter
-      sib-route(hidden, name='messages', id-prefix=`${sdn}/users/`, rdf-type='foaf:user', use-id='')
+      sib-route(hidden, name='messages', id-prefix=`${endpoints.users}`, rdf-type='foaf:user', use-id='')
       div.sub-menu.menu-notification
         sib-display(
-          data-src=`${sdn}/users/`
-          data-fields='username, account.user'
+          data-src=`${endpoints.users}`
+          data-fields='username, badge'
           widget-username='sib-display-div'
-          widget-account.user='hd-counter'
+          widget-badge='hd-counter'
+          action-badge='badge'
           next='messages'
         )
 
     div.divider
+    sib-route.menu(hidden, name='my-profile', rdf-type='foaf:user', use-id='')
 

src/page-circle-chat.pug

-.content-box.full-width.chat-view
+.content-box.with-padding.full-width.chat-view
   sib-chat(
     data-authentication='login',
     data-auto-login='true',

src/page-circle-create.pug

-.content-box.with-form.full-width
+.content-box.with-padding.with-form.full-width
   h1 New group
   p Here you can create a new group according to your interests, what you want to share, etc.
 
   sib-form(
-    data-src=`${sdn}/sources/circles/`,
-    range-owner=`${sdn}/users/`, 
-    range-team=`${sdn}/users/`
+    data-src=`${endpoints.circles}`,
+    range-owner=`${endpoints.users}`, 
+    range-team=`${endpoints.users}`
     
     data-fields='name, description, description-text, owner, owner-text, team, team-text, jabberRoom, foaf:jabberID',
 

src/page-circle-edit.pug

-#circle-edit.content-box.with-form.full-width
+#circle-edit.content-box.with-padding.with-form.full-width
   h1 Edit group
   sib-form.block(
-    range-owner=`${sdn}/members/`,
+    range-owner=`${endpoints.users}`,
     data-fields="name, description, owner, team, jabberID, jabberRoom"
-    range-team=`${sdn}/members/`,
+    range-team=`${endpoints.users}`,
     widget-team='sib-form-multiple-dropdown',
     bind-resources
   )

src/page-circle-profile.pug

-.content-box.full-width
+.content-box.with-padding.full-width
   h2 Channel's name:
   sib-display(
     data-fields='name',

src/page-job-offer-create.pug

-.content-box.with-form
+.content-box.with-padding.with-form
   h1 Post a new job offer
   p.center This form allows you to share an offer to all members of the network.
     
@@ -11,28 +11,31 @@
       p Be specific and exhaustive to avoid answering too many questions later. Indicate what is the best way to fill the offer, the prerequisites...'
   
   sib-form.block(
-    data-src=`${sdn}/sources/job-offers/`
-    range-skills=`${sdn}/skills/`
+    data-src=`${endpoints.joboffers}`
+    range-skills=`${endpoints.skills}`
 
-    data-fields='title, title-text, description, description-text, skills'
+    data-fields='title, title-text, description, description-text, skills, closingDate'
 
     class-title='field form-label is-light is-expanded'
     label-title='Title*'
     
-    class-title-text='small-margin'
     widget-title-text='title-text'
     
     class-description='field form-label is-light is-expanded'
     label-description='Description*'
+    widget-description='sib-form-textarea'
     
-    class-description-text='large-margin'
     widget-description-text='description-text'
     
     class-skills='form-label is-dark'
     label-skills='The required skills for this mission:*'
     multiple-skills='sib-multiple-select'
     widget-skills='sib-form-auto-completion'
+
+    class-closingDate='form-label is-dark'
+    label-closingDate='Publication end date:*'
+    widget-closingDate='sib-form-date'
     
-    next="job-offers"
+    next='job-offers'
   )
 

src/page-job-offer-edit.pug

+.content-box.with-padding.with-form
+  h1 Edit your job offer
+  
+  sib-form.block(
+    bind-resources
+    range-skills=`${endpoints.skills}`
+
+    data-fields='title, description, skills, closingDate'
+
+    class-title='field form-label is-light is-expanded'
+    label-title='Title*'
+    
+    class-description='field form-label is-light is-expanded'
+    label-description='Description*'
+    widget-description='sib-form-textarea'
+
+    class-skills='form-label is-dark'
+    label-skills='The required skills for this mission:*'
+    multiple-skills='sib-multiple-select'
+    widget-skills='sib-form-auto-completion'
+    
+    class-closingDate='form-label is-dark'
+    label-closingDate='Publication end date:*'
+    widget-closingDate='sib-form-date'
+
+    next='job-offers'
+  )
+

src/page-job-offers.pug

 .job-offers__container
   sib-job-board(
-    data-src=`${sdn}/job-offers/`,
-    range-skills=`${sdn}/skills/`
+    data-src=`${endpoints.joboffers}`,
+    range-skills=`${endpoints.skills}`
   )
 
   div.job-offers__newoffer
     sib-link(next="job-offer-create").plus-button
       div.icon-plus
       div Post a new offer
-

src/page-members-directory.pug

 sib-directory(
-  data-src=`${sdn}/users/`,
-  range-groups=`${sdn}/groups/`,
-  range-skills=`${sdn}/skills/`
+  data-src=`${endpoints.users}`,
+  range-groups=`${endpoints.groups}`,
+  range-skills=`${endpoints.skills}`
 )
 

src/page-messages.pug

-.content-box.full-width.chat-view
+.content-box.with-padding.full-width.chat-view
   sib-chat(
     data-authentication='login',
     data-auto-login='true',

src/page-project-chat.pug

-.content-box.full-width.chat-view
+.content-box.with-padding.full-width.chat-view
   sib-chat(
     data-authentication='login',
     data-auto-login='true',

src/page-project-create.pug

-.content-box.with-form.full-width
+.content-box.with-padding.with-form.full-width
   h1 New project
   p Here you can create your project, add members and assign them a job.
   
   sib-form.block(
-    data-src=`${sdn}/sources/projects/`,
-    range-members=`${sdn}/users/`,
-    range-team=`${sdn}/users/`,
+    data-src=`${endpoints.projects}`,
+    range-members=`${endpoints.users}`,
+    range-team=`${endpoints.users}`,
 
     data-fields='block-project__info, block-project__fee, block-project__customer',
 

src/page-project-drive.pug

@@ -3,7 +3,7 @@ sib-widget(name='hd-drive')
         iframe.drive.chat-view(
             src='https://drive.google.com/embeddedfolderview?id=${value}'
         )
-.content-box.full-width.chat-view
+.content-box.with-padding.full-width.chat-view
     sib-display(
         bind-resources=""
         data-fields="driveID"

src/page-project-edit.pug

 
 
-.content-box.with-form.full-width
+.content-box.with-padding.with-form.full-width
   h1 Edit your project
   p Here you can edit your projet's details
 
@@ -14,7 +14,7 @@
         naked,
         data-src='${id}',
         data-fields='user.name, name',
-        range-user.name=`${sdn}/users/`,
+        range-user.name=`${endpoints.users}`,
         class-name='field',
         class-user.name='field',
         label-name='Role',
@@ -31,7 +31,7 @@
     label-description='Project description',
 
     set-block-project__fee='fieldset-fee, businessProvider, businessProvider.fee',
-    range-businessProvider=`${sdn}/businessproviders/`,
+    range-businessProvider=`${endpoints.businessproviders}`,
     label-businessProvider='Business provider',
     label-businessProvider.fee='Amount of the contribution (%)',
     widget-fieldset-fee='hd-template-project-title',

src/page-project-profile.pug

-.content-box.full-width
+.content-box.with-padding.full-width
 
   include templates/template-business-provider.pug
   include templates/template-customer.pug

src/page-user-panel.pug

-//- nav(role="user's functionalities menu")
-//-   sib-router
-//-     ul
-//-       sib-route(name='user-profile')
-//-         li
-//-           a(href='#') My profile
-//-       sib-route(name='user-settings')
-//-         li
-//-           a(href='#') Settings
-//-       sib-route(name='user-admin')
-//-         li
-//-           a Admin
-//-     button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out
+nav(role="user's functionalities menu")
+  ul
+    li
+      sib-link(next='my-profile') My profile
+    //-li
+      sib-link(next='user-settings') Settings
+    //-li
+      sib-link(name='user-admin') Admin
+  //-button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out