div.grid-layer
  template#read-more-link
    sib-link(next="member") ${value}
  template#chat-link
    sib-link(next="member-chat") ${value}
  div.grid-layer-main.containerV
    h1 Members
    sib-display#profiles-list(
      data-src=`${sdn}/members/`,
      data-fields='header, infos, groups, role, more',
      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-more='read more...',
      value-send='SEND A MESSAGE',
      template-more='hdapp-link-more',
      template-send='chat-link',
      widget-skills='sib-display-lookuplist',
      counter-template='${counter} members',
      widget-picture='sib-display-img',
      widget-user='hdapp-userinfo',
      widget-roles='sib-display-lookuplist',
      widget-skills='sib-display-lookuplist',
      
      search-range-roles=`${sdn}/role/`,
      search-range-skills=`${sdn}/skills/`,
      search-fields='name, roles, skills',
      set-name='pseudo,user.first_name,user.last_name',
      search-label-name='Search by lastname, firstname...',
      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
      div.containerV.fix.icon-idea
      div.containerV.grow
        sib-trigger() How To...
    div.containerH.containerCenter.how-link
      div.containerV.fix.icon-idea
      div.containerV.grow
        sib-trigger() How to complete my profile ?