Merge branch 'master' into feature/new-integration

src/views/page-about.pug

@@ -0,0 +1,18 @@
+div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.clearfix
+  h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title')
+
+  div.segment.lg-two-third.margin-top-small.padding-right-xlarge.float-left
+    div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
+      h3.text-color-heading.text-semibold(data-trans='about.card1.subTitle')
+      div
+        p.segment.float-left.text-large(data-trans='about.card1.paragraph1')
+        p.segment.float-left.text-large(data-trans='about.card1.paragraph2')
+        a.link.text-xlarge(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/
+
+  div.segment.lg-third.margin-top-small.float-left
+    div.segment.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
+      div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary
+      h3.text-color-heading.text-semibold.text-medium(data-trans='about.card2.subTitle')
+      div
+        p.segment.float-left(data-trans='about.card2.paragraph1')
+        a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta

src/views/page-admin.pug

@@ -0,0 +1,31 @@
+.views-container.sidebar-is-closed
+  if endpoints.circles || (endpoints.get && endpoints.get.circles)
+    #admin-circles(hidden, data-view="admin-circles")
+      include partials/admin/page-admin-circles.pug
+  if endpoints.projects || (endpoints.get && endpoints.get.projects)
+    #admin-projects(hidden, data-view="admin-projects")
+      include partials/admin/page-admin-projects.pug
+  if (endpoints.users || (endpoints.get && endpoints.get.users))
+    #admin-communities(hidden, data-view="admin-communities")
+      include partials/admin/page-admin-communities.pug
+nav.jsRightMenu(role='navigation')
+  solid-router.text-color-heading.text-bold(default-route='admin-circles')
+    ul
+      li.segment.padding-small.text-right.text-normal.jsOffsiteToggle
+        span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
+        a(data-trans='admin.menuRight.fold')
+      if (endpoints.users || (endpoints.get && endpoints.get.users))
+        solid-route(name='admin-communities')
+          li.segment.padding-medium
+            span.icon.ci-networking.icon-xlarge.margin-right-small
+            a(data-trans='admin.menuRight.community')
+      if endpoints.circles || (endpoints.get && endpoints.get.circles)
+        solid-route(name='admin-circles')
+          li.segment.padding-medium
+            span.icon.ci-bubble-add.icon-xlarge.margin-right-small
+            a(data-trans='admin.menuRight.circles')
+      if endpoints.projects || (endpoints.get && endpoints.get.projects)
+        solid-route(name='admin-projects')
+          li.segment.padding-medium
+            span.icon.ci-add.icon-xlarge.margin-right-small
+            a(data-trans='admin.menuRight.projects')

src/views/page-circle.pug

@@ -0,0 +1,43 @@
+.views-container.sidebar-is-closed
+  solid-ac-checker(permission='acl:Read', bind-resources)
+    #circle-chat(hidden, data-view="circle-chat")
+      include views/circle/page-circle-chat.pug
+    #circle-information.content-box__height(hidden, data-view="circle-information")
+      include views/circle/page-circle-profile.pug
+    #circle-events(hidden, data-view="circle-events")
+      include views/circle/page-circle-events.pug
+    #circle-resources(hidden, data-view="circle-resources")
+      include views/circle/page-circle-resources.pug
+    #circle-polls(hidden, data-view="circle-polls")
+      include views/circle/page-circle-polls.pug
+
+nav.jsRightMenu(role='navigation')
+  solid-router.text-color-heading.text-bold(default-route='circle-chat')
+    ul
+      li.segment.padding-small.text-right.text-normal.jsOffsiteToggle
+        span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
+        a(data-trans='circle.menuRight.fold')
+      solid-route(name='circle-chat')
+        li.segment.padding-medium
+          span.icon.ci-chat.icon-xlarge.margin-right-small
+          a(data-trans='circle.menuRight.chat')
+      solid-route(name='circle-information')
+        li.segment.padding-medium
+          span.icon.ci-information.icon-xlarge.margin-right-small
+          a(data-trans='circle.menuRight.information')
+      if (endpoints.resources || (endpoints.get && endpoints.get.resources)) && (endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)) && (endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes))
+        solid-route(name='circle-resources' use-id)
+          li.segment.padding-medium
+            span.icon.ci-networking.icon-xlarge.margin-right-small
+            a(data-trans='circle.menuRight.resources')
+      if (endpoints.events || (endpoints.get && endpoints.get.events)) && (endpoints.typeevents || (endpoints.get && endpoints.get.typeevents))
+        solid-route(name='circle-events' use-id)
+          li.segment.padding-medium
+            span.icon.ci-networking.icon-xlarge.margin-right-small
+            a(data-trans='circle.menuRight.events')
+      if endpoints.polls || (endpoints.get && endpoints.get.polls)
+        solid-route(name='circle-polls' use-id)
+          li.segment.padding-medium
+            span.icon.ci-networking.icon-xlarge.margin-right-small
+            a(data-trans='circle.menuRight.polls')
+      

