hubl/src/header.pug

#logo
  img(src="/images/logo.png" width=111 height=32)

#search-bar
  input#search-input(type='search')
  i#search-icon.icon-magnifier(aria-hidden='true')
  i#close-search-icon.icon-close(aria-hidden='true')

sib-notifications(
  id-suffix="inbox",
  bind-user
)

sib-widget(name="user-picture")
  template
    img(name="${name}",src="\${value || '/images/user.jpg'}",style="max-width:100%; max-height: 100%;")

details#user-controls
  summary(tabindex='0' role='button')
    sib-display#user-controls__profile(
      data-fields='first_name, account.picture',
      widget-account.picture='user-picture',
      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-client_id=`${client_id}`,
    data-id="paris"
    data-response_type='id_token token',
    data-scope='openid profile email',
    data-automaticSilentRenew='true',
    data-loadUserInfo='true'
  )