show trace route snr

liamcottle · Dec 4, 2024 · 02aa396 · 02aa396
1 parent 6dcc35e
commit 02aa396
Showing 1 changed file with 14 additions and 2 deletions.
diff --git 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>