From de1b188d7fd2e069568858cdc53e4655e0156caa Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Sat, 10 Aug 2024 16:44:01 +1200
Subject: [PATCH] show signal strength for lxmf messages if available

---
 .../messages/ConversationViewer.vue           | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/frontend/components/messages/ConversationViewer.vue b/src/frontend/components/messages/ConversationViewer.vue
index aa8df59..5ddcc7d 100644
--- a/src/frontend/components/messages/ConversationViewer.vue
+++ b/src/frontend/components/messages/ConversationViewer.vue
@@ -170,9 +170,13 @@
                         </div>
                     </div>
 
-                    <!-- received timestamp -->
+                    <!-- inbound message info -->
                     <div v-if="!chatItem.is_outbound" class="text-xs text-gray-500 mt-0.5">
-                        {{ formatSecondsAgo(chatItem.lxmf_message.timestamp) }}
+
+                        <!-- received timestamp -->
+                        <span>{{ formatSecondsAgo(chatItem.lxmf_message.timestamp) }}</span>
+                        <span v-if="chatItem.lxmf_message.quality"> • <span @click="onSignalClick(chatItem.lxmf_message)" class="hover:underline cursor-pointer">Signal {{ chatItem.lxmf_message.quality }}%</span></span>
+
                     </div>
 
                 </div>
@@ -1137,6 +1141,21 @@ export default {
             this.$emit("reload-conversations");
 
         },
+        onSignalClick(lxmfMessage) {
+
+            var signalInfo = `Signal Quality: ${lxmfMessage.quality}%`;
+
+            if(lxmfMessage.rssi){
+                signalInfo += `, RSSI: ${lxmfMessage.rssi}`;
+            }
+
+            if(lxmfMessage.snr){
+                signalInfo += `, SNR: ${lxmfMessage.snr}`;
+            }
+
+            DialogUtils.alert(signalInfo);
+
+        },
     },
     computed: {
         isMobile() {