From 3964134db95079a57503c8a0dd6a08e2d807e379 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Fri, 31 Oct 2025 17:52:29 +0000
Subject: [PATCH] Add dx_call_includes filter input on web UI

---
 views/webpage_spots.tpl | 4 ++++
 webassets/js/spots.js   | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/views/webpage_spots.tpl b/views/webpage_spots.tpl
index 41ba39b..4fdcef3 100644
--- a/views/webpage_spots.tpl
+++ b/views/webpage_spots.tpl
@@ -14,6 +14,10 @@
         </div>
         <div class="col-auto">
             <p class="d-inline-flex gap-1">
+                <div style="position: relative; display: inline-block; top: 2px;">
+                    <i class="fa-solid fa-magnifying-glass" style="position: absolute; left: 0px; padding: 10px; pointer-events: none;"></i>
+                    <input id="filter-dx-call" type="text" class="form-control hideonmobile me-3" oninput="filtersUpdated();" placeholder="Search for call" style="max-width: 10em; padding-left: 2em;">
+                </div>
                 <button id="add-spot-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleAddSpotPanel();"><i class="fa-solid fa-comment"></i> Add Spot</button>
                 <button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleFiltersPanel();"><i class="fa-solid fa-filter"></i> Filters</button>
                 <button id="display-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button" onclick="toggleDisplayPanel();"><i class="fa-solid fa-desktop"></i> Display</button>
diff --git a/webassets/js/spots.js b/webassets/js/spots.js
index 6cee5df..f62ec6b 100644
--- a/webassets/js/spots.js
+++ b/webassets/js/spots.js
@@ -20,6 +20,9 @@ function buildQueryString() {
         }
     });
     str = str + "limit=" + $("#spots-to-fetch option:selected").val();
+    if ($("#filter-dx-call").val() != "") {
+        str = str + "&dx_call_includes=" + encodeURIComponent($("#filter-dx-call").val());
+    }
     return str;
 }