From cecec4cb4d71d552134ff6e5a5c925fbce92dba6 Mon Sep 17 00:00:00 2001
From: hrodmn <henry.rodman@gmail.com>
Date: Wed, 16 Jul 2025 10:07:53 -0500
Subject: [PATCH] feat: use conformance classes to enable/disable collection
 search box

---
 stac_fastapi/html/templates/collections.html | 64 ++++++++++++++------
 1 file changed, 46 insertions(+), 18 deletions(-)

diff --git a/stac_fastapi/html/templates/collections.html b/stac_fastapi/html/templates/collections.html
index 9b9af5a..5f8022d 100644
--- a/stac_fastapi/html/templates/collections.html
+++ b/stac_fastapi/html/templates/collections.html
@@ -33,8 +33,7 @@ <h1>Collections</h1>
     Showing {{ template.params.get("offset", 0)|int + 1 }} - {{ template.params.get("offset", 0)|int + response.numberReturned }} of {{ response.numberMatched }} collections
   </div>
 
-  <!-- Enable collection-search ? -->
-  <!-- <form id="search-form" class="d-flex flex-wrap flex-grow-1" style="gap: 8px">
+  <form id="search-form" class="d-flex flex-wrap flex-grow-1" style="gap: 8px; display: none;">
     <div class="input-group input-group-sm" style="max-width: 180px">
       <input type="text" class="form-control" id="q" placeholder="Text search"
              value="{{ request.query_params.get('q', '') }}" title="Text search">
@@ -44,7 +43,7 @@ <h1>Collections</h1>
       <button type="submit" class="btn btn-primary">Search</button>
       <button type="button" id="clear-search" class="btn btn-secondary">Clear</button>
     </div>
-  </form> -->
+  </form>
 
   <div class="form-inline" style="gap: 10px">
     <div class="d-flex">
@@ -94,6 +93,32 @@ <h1>Collections</h1>
 </div>
 
 <script>
+// Check conformance for collection search support
+async function checkCollectionSearchSupport() {
+  try {
+    const response = await fetch("{{ template.api_root }}/conformance");
+    const data = await response.json();
+    
+    if (data.conformsTo && Array.isArray(data.conformsTo)) {
+      const hasCollectionSearch = data.conformsTo.some(conformance => 
+        conformance.endsWith("/collection-search#free-text")
+      );
+      
+      if (hasCollectionSearch) {
+        const searchForm = document.getElementById("search-form");
+        if (searchForm) {
+          searchForm.style.display = "flex";
+        }
+      }
+    }
+  } catch (error) {
+    console.warn("Could not check conformance for collection search:", error);
+  }
+}
+
+// Initialize collection search check
+checkCollectionSearchSupport();
+
 document.getElementById("limit").addEventListener("change", (event) => {
   const limit = event.target.value;
   const searchParams = new URLSearchParams(window.location.search);
@@ -102,25 +127,28 @@ <h1>Collections</h1>
   window.location.href = "{{ template.api_root }}/collections?" + searchParams.toString();
 });
 
-document.getElementById("search-form").addEventListener("submit", (event) => {
-  event.preventDefault();
-  const searchParams = new URLSearchParams();
+const searchForm = document.getElementById("search-form");
+if (searchForm) {
+  searchForm.addEventListener("submit", (event) => {
+    event.preventDefault();
+    const searchParams = new URLSearchParams();
 
-  const q = document.getElementById('q').value.trim();
-  const limit = document.getElementById('limit').value;
+    const q = document.getElementById('q').value.trim();
+    const limit = document.getElementById('limit').value;
 
-  if (q) searchParams.set('q', q);
-  searchParams.set('limit', limit);
+    if (q) searchParams.set('q', q);
+    searchParams.set('limit', limit);
 
-  window.location.href = "{{ template.api_root }}/collections?" + searchParams.toString();
-  return false;
-});
+    window.location.href = "{{ template.api_root }}/collections?" + searchParams.toString();
+    return false;
+  });
 
-document.getElementById("clear-search").addEventListener("click", () => {
-  const searchParams = new URLSearchParams();
-  searchParams.set('limit', document.getElementById('limit').value);
-  window.location.href = "{{ template.api_root }}/collections?" + searchParams.toString();
-});
+  document.getElementById("clear-search").addEventListener("click", () => {
+    const searchParams = new URLSearchParams();
+    searchParams.set('limit', document.getElementById('limit').value);
+    window.location.href = "{{ template.api_root }}/collections?" + searchParams.toString();
+  });
+}
 </script>
 {% endif %}
 {% endblock %}