src/views/page-dashboard.pug

@@ -0,0 +1,5 @@
+.views-container
+  h1(data-trans='dashboard.title')
+  solid-dashboard(
+    data-src=`${endpoints.dashboards || endpoints.get.dashboards}`
+  )

src/views/page-directory.pug

@@ -0,0 +1,4 @@
+solid-directory(
+  data-src=`${endpoints.users || endpoints.get.users}`
+  range-skills=`${endpoints.skills || endpoints.get.skills}`
+)

src/views/page-events.pug

@@ -0,0 +1,7 @@
+.views-container
+  solid-event(data-src=`${endpoints.events || (endpoints.get && endpoints.get.events)}`
+            range-event-type=`${endpoints.typeevents || (endpoints.get && endpoints.get.typeevents)}`
+            range-event-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
+            upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
+            id-prefix='default'
+  )

src/views/page-job-offers.pug

@@ -0,0 +1,7 @@
+.content-box.full-width
+  #job-offers.job-offers__container
+    solid-job-board(
+      data-src=`${endpoints.joboffers || endpoints.get.joboffers}`,
+      post-data-src=`${endpoints.joboffers || endpoints.post.joboffers}`,
+      range-skills=`${endpoints.skills || endpoints.get.skills}`
+    )

src/views/page-messages.pug

@@ -0,0 +1,25 @@
+.content-box.flex.full-width
+
+  div.content-box__header
+    solid-display(
+      bind-resources
+      fields='avatar-container(account.picture), text(name, hyphen, at, username)'
+      value-hyphen=" - "
+      value-at="@"
+
+      widget-account.picture='hubl-user-avatar'
+      class-text="avatar-text"
+      class-avatar-container="avatar-container"
+      class-account.picture='avatar'
+      class-name='h1-like'
+      class-hypen='h1-like'
+    )
+
+  .chat-view
+    solid-xmpp-chat(
+      data-authentication='login',
+      data-auto-login='true',
+      data-websocket-url=`${xmppWebsocket || 'wss://jabber.happy-dev.fr/xmpp-websocket'}`,
+      data-i18n='en',
+      bind-resources
+    )

src/views/page-polls.pug

@@ -0,0 +1,6 @@
+.views-container
+  solid-poll(
+    data-src=`${endpoints.polls || (endpoints.get && endpoints.get.polls)}`
+    range-base-polls=`${endpoints.pollRangeBase || (endpoints.get && endpoints.get.pollRangeBase)}`
+    upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
+  )

src/views/page-profile.pug

@@ -0,0 +1,5 @@
+solid-profile(
+  bind-user
+  upload-src=`${endpoints.uploads || endpoints.post.uploads}`
+  range-skills=`${endpoints.skills || endpoints.get.skills}`
+)

src/views/page-project.pug

