From 1584dd25cb319e0b38ede40481aff6e45663fd1c Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Mon, 29 Apr 2024 12:21:38 +0200
Subject: [PATCH] added option for showing icon instead of text for heard
 station message types

---
 .../grid/grid_active_heard_stations.vue       | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/freedata_gui/src/components/grid/grid_active_heard_stations.vue b/freedata_gui/src/components/grid/grid_active_heard_stations.vue
index 0c16721c..30c8f03d 100644
--- a/freedata_gui/src/components/grid/grid_active_heard_stations.vue
+++ b/freedata_gui/src/components/grid/grid_active_heard_stations.vue
@@ -39,6 +39,27 @@ function pushToPing(origin) {
     new CustomEvent("stationSelected", { bubbles: true, detail: origin }),
   );
 }
+
+  function getActivityInfo(activityType) {
+    switch (activityType) {
+      case "ARQ_SESSION_INFO":
+        return { iconClass: "bi bi-info-circle", description: activityType };
+      case "ARQ_SESSION_OPEN":
+        return { iconClass: "bi bi-link", description: activityType };
+      case "ARQ_SESSION_OPEN_ACK":
+        return { iconClass: "bi bi-link", description: activityType };
+      case "QRV":
+        return { iconClass: "bi bi-person-raised-hand", description: activityType };
+      case "CQ":
+        return { iconClass: "bi bi-megaphone", description: activityType };
+      case "BEACON":
+        return { iconClass: "bi bi-globe", description: activityType };
+      default:
+        return { iconClass: "", description: activityType };
+    }
+  }
+
+
 </script>
 <template>
   <div class="card h-100">
@@ -84,7 +105,11 @@ function pushToPing(origin) {
               </td>
               <td>{{ getMaidenheadDistance(item.gridsquare) }} km</td>
               <td>
-                {{ item.activity_type }}
+                <i
+            :class="getActivityInfo(item.activity_type).iconClass"
+            data-bs-toggle="tooltip"
+            :title="getActivityInfo(item.activity_type).description"
+          ></i>
               </td>
               <td>
                 {{ item.snr }}