rt/reticulum-meshchat
1
0
Fork 0
mirror of https://github.com/liamcottle/reticulum-meshchat.git synced 2026-10-26 19:01:43 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

show when a message was received

Browse source
This commit is contained in:
liamcottle 2024-07-28 17:56:23 +12:00
parent d90e799019
commit ce44d5cf16
1 changed files with 25 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

32
public/index.html
View file

@ -532,9 +532,6 @@
<div v-if="selectedPeerChatItems.length > 0" class="flex flex-col space-y-3 p-3">
<div v-for="chatItem of selectedPeerChatItems" class="flex flex-col max-w-xl" :class="{ 'ml-auto pl-4 md:pl-16 items-end': chatItem.is_outbound, 'mr-auto pr-4 md:pr-16 items-start': !chatItem.is_outbound }">
<!-- sender name -->
<div v-if="!chatItem.is_outbound" class="text-xs text-gray-500 ml-2">{{ selectedPeer.name }}</div>
<!-- message content -->
<div @click="onChatItemClick(chatItem)" class="border border-gray-300 rounded-xl shadow overflow-hidden" :class="[ chatItem.lxmf_message.state === 'failed' ? 'bg-red-500 text-white' : chatItem.is_outbound ? 'bg-[#3b82f6] text-white' : 'bg-[#efefef]' ]">
@ -644,6 +641,11 @@
</div>
</div>
<!-- received timestamp -->
<div v-if="!chatItem.is_outbound" class="text-xs text-gray-500 mt-0.5">
{{ formatSecondsAgo(chatItem.lxmf_message.timestamp) }}
</div>
</div>
</div>
</div>
@ -2543,18 +2545,34 @@
const parsedSeconds = this.parseSeconds(seconds);
if(parsedSeconds.days > 0){
return parsedSeconds.days + " days ago";
if(parsedSeconds.days === 1){
return "1 day ago";
} else {
return parsedSeconds.days + " days ago";
}
}
if(parsedSeconds.hours > 0){
return parsedSeconds.hours + " hours ago";
if(parsedSeconds.hours === 1){
return "1 hour ago";
} else {
return parsedSeconds.hours + " hours ago";
}
}
if(parsedSeconds.minutes > 0){
return parsedSeconds.minutes + " minutes ago";
if(parsedSeconds.minutes === 1){
return "a minute ago";
} else {
return parsedSeconds.minutes + " minutes ago";
}
}
return parsedSeconds.seconds + " seconds ago";
if(parsedSeconds.seconds <= 1){
return "a second ago";
} else {
return parsedSeconds.seconds + " seconds ago";
}
},
formatMinutesSeconds: function(seconds) {