main.view--chat
header.mb6(v-if='profile && grouping')
h3 chatting with:
span {{ target.profile_id }} |
span(v-if='grouping.revealedFromNotification.length')
span(v-for='revealed in grouping.revealedFromNotification')
span(v-if='revealed.profile_id === target.profile_id')
span {{ revealed[revealed.tag_description] }} |
span(v-else)
span {{ 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
span(v-if='grouping.revealed[profile.id.value]')
p you revealed:
ul(
v-for='reveal in [...new Set(grouping.revealed[profile.id.value])]'
)
li {{ reveal.description }}
span(v-if='grouping.revealed[target.profile_id]')
p they revealed:
ul(v-for='reveal in grouping.revealed[target.profile_id]')
li {{ reveal.description }}: {{ target[reveal.description] }}
span(v-if='grouping.revealedFromNotification.length')
p recently revealed:
ul(v-for='revealed in grouping.revealedFromNotification')
li(
v-if='revealed[revealed.tag_description] !== profile._profile[revealed.tag_description]'
) {{ revealed.tag_description }}: {{ revealed[revealed.tag_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