Troplo/Colubrina
1
0
Fork 0
mirror of https://github.com/Troplo/Colubrina.git synced 2024-11-22 03:07:57 +11:00
Code Issues Projects Releases Packages Wiki Activity

Possible fix for out of sync read receipts

Browse source
This commit is contained in:
ElectricS01 2023-02-15 22:18:00 +11:00
parent d2fb58ebf0
commit 7f787bcebc
1 changed files with 46 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
frontend/src/views/Communications/CommunicationsChat.vue
View file

@ -301,6 +301,52 @@
style="display: block; width: 100px; margin: 0 auto"
></v-progress-circular>
<template v-for="(message, index) in messages">
<div
:key="'div2-' + message.keyId"
v-if="message.readReceipts.length"
>
<v-tooltip
v-for="association in message.readReceipts"
:key="association.id"
top
>
<template
v-slot:activator="{ on }"
v-if="association.user.id !== $store.state.user.id"
>
<v-btn
icon
small
fab
width="20"
height="20"
class="ml-2 mt-2"
style="float: right"
@click="openUserPanel(association.user)"
>
<v-avatar size="20" v-on="on" color="primary">
<img
v-if="association.user.avatar"
:src="
$store.state.baseURL +
'/usercontent/' +
association.user.avatar
"
alt="avatar"
/>
<span v-else>{{
association.user.username[0].toUpperCase()
}}</span>
</v-avatar>
</v-btn>
</template>
<span>
{{ association.user.username }} has read up to this point.
</span>
</v-tooltip>
<br v-if="index + 1 > messages.length" />
<br v-if="index + 1 > messages.length" />
</div>
<Message
:key="message.keyId"
:message="message"
@ -326,85 +372,7 @@
!message.type
"
></Message>
<div
:key="'div2-' + message.keyId"
v-if="message.readReceipts.length"
>
<v-tooltip
v-for="association in message.readReceipts"
:key="association.id"
top
>
<template
v-slot:activator="{ on }"
v-if="association.user.id !== $store.state.user.id"
>
<v-btn
icon
small
fab
width="20"
height="20"
class="ml-2 mt-2"
style="float: right"
@click="openUserPanel(association.user)"
>
<v-avatar size="20" v-on="on" color="primary">
<img
v-if="association.user.avatar"
:src="
$store.state.baseURL +
'/usercontent/' +
association.user.avatar
"
alt="avatar"
/>
<span v-else>{{
association.user.username[0].toUpperCase()
}}</span>
</v-avatar>
</v-btn>
</template>
<span>
{{ association.user.username }} has read up to this point.
</span>
</v-tooltip>
<br v-if="index + 1 > messages.length" />
<br v-if="index + 1 > messages.length" />
</div>
</template>
<v-tooltip top>
<template v-slot:activator="{ on }">
<v-btn
icon
small
fab
width="20"
height="20"
class="ml-2 mt-2"
style="float: right"
@click="openUserPanel($store.state.user)"
>
<v-avatar size="20" v-on="on" color="primary">
<img
v-if="$store.state.user.avatar"
:src="
$store.state.baseURL +
'/usercontent/' +
$store.state.user.avatar
"
alt="avatar"
/>
<span v-else>{{
$store.state.user.username[0].toUpperCase()
}}</span>
</v-avatar>
</v-btn>
</template>
<span>
{{ $store.state.user.username }} has read up to this point.
</span>
</v-tooltip>
</v-card-text>
</v-card>
</v-col>