ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
atlas/templates/atlas/index.html
+7 -7
View File
@@ -1,7 +1,7 @@
{% extends 'atlas/base.html' %} {% extends 'atlas/base.html' %}
{% block content %} {% block content %}
<div class="container my-4"> <div class="container my-4">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h2 class="mb-3">Atlas</h2> <h2 class="mb-3">Atlas</h2>
@@ -14,13 +14,13 @@
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Search cases</h5> <h5 class="card-title">Search cases</h5>
<div class="mb-2"> <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-get="{% url 'atlas:case_search_partial' %}"
hx-trigger="keyup changed delay:500ms" hx-trigger="input changed delay:500ms, keyup[key=='Enter']"
hx-target="#case-search-results" hx-target="#case-search-results" >
hx-include="#case-search-input">
</div> </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 %} {% include 'atlas/partials/_case_search_results.html' with cases=None %}
</div> </div>
</div> </div>
@@ -59,6 +59,6 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
atlas/templates/atlas/partials/_case_search_results.html
+1 -1
View File
@@ -1,6 +1,6 @@
{# partial: list of cases for HTMX search results #} {# partial: list of cases for HTMX search results #}
<div class="list-group"> <div class="list-group">
{% if cases and cases.exists %} {% if cases %}
{% for case in cases %} {% for case in cases %}
<a href="{% url 'atlas:case_detail' case.pk %}" class="list-group-item list-group-item-action"> <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"> <div class="d-flex w-100 justify-content-between">