autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: messages one to one

Browse Source
This commit is contained in:
gaelle morin 2021-01-12 18:10:31 +01:00
parent acc331b202
commit d597bd6d4a
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.pug
View File

@ -85,7 +85,7 @@ html(lang="en")
include views/page-circle.pug include views/page-circle.pug
if endpoints.get.users if endpoints.get.users
#messages(hidden, data-view="messages", no-render).with-sidebar #messages(hidden, data-view="messages", no-render).whitespace-normal
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.contacts") hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.contacts")
include views/page-messages.pug include views/page-messages.pug

3
src/styles/chat/_index.scss Normal file
View File

@ -0,0 +1,3 @@
.chat-view {
height: calc(100vh - 72px - 78px);
}

1
src/styles/index.scss
View File

@ -49,3 +49,4 @@ solid-display>div {
@import 'left-nav/_index'; @import 'left-nav/_index';
@import 'content/_index'; @import 'content/_index';
@import 'about/_index'; @import 'about/_index';
@import 'chat/_index';

46
src/views/page-messages.pug
View File

@ -1,25 +1,27 @@
.content-box.flex.full-width div.segment.lg-full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.border-bottom.border-color-grey
solid-display.labelled-avatar.small(
bind-resources
fields='segment1(account.picture), segment2(name, hyphen, at, username)'
value-hyphen=" - "
value-at="@"
div.content-box__header class-segment1='segment'
solid-display( class-account.picture='avatar small'
bind-resources
fields='avatar-container(account.picture), text(name, hyphen, at, username)' class-segment2='segment margin-left-xsmall text-xxlarge'
value-hyphen=" - " class-name='text-color-heading text-uppercase text-semibold'
value-at="@" class-hypen=''
class-at=''
class-username=''
widget-account.picture='hubl-user-avatar' widget-account.picture='hubl-user-avatar'
class-text="avatar-text" )
class-avatar-container="avatar-container"
class-account.picture='avatar'
class-name='h1-like'
class-hypen='h1-like'
)
.chat-view .chat-view.segment.lg-full.whitespace-normal
solid-xmpp-chat( solid-xmpp-chat(
data-authentication='login', data-authentication='login',
data-auto-login='true', data-auto-login='true',
data-websocket-url=`${xmppWebsocket || 'wss://jabber.happy-dev.fr/xmpp-websocket'}`, data-websocket-url=`${xmppWebsocket || 'wss://jabber.happy-dev.fr/xmpp-websocket'}`,
data-i18n='en', data-i18n='en',
bind-resources bind-resources
) )