hubl/src/views/page-messages.pug

32 lines
1.1 KiB
Plaintext

div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xxsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white.message-header
solid-display.labelled-avatar.small(
bind-resources
fields='segment1(account.picture), segment2(name, hyphen, at, username)'
value-hyphen=" - "
value-at="@"
class-segment1='segment'
class-account.picture='avatar small'
class-segment2='segment margin-left-xsmall text-xxlarge text-letter-spacing-large whitespace-normal'
class-name='text-color-heading text-uppercase text-semibold'
class-hypen='text-color-heading'
class-username='margin-right-xxsmall'
widget-account.picture='orbit-user-avatar'
)
solid-link.icon.icon-info.icon-secondary.hover(
bind-resources
next=`${getRoute('profileDirectory', true)}-member-profile`
)
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(
data-authentication='login'
data-auto-login='true'
data-websocket-url=component.endpoints.xmpp
bind-resources
uniq=component.uniq
)