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
+7 -7
View File
@@ -1,7 +1,7 @@
{% extends 'atlas/base.html' %}
{% block content %}
<div class="container my-4">
<div class="container my-4">
<div class="row">
<div class="col-12">
<h2 class="mb-3">Atlas</h2>
@@ -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>
@@ -59,6 +59,6 @@
</div>
</div>
</div>
</div>
</div>
{% endblock %}
@@ -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">