From 02aa396e953aa631cb30b4f7b45786e1baff97bf Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 5 Dec 2024 01:11:54 +1300
Subject: [PATCH] show trace route snr

---
 src/components/pages/TraceRoutePage.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/TraceRoutePage.vue b/src/components/pages/TraceRoutePage.vue
index 67a2139..bbf216a 100644
--- a/src/components/pages/TraceRoutePage.vue
+++ b/src/components/pages/TraceRoutePage.vue
@@ -36,13 +36,16 @@
                                 <div>{{ getNodeHexId(traceRoute.to) }}</div>
                                 <div>Started the traceroute</div>
                             </div>
+                            <div v-if="traceRoute.data.snrTowards.length > 0 && traceRoute.data.snrTowards[0] != null && traceRoute.data.snrTowards[0] !== -128" class="my-auto mr-1 text-sm text-gray-500">
+                                {{ traceRoute.data.snrTowards[0] / 4 }}dB SNR
+                            </div>
                             <div class="my-auto">
                                 <NodeDropDownMenu :node="findNodeById(traceRoute.to)"/>
                             </div>
                         </li>
 
                         <!-- route toward nodes -->
-                        <li v-for="route of traceRoute.data.route" class="relative flex gap-x-4">
+                        <li v-for="(route, index) of traceRoute.data.route" class="relative flex gap-x-4">
                             <div class="absolute left-0 top-0 flex w-12 justify-center -bottom-3">
                                 <div class="w-px bg-gray-200"></div>
                             </div>
@@ -56,6 +59,9 @@
                                 <div>{{ getNodeHexId(route) }}</div>
                                 <div>Forwarded the packet</div>
                             </div>
+                            <div v-if="traceRoute.data.snrTowards.length > 0 && traceRoute.data.snrTowards[index + 1] != null && traceRoute.data.snrTowards[index + 1] !== -128" class="my-auto mr-1 text-sm text-gray-500">
+                                {{ traceRoute.data.snrTowards[index + 1] / 4 }}dB SNR
+                            </div>
                             <div class="my-auto">
                                 <NodeDropDownMenu :node="findNodeById(route)"/>
                             </div>
@@ -76,13 +82,16 @@
                                 <div>{{ getNodeHexId(traceRoute.from) }}</div>
                                 <div>Replied to traceroute</div>
                             </div>
+                            <div v-if="traceRoute.data.snrBack.length > 0 && traceRoute.data.snrBack[0] != null && traceRoute.data.snrBack[0] !== -128" class="my-auto mr-1 text-sm text-gray-500">
+                                {{ traceRoute.data.snrBack[0] / 4 }}dB SNR
+                            </div>
                             <div class="my-auto">
                                 <NodeDropDownMenu :node="findNodeById(traceRoute.from)"/>
                             </div>
                         </li>
 
                         <!-- route back nodes -->
-                        <li v-for="route of traceRoute.data.routeBack" class="relative flex gap-x-4">
+                        <li v-for="(route, index) of traceRoute.data.routeBack" class="relative flex gap-x-4">
                             <div class="absolute left-0 top-0 flex w-12 justify-center -bottom-3">
                                 <div class="w-px bg-gray-200"></div>
                             </div>
@@ -101,6 +110,9 @@
                                 </div>
                                 <div>Forwarded the packet</div>
                             </div>
+                            <div v-if="traceRoute.data.snrBack.length > 0 && traceRoute.data.snrBack[index + 1] != null && traceRoute.data.snrBack[index + 1] !== -128" class="my-auto mr-1 text-sm text-gray-500">
+                                {{ traceRoute.data.snrBack[index + 1] / 4 }}dB SNR
+                            </div>
                             <div class="my-auto">
                                 <NodeDropDownMenu :node="findNodeById(route)"/>
                             </div>