main.view--chat
header.mb6(v-if='profile && grouping')
h3 chatting with:
p {{ target.profile_id }} | {{ grouping.profile.user_name }} | {{ grouping.profile.user_email }}
h3 logged in as:
p {{ profile.id }} | {{ profile._profile.user_name }} | {{ profile._profile.user_email }}
//- p subscriptions: {{ profile.chatter.subscriptions }}
hr
.w-flex.column(v-if='!grouping._loading')
.w-flex.row
button(@click='reveal(7)') reveal my name
button(@click='reveal(8)') reveal my email
// TODO: Remove later, only for testing
button(@click='checkData()') check data
p you revealed:
span(v-if="grouping.revealed[profile.id.value]")
ul(v-for="reveal in grouping.revealed[profile.id.value]")
li {{ reveal.description }} : {{ profile._profile[reveal.description] }}
p they revealed:
span(v-if="grouping.revealed[grouping.profile.profile_id]")
ul(v-for="reveal in grouping.revealed[grouping.profile.profile_id]")
li {{ reveal.description }} : {{ grouping.profile[reveal.description] }}
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 && 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.icon-paper-plane
MainNav