main.view--chat
header.mb6(v-if='profile && grouping')
h3 chatting with: {{ target.profile_id }}
p {{ grouping.profile.user_name }}
p {{ grouping.profile.user_email }}
p {{ grouping.profile }}
//- p subscriptions: {{ profile.chatter.subscriptions }}
.w-flex.column
p reveal: {{ grouping.revealed }}
.w-flex.row
button(@click='reveal(7)') my name
button(@click='reveal(8)') my email
article
template(v-if='isLoading')
w-spinner(bounce)
template(v-if='!isLoading && target')
ul#messages.w-flex.column
template(v-for='chatmessage in messages')
li(
:class='[{ me: chatmessage.publisher == profile.id.value }, chatmessage.publisher]'
v-if='chatmessage.message.description'
)
ChatBubble(
:message='chatmessage.message.description'
:publisher-id='chatmessage.publisher'
:time='chatmessage.timetoken'
)
template(v-else-if='!isLoading && !target')
p No match found between profile {{ $route.params.pid }} and {{ profile.id }}...
footer.w-flex.row
w-input(@keyup.enter='sendMessage' outline v-model='toSend')
w-button(@click='sendMessage')
w-icon mdi mdi-send
MainNav