2021-06-24 12:34:53 +00:00
|
|
|
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
|
2021-01-12 17:10:31 +00:00
|
|
|
solid-display.labelled-avatar.small(
|
|
|
|
|
bind-resources
|
|
|
|
|
fields='segment1(account.picture), segment2(name, hyphen, at, username)'
|
|
|
|
|
value-hyphen=" - "
|
|
|
|
|
value-at="@"
|
2020-05-08 13:27:44 +00:00
|
|
|
|
2021-01-12 17:10:31 +00:00
|
|
|
class-segment1='segment'
|
|
|
|
|
class-account.picture='avatar small'
|
|
|
|
|
|
2021-01-19 18:59:24 +00:00
|
|
|
class-segment2='segment margin-left-xsmall text-xxlarge text-letter-spacing-large whitespace-normal'
|
2021-01-12 17:10:31 +00:00
|
|
|
class-name='text-color-heading text-uppercase text-semibold'
|
2021-01-12 17:49:49 +00:00
|
|
|
class-hypen='text-color-heading'
|
2021-01-22 17:37:40 +00:00
|
|
|
class-username='margin-right-xxsmall'
|
2019-09-25 14:16:17 +00:00
|
|
|
|
2021-06-15 11:48:49 +00:00
|
|
|
widget-account.picture='orbit-user-avatar'
|
2021-01-12 17:10:31 +00:00
|
|
|
)
|
2020-05-08 13:27:44 +00:00
|
|
|
|
2021-01-22 17:37:40 +00:00
|
|
|
solid-link.icon.icon-info.icon-secondary.hover(
|
|
|
|
|
bind-resources
|
2021-02-22 20:27:58 +00:00
|
|
|
next=`${getRoute('profileDirectory', true)}-member-profile`
|
2021-01-22 17:37:40 +00:00
|
|
|
)
|
|
|
|
|
|
2021-01-22 13:29:45 +00:00
|
|
|
.chat-view.segment.full.whitespace-normal
|
2021-01-12 17:10:31 +00:00
|
|
|
solid-xmpp-chat(
|
2021-02-26 14:47:21 +00:00
|
|
|
data-authentication='login'
|
|
|
|
|
data-auto-login='true'
|
|
|
|
|
data-websocket-url=component.endpoints.xmpp
|
2021-01-12 17:10:31 +00:00
|
|
|
bind-resources
|
2021-02-26 14:47:21 +00:00
|
|
|
uniq=component.uniq
|
2021-01-12 17:10:31 +00:00
|
|
|
)
|
