wip

src/page-members.pug

@@ -5,18 +5,19 @@ div.grid-layer
     h1 Members
     sib-display#profiles-list(
       data-src=`${sdn}/members/`,
-      data-fields='header, infos, groups',
+      data-fields='header, infos, groups, user.skill',
       set-header='picture, user, pseudonym, bio, send',
       set-infos='cell, user.roles, user.email, phone, user.skills',
       set-pseudonym='before-pseudo,pseudo',
       value-before-pseudo='@',
       value-send='SEND A MESSAGE',
       template-send='chat-link',
-      widget-skills='sib-display-lookuplist',
+      widget-user.skills='sib-display-lookuplist',
       counter-template='${counter} members',
       widget-picture='sib-display-img',
       widget-user='hdapp-userinfo',
       widget-roles='sib-display-lookuplist',
+      
       search-range-roles=`${sdn}/role/`,
       search-range-skills=`${sdn}/skills/`,
       search-fields='name, roles, skills',
@@ -25,6 +26,7 @@ div.grid-layer
       search-label-roles='Filter by role',
       search-label-skills='Search by skills',
       search-widget-name='sib-form-placeholder-text',
+      search-widget-skills='sib-form-placeholder-text',
       next='member')
   div.grid-layer-links.containerV
     div.containerH.containerCenter.how-link

src/styles/main.scss

@@ -291,3 +291,10 @@ sib-trigger.back {
   grid-row-start: start;
   grid-row-end: middle;
 }
+
+
+sib-display-lookuplist[name$="skills"] ul {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 1em -0.25em;
+}