@@ -0,0 +1,24 @@
+.views-container.sidebar-is-closed
+  solid-ac-checker(permission='acl:Read', bind-resources)
+    #project-chat(hidden, data-view="project-chat")
+      include views/project/page-project-chat.pug
+    #project-information(hidden, data-view="project-information")
+      include views/project/page-project-profile.pug
+    #project-picture(hidden, data-view="project-picture")
+      include views/project/page-project-picture.pug
+
+nav.jsRightMenu(role='navigation')
+  solid-router.text-color-heading.text-bold(default-route='project-chat')
+    ul
+      li.segment.padding-small.text-right.text-normal.jsOffsiteToggle
+        span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
+        a(data-trans='project.menuRight.fold')
+      solid-route(name='project-chat')
+        li.segment.padding-medium
+          span.icon.ci-chat.icon-xlarge.margin-right-small
+          a(data-trans='project.menuRight.chat')
+      solid-route(name='project-information')
+        li.segment.padding-medium
+          span.icon.ci-information.icon-xlarge.margin-right-small
+          a(data-trans='project.menuRight.information')
+      solid-route(name='project-picture' use-id)

src/views/page-resources.pug

@@ -0,0 +1,8 @@
+.views-container
+  solid-resource(data-src=`${endpoints.resources || (endpoints.get && endpoints.get.resources)}`
+            range-resource-type=`${endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes)}`
+            range-resource-keyword=`${endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)}`
+            range-resource-circle=`${endpoints.circles || (endpoints.get && endpoints.get.circles)}`
+            upload-dir=`${endpoints.uploads || (endpoints.get && endpoints.get.uploads)}`
+            id-prefix='default'
+  )

src/views/partials/admin/page-admin-circles.pug

@@ -7,7 +7,6 @@ solid-router(default-route='admin-circle-list', hidden)
   include ../circle/page-circle-left.pug
 
 #admin-circle-list(hidden, data-view="admin-circle-list")
-  include ../../templates/hubl-user-avatar.pug
 
   solid-widget(name='hubl-circle-owner')
     template

src/views/partials/admin/page-admin-projects.pug

@@ -7,7 +7,6 @@ solid-router(default-route='admin-project-list', hidden)
   include ../project/page-project-left.pug
 
 #admin-project-list(hidden, data-view="admin-project-list")
-  include ../../templates/hubl-user-avatar.pug
 
   div.segment.padding-top-xsmall.padding-right-large.padding-bottom-xsmall.padding-left-large.border-bottom.border-color-grey.text-color-heading
     div

src/views/partials/circle/page-circle-edit.pug

@@ -14,7 +14,6 @@ solid-ac-checker(permission='acl:Read', bind-resources)
       solid-link(class="backlink right", bind-resources, next='circle-profile' data-trans='circle.edit.backlink')
 
 div.segment.padding-large
-  include ../../templates/hubl-user-avatar.pug
 
   solid-widget(name="circle-edit-members-delete")
     template

src/views/partials/header.pug

