div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
  div.segment.full.sm-three-quarter.whitespace-normal
    solid-display.text-xlarge.text-letter-spacing-large(
      bind-resources
      fields='name, dash, subtitle'

      value-dash=' - '

      class-name='text-color-heading text-bold'
      class-dash='text-color-heading text-bold'          
    )
  div.segment.lg-hidden.sm-quarter.text-right
    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading

.chat-view.segment.full.whitespace-normal
  solid-xmpp-chat(
    data-authentication='login'
    data-auto-login='true'
    data-websocket-url=component.parameters.xmpp
    bind-resources
    uniq=component.uniq
  )