From f5de99a25b6c9560b432bbe57f9b4a907b27151f Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Tue, 12 Mar 2024 20:40:35 -0400
Subject: [PATCH 1/2] Fix 18m freq selection

---
 gui/src/components/dynamic_components.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/src/components/dynamic_components.vue b/gui/src/components/dynamic_components.vue
index abd6a3af..6229187f 100644
--- a/gui/src/components/dynamic_components.vue
+++ b/gui/src/components/dynamic_components.vue
@@ -832,7 +832,7 @@ function quickfill() {
       <h6>15m</h6>
     </div>
   </a>
-  <a href="#" class="list-group-item list-group-item-action" @click="updateFrequencyAndApply(14093000)">
+  <a href="#" class="list-group-item list-group-item-action" @click="updateFrequencyAndApply(18106000)">
     <div class="d-flex w-100 justify-content-between">
       <h5 class="mb-1">18.106 MHz</h5>
       <small>EU / US</small>

From 4f4c678eacaba0063fb752b6893e43a80340786b Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Tue, 12 Mar 2024 21:37:44 -0400
Subject: [PATCH 2/2] Clicking a heard station populates ping textboxs

---
 gui/src/components/grid/grid_active_broadcasts.vue       | 8 ++++++++
 gui/src/components/grid/grid_active_broadcasts_vert.vue  | 8 ++++++++
 gui/src/components/grid/grid_active_heard_stations.vue   | 6 +++++-
 .../components/grid/grid_active_heard_stations_mini.vue  | 6 +++++-
 gui/src/components/grid/grid_ping.vue                    | 9 +++++++++
 5 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/gui/src/components/grid/grid_active_broadcasts.vue b/gui/src/components/grid/grid_active_broadcasts.vue
index e4a466c3..08f1a04e 100644
--- a/gui/src/components/grid/grid_active_broadcasts.vue
+++ b/gui/src/components/grid/grid_active_broadcasts.vue
@@ -21,6 +21,14 @@ function startStopBeacon() {
   }
 }
 var dxcallPing = ref("");
+window.addEventListener(
+      "stationSelected",
+      function (eventdata) {
+        let evt = <CustomEvent>eventdata;
+        dxcallPing.value = evt.detail;
+      },
+      false,
+    );
 </script>
 <template>
   <div class="card h-100">
diff --git a/gui/src/components/grid/grid_active_broadcasts_vert.vue b/gui/src/components/grid/grid_active_broadcasts_vert.vue
index 642fab6f..f1290fdc 100644
--- a/gui/src/components/grid/grid_active_broadcasts_vert.vue
+++ b/gui/src/components/grid/grid_active_broadcasts_vert.vue
@@ -21,6 +21,14 @@ function startStopBeacon() {
   }
 }
 var dxcallPing = ref("");
+window.addEventListener(
+      "stationSelected",
+      function (eventdata) {
+        let evt = <CustomEvent>eventdata;
+        dxcallPing.value = evt.detail;
+      },
+      false,
+    );
 </script>
 <template>
   <div class="card h-100">
diff --git a/gui/src/components/grid/grid_active_heard_stations.vue b/gui/src/components/grid/grid_active_heard_stations.vue
index 682b4d38..a1262e0f 100644
--- a/gui/src/components/grid/grid_active_heard_stations.vue
+++ b/gui/src/components/grid/grid_active_heard_stations.vue
@@ -34,6 +34,10 @@ function getMaidenheadDistance(dxGrid) {
     //
   }
 }
+function pushToPing(origin)
+{
+   window.dispatchEvent(new CustomEvent("stationSelected", {bubbles:true, detail: origin }));
+}
 </script>
 <template>
   <div class="card h-100">
@@ -61,7 +65,7 @@ function getMaidenheadDistance(dxGrid) {
           </thead>
           <tbody id="gridHeardStations">
             <!--https://vuejs.org/guide/essentials/list.html-->
-            <tr v-for="item in state.heard_stations" :key="item.origin">
+            <tr v-for="item in state.heard_stations" :key="item.origin" @click="pushToPing(item.origin)">
               <td>
                 {{ getDateTime(item.timestamp) }}
               </td>
diff --git a/gui/src/components/grid/grid_active_heard_stations_mini.vue b/gui/src/components/grid/grid_active_heard_stations_mini.vue
index 068de91e..e3837b7e 100644
--- a/gui/src/components/grid/grid_active_heard_stations_mini.vue
+++ b/gui/src/components/grid/grid_active_heard_stations_mini.vue
@@ -34,6 +34,10 @@ function getMaidenheadDistance(dxGrid) {
     //
   }
 }
+function pushToPing(origin)
+{
+   window.dispatchEvent(new CustomEvent("stationSelected", {bubbles:true, detail: origin }));
+}
 </script>
 <template>
   <div class="card h-100">
@@ -54,7 +58,7 @@ function getMaidenheadDistance(dxGrid) {
           </thead>
           <tbody id="miniHeardStations">
             <!--https://vuejs.org/guide/essentials/list.html-->
-            <tr v-for="item in state.heard_stations" :key="item.origin">
+            <tr v-for="item in state.heard_stations" :key="item.origin"  @click="pushToPing(item.origin)">
               <td>
                 <span class="fs-6">{{ getDateTime(item.timestamp) }}</span>
               </td>
diff --git a/gui/src/components/grid/grid_ping.vue b/gui/src/components/grid/grid_ping.vue
index ec044732..938e3a6d 100644
--- a/gui/src/components/grid/grid_ping.vue
+++ b/gui/src/components/grid/grid_ping.vue
@@ -12,6 +12,15 @@ function transmitPing() {
   sendModemPing(dxcallPing.value.toUpperCase());
 }
 var dxcallPing = ref("");
+
+window.addEventListener(
+      "stationSelected",
+      function (eventdata) {
+        let evt = <CustomEvent>eventdata;
+        dxcallPing.value = evt.detail;
+      },
+      false,
+    );
 </script>
 <template>
   <div class="input-group" style="width: calc(100% - 24px)">