@@ -0,0 +1,63 @@
+.segment.lg-three-quarter.float-left.bg-color-heading
+  .logo.segment.lg-auto.float-left
+    solid-link(next='dashboard')
+      img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '52px'}`)
+    
+  span.tag.reversed.color-primary.text-semibold(data-trans='header.beta')
+
+.segment.lg-quarter.float-left.bg-color-third
+  .segment.bg-color-primary
+    solid-notifications.notLoggedIn(
+      nested-field="inbox"
+      bind-user
+    )
+
+  .segment.lg-auto
+    details#user-controls.notLoggedIn
+      summary.segment.padding(tabindex='0' role='button')
+        solid-display#user-controls__profile.user-thumb(
+          fields='account.picture, content(name-and-icon(first_name, button))'
+          class-account.picture='user-thumb-avatar user-thumb-avatar__size'
+          class-content='user-thumb-content'
+          class-name-and-icon='user-thumb-content__name-and-icon'
+          class-first_name='name'
+          class-button='icon icon-arrow-down'
+          widget-account.picture='hubl-user-avatar'
+          bind-user
+        )
+      #user-controls__panel
+        nav.bg-color-white.text-semibold.text-color-heading
+          ul
+            if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
+              li.border-bottom.border-color-grey
+                solid-link.segment.padding-small.text-hover(next='profile' data-trans='header.myProfile')
+            li.segment.padding-small.border-bottom.border-color-grey
+              div(data-trans='header.admin')
+              ul.text-normal
+                if (endpoints.users || (endpoints.get && endpoints.get.users))
+                  solid-route.text-hover(name='admin-communities')
+                    li.segment.padding-top-small
+                      a.icon.icon-people.icon-third.icon-small.margin-right-xsmall(data-trans='admin.menuRight.community')
+                if endpoints.circles || (endpoints.get && endpoints.get.circles)
+                  solid-route.text-hover(name='admin-circles')
+                    li.segment.padding-top-small
+                      a.icon.icon-globe.icon-third.icon-small.margin-right-xsmall(data-trans='admin.menuRight.circles')
+                if endpoints.projects || (endpoints.get && endpoints.get.projects)
+                  solid-route.text-hover(name='admin-projects')
+                    li.segment.padding-top-small
+                      a.icon.icon-folder-alt.icon-third.icon-small.margin-right-xsmall(data-trans='admin.menuRight.projects')
+            li.border-bottom.border-color-grey
+              solid-link.segment.padding-small.text-hover(next='about' data-trans='header.about')
+            li
+              button.segment.padding-small.text-hover.text-bold.text-color-heading(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut')
+
+  button.loggedIn.segment.float-right(role='log in' onclick="document.querySelector('sib-auth').login();" data-trans='header.logIn')
+
+  button.notLoggedIn.segment.lg-hidden.icon-menu#toggleMainMenu
+
+  sib-auth(style='display:none!important')
+    sib-auth-provider(
+      data-authority=`${authority}`
+      data-id=`${authorityName || "authority"}`
+      data-client-name=`${clientName || "Hubl"}`
+    )

src/views/partials/menu-left.pug

@@ -0,0 +1,204 @@
+solid-widget(name='hubl-counter')
+  template
+    solid-badge(data-src="${value == 'badge' ? src : value}")
+
+solid-widget(name='hubl-menu-jabberid')
+  template
+    div.hidden(
+      data-jabberID="${value}"
+    )
+
+solid-widget(name='hubl-menu-publicprivate')
+  template
+    div ${value == 'Public' ? '#' : ''}
+
+solid-widget(name='hubl-create-contact')
+  template
+    p.create
+      span(data-trans="menuLeft.contact.create")
+      span  
+      solid-link(next="members" data-trans="menuLeft.contact.profileDir")
+      span  
+      span(data-trans="menuLeft.contact.create2")
+
+solid-widget(name='hubl-create')
+  template
+    p.create.segment.margin-left-small
+      span(data-trans="menuLeft.emptyCircleProject.notPartOf")
+      span  ${value}.
+      br
+      span(data-trans="menuLeft.emptyCircleProject.createNew")
+      span  
+      solid-link.segment.lg-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
+
+solid-widget(name='hubl-menu-fix-url-contact')
+  template
+    solid-link(data-src="${value}" next="messages")
+      solid-display(
+        data-src='${value}'
+        fields='name, chatProfile.jabberID, badge'
+        value-badge='${value}'
+        widget-badge='hubl-counter'
+        widget-chatProfile.jabberID='hubl-menu-jabberid'
+        widget-name='solid-display-div'
+        order-asc='username'
+      )
+
+solid-widget(name='hubl-menu-fix-url-circle')
+  template
+    solid-link.segment.lg-full(data-src="${value}" next="circle")
+      solid-display(
+        data-src='${value}'
+        fields='status, name, jabberID, badge'
+        class-status='sub-menu-icon'
+        class-name='sub-menu-name ellipsis'
+        class-badge='sub-menu-badge'
+        value-badge='${value}'
+        widget-status='hubl-menu-publicprivate'
+        widget-badge='hubl-counter'
+        widget-jabberID='hubl-menu-jabberid'
+        widget-name='solid-display-div'
+        order-asc="name"
+      )
+
+solid-widget(name='hubl-menu-fix-url-project')
+  template
+    solid-link.segment.lg-full(data-src="${value}" next="project")
+      solid-display(
+        data-src='${value}'
+        fields='status, project(customer.name, name, jabberID), badge'
+        class-project='sub-menu-name'
+        class-status='sub-menu-icon'
+        class-name='project-name'
+        class-customer.name='project-customer'
+        class-badge='badge'
+        value-badge='${value}'
+        widget-status='hubl-menu-publicprivate'
+        widget-jabberID='hubl-menu-jabberid'
+        widget-badge='hubl-counter'
+        widget-name='solid-display-div'
+        order-asc="customer.name"
+      )
+
+
+solid-router#navbar-router(default-route='dashboard')
+  if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='dashboard')
+      div.menu-icon.icon-home.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.dashboard")
+    div.divider
+  if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='members')
+      div.menu-icon.icon-people.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.profileDirectory")
+    div.divider
+  if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='job-offers', rdf-type='hd:joboffer')
+      div.menu-icon.icon-briefcase.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.jobBoard")
+    div.divider
+  if endpoints.resources || (endpoints.get && endpoints.get.resources)
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='resources')
+      div.menu-icon.icon-docs.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.resources")
+    div.divider
+  if endpoints.polls || (endpoints.get && endpoints.get.polls)
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='polls')
+      div.menu-icon.icon-bubbles.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.gov")
+    div.divider
+  if endpoints.events || (endpoints.get && endpoints.get.events)
+    solid-route.menu.segment.lg-auto.padding.text-bold(name='events')
+      div.menu-icon.icon-calendar.segment.lg-auto.margin-right-xsmall.float-left
+      div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
+    div.divider
+  if endpoints.projects || (endpoints.get && endpoints.get.projects)
+    div.menu-wrapper
+      solid-link.segment.lg-full
+        //- (next='admin-project-list')
+        div.menu.segment.lg-auto.padding.text-bold
+          div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
+          div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.projects")
+          div.menu-chevron.segment.lg-auto.float-left
+            div.menu-icon.icon-arrow-up
+            //- div.menu-icon.icon-arrow-right-circle
+      solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
+      div.sub-menu.menu-notification
+        div#loader-projects.loader.loader-menu
+          div
+          div
+          div
+          div
+        solid-display.project-tab.segment.lg-full(
+          bind-user
+          nested-field='projects'
+          fields='project'
+          loader-id='loader-projects'
+          empty-widget='hubl-create'
+          empty-value=''
+          data-trans="empty-value=menuLeft.emptyCircleProject.project"
+          widget-project='hubl-menu-fix-url-project'
+          order-asc="project.customer.name"
+        )
+    div.divider
+  if endpoints.circles || (endpoints.get && endpoints.get.circles)
+    div.menu-wrapper
+      solid-link.segment.lg-full
+        //- (next='admin-circle-list')
+        div.menu.segment.lg-auto.padding.text-bold
+          div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
+          div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.circles")
+          div.menu-chevron.segment.lg-auto.float-left
+            div.menu-icon.icon-arrow-up
+            //- div.menu-icon.icon-arrow-right-circle
+      solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
+      div.sub-menu.menu-notification
+        div#loader-circles.loader.loader-menu
+          div
+          div
+          div
+          div
+        solid-display.circle-tab.segment.lg-full(
+          bind-user
+          nested-field='circles'
+          fields='circle'
+          loader-id='loader-circles'
+          empty-widget='hubl-create'
+          empty-value=''
+          data-trans="empty-value=menuLeft.emptyCircleProject.circle"
+          widget-circle='hubl-menu-fix-url-circle'
+          order-asc="circle.name"
+        )
+    div.divider
+    div.menu-wrapper
+      div.menu.segment.lg-auto.padding.text-bold
+        div.menu-icon.icon-envelope-letter.segment.lg-auto.margin-right-xsmall.float-left
+        div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.messages")
+        div.menu-chevron.segment.lg-auto.float-left
+          div.menu-icon.icon-arrow-up
+    solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
+    div.sub-menu.menu-notification
+      div#loader-messages.loader.loader-menu
+        div
+        div
+        div
+        div
+        //- search-fields="contact.name"
+        //- search-label-contact.name=""
+        //- data-trans="search-label-contact.name=menuLeft.search"
+        //- search-widget-contact.name="hubl-search-users"
+      solid-display.message-tab.segment.lg-full(
+        bind-user
+        nested-field='contacts'
+        fields='contact'
+        loader-id='loader-messages'
+        empty-widget='hubl-create-contact'
+        empty-value=''
+        widget-contact='hubl-menu-fix-url-contact'
+        order-asc="contact.username"
+      )
+  div.divider
+
+  solid-route(name='admin', hidden)
+  solid-route.menu(name='profile', hidden)
+  solid-route(name='about', hidden)

src/views/partials/notifications.pug

@@ -0,0 +1,4 @@
+//- Templates for notifications
+
+include notifications/message-circle.pug
+include notifications/message-private.pug

src/views/partials/project/page-project-edit.pug

@@ -18,7 +18,6 @@ solid-ac-checker(permission='acl:Read', bind-resources)
       solid-link(class='backlink right', bind-resources, next='project-profile' data-trans='project.edit.backlink')
 
 div.segment.padding-large
-  include ../../templates/hubl-user-avatar.pug
 
   solid-widget(name="project-edit-members-delete")
     template
@@ -65,7 +64,7 @@ div.segment.padding-large
       submit-button='Enregistrer'
       next='project-information'
       
-      data-trans='label-name=project.edit.labelName;label-customer.name=project.edit.labelCustomer;submit-button=project.edit.buttonSubmit'
+      data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-description=project.edit.labelDescription;submit-button=project.edit.buttonSubmit'
     )
 
   h3.segment.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')

src/views/partials/project/page-project-profile.pug

@@ -3,7 +3,6 @@ solid-router(default-route='project-profile', hidden)
   solid-route(name='project-edit')
 
 #project-profile(hidden, data-view="project-profile")
-  include ../../templates/hubl-captain.pug
 
   solid-ac-checker(permission='acl:Read', bind-resources)
     div.segment.padding-large.border-bottom.border-color-grey.clearfix

src/views/partials/widgets.pug

@@ -0,0 +1,4 @@
+//- Import your widgets from the `widget`folder here
+
+include widgets/hubl-captain.pug
+include widgets/hubl-user-avatar.pug

src/views/partials/widgets/hubl-captain.pug

@@ -0,0 +1,22 @@
+solid-widget(name='hubl-captain')
+  template
+    solid-display.user-thumb(
+      data-src="${value}"
+      fields='account.picture, content(name-and-icon(name, user, is_lead), sub(atom, communities))'
+
+      class-account.picture='user-thumb-avatar'
+      class-content='user-thumb-content'
+      class-name-and-icon='user-thumb-content__name-and-icon'
+      class-name='name'
+      class-user='icon top-align icon-secondary hover icon-speech'
+      class-sub='user-thumb-content__sub-text community'
+      class-atom='icon icon-third mdi-atom'
+
+      multiple-communities
+      multiple-communities-fields='community.name'
+
+      widget-account.picture='hubl-user-avatar'
+    )
+    
+    //- To remove from translate file :
+      data-trans='value-is_lead=template-captain.isLead'

src/views/partials/widgets/hubl-user-avatar.pug

@@ -0,0 +1,2 @@
+solid-widget(name='hubl-user-avatar')
+  template ${value ? `<img src="${value}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}