Refactor case search input and results handling for improved functionality and clarity

This commit is contained in:
Ross
2025-11-05 21:52:53 +00:00
parent 03a24615ab
commit 8c1c7b75e7
2 changed files with 53 additions and 53 deletions
+5 -5
View File
@@ -14,13 +14,13 @@
<div class="card-body">
<h5 class="card-title">Search cases</h5>
<div class="mb-2">
<input class="form-control" id="case-search-input" name="q" placeholder="Search cases by title or description"
<input class="form-control" id="case-search-input" name="q" type="search"
placeholder="Search cases by title or description"
hx-get="{% url 'atlas:case_search_partial' %}"
hx-trigger="keyup changed delay:500ms"
hx-target="#case-search-results"
hx-include="#case-search-input">
hx-trigger="input changed delay:500ms, keyup[key=='Enter']"
hx-target="#case-search-results" >
</div>
<div id="case-search-results" hx-swap-oob="true">
<div id="case-search-results">
{% include 'atlas/partials/_case_search_results.html' with cases=None %}
</div>
</div>
@@ -1,6 +1,6 @@
{# partial: list of cases for HTMX search results #}
<div class="list-group">
{% if cases and cases.exists %}
{% if cases %}
{% for case in cases %}
<a href="{% url 'atlas:case_detail' case.pk %}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">