seems better

src/dependencies.pug.orig

@@ -32,7 +32,10 @@ script(type="module" src="https://unpkg.com/@startinblox/router@0.6")
 script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1")
 <<<<<<< HEAD
 script(type="module" src="https://unpkg.com/@startinblox/component-notifications")
-=======
 script(type="module" src="https://unpkg.com/@startinblox/component-directory")
->>>>>>> fde7dc4... wip
+=======
+//-
+  script(type="module" src="https://unpkg.com/@startinblox/component-directory")
+script(type="module" src="/lib/sib-directory/sib-directory.js")
+>>>>>>> 0a46b80... seems better
 

src/index.pug

@@ -17,7 +17,7 @@ html(lang="en")
         main#mainContainer
           //- #dashboard(hidden)
             include page-dashboard.pug
-          #members(hidden)
+          #directory(hidden)
             include page-members.pug
           #member-chat(hidden)
             include page-member-chat.pug

src/menu-left.pug

 nav#navbar
-  sib-router#navbar-router(default-route='members')
-    sib-route.menu(name='members')
+  sib-router#navbar-router(default-route='directory')
+    sib-route.menu(name='directory')
       div.menu-notification
         sib-display(
         data-fields,
@@ -9,7 +9,6 @@ nav#navbar
         )
       div.menu-label Members
       div.menu-icon.icon-people
-    sib-route.menu(hidden, name='member', id-prefix=`${sdn}/members/`)
     div.divider
     sib-route.menu(name='job-offers')
       div.menu-notification

src/page-members.pug

@@ -4,41 +4,14 @@ div.grid-layer
   include templates/template-skills.pug
 
   div.grid-layer-main.containerV
-    h1 Members
-    sib-display#profiles-list(
-      data-src=`${sdn}/members/`,
-      search-range-groups=`${sdn}/groups/`,
-      search-range-skills=`${sdn}/skills/`,
-      
-      search-fields='name, groups, skills',
-      set-name='pseudo, user.first_name, user.last_name',
-      search-label-name='Search by lastname, firstname...',
-      search-label-groups='Filter by role',
-      search-label-skills='Search by skills',
-      search-widget-name='sib-form-placeholder-text',
-      search-widget-groups='sib-form-placeholder-dropdown',
-      search-widget-skills='sib-form-placeholder-text',
-      
-      counter-template='<span>${counter} members</span>',
-      
-      data-fields='header, infos',
-      set-header='user.account.picture, user.name, pseudonym, bio, send',
-      set-infos='city, user.groups, user.email, phone, user.skills',
-      set-pseudonym='before-pseudo,user.username',
-      value-before-pseudo='@',
-      label-send='SEND A MESSAGE',
-      action-send='member-chat',
-      widget-user.account.picture='sib-display-img',
-      widget-user.groups='groups-name',
-      widget-user.skills='skills-name',
-      multiple-user.groups,
-      multiple-user.skills,
-
-      paginate-by='3',
 
-      next='member'
+    sib-directory(
+      data-src=`${sdn}/members/`,
+      range-groups=`${sdn}/groups/`,
+      range-skills=`${sdn}/skills/`
     )
 
+
   div.grid-layer-links.containerV
     div.containerH.containerCenter.how-link
       div.containerV.fix.icon-idea