From c1079085cdb9fb922828a2fae08dfba7b4fa4d9f Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Mon, 15 May 2023 17:12:52 -0400
Subject: [PATCH] Allow sorting of additional fields in heard station list

---
 gui/preload-main.js | 12 ++++++++++++
 gui/src/index.html  |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/gui/preload-main.js b/gui/preload-main.js
index a67846ce..cc2f23c0 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1632,6 +1632,18 @@ window.addEventListener("DOMContentLoaded", () => {
     sorthslTable(5);
     resetSortIcon();
   });
+  document.getElementById("thType").addEventListener("click", () => {
+    if (hslLastSort == 6 && hslLastSortDir == "asc") hslLastSortDir = "desc";
+    else hslLastSortDir = "asc";
+    sorthslTable(6);
+    resetSortIcon();
+  });
+  document.getElementById("thSnr").addEventListener("click", () => {
+    if (hslLastSort == 7 && hslLastSortDir == "asc") hslLastSortDir = "desc";
+    else hslLastSortDir = "asc";
+    sorthslTable(7);
+    resetSortIcon();
+  });
 });
 
 function resetSortIcon(){
diff --git a/gui/src/index.html b/gui/src/index.html
index 8e42e8d3..479588d8 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -1152,14 +1152,14 @@
                   <table class="table table-sm" id="tblHeardStationList">
                     <thead>
                       <tr>
-                        <th scope="col" id="thTime">Time</th>
+                        <th scope="col" id="thTime"><i id="hslSort" class="bi bi-sort-up"></i>Time</th>
                         <th scope="col" id="thFreq">Frequency</th>
                         <th>&nbsp;</th>
                         <th scope="col" id="thDxcall">DXCall</th>
                         <th scope="col" id="thDxgrid">DXGrid</th>
                         <th scope="col" id="thDist">Distance</th>
-                        <th scope="col">Type</th>
-                        <th scope="col">SNR (rx/dx)</th>
+                        <th scope="col" id="thType">Type</th>
+                        <th scope="col" id="thSnr">SNR (rx/dx)</th>
                         <!--<th scope="col">Off</th>-->
                       </tr>
                     </thead>