Intis/django-htmx-presenatation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Continue with list

Browse Source
This commit is contained in:
Eden Kirin
2024-04-11 20:56:10 +02:00
parent b1ecdd1f0c
commit d3471d54ea
5 changed files with 209 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
project/main/templates/main/filter_list.html
View File

@ -3,5 +3,66 @@
{% block content %}
{{ js_alert_work_in_progress() }}
<div class="card mb-2">
<div class="card-body">
<form id="filter-form"
class="row g-2 align-items-center"
>
<div class="col-auto">
<label class="form-label mb-0">ZIP:</label>
</div>
<div class="col-auto">
<input
type="number"
name="zip"
class="form-control"
hx-get="{{ url("filter-list-filter") }}"
hx-trigger="keyup"
hx-target="#filter-list-container"
hx-include="[name='area'],[name='county']"
/>
</div>
<div class="col-auto">
<label class="form-label mb-0">Area:</label>
</div>
<div class="col-auto">
<input
type="text"
name="area"
class="form-control"
hx-get="{{ url("filter-list-filter") }}"
hx-trigger="keyup"
hx-target="#filter-list-container"
hx-include="[name='zip'],[name='county']"
/>
</div>
<div class="col-auto">
<label class="form-label mb-0">County:</label>
</div>
<div class="col-auto">
<select
name="county"
class="form-select"
hx-get="{{ url("filter-list-filter") }}"
hx-trigger="change"
hx-target="#filter-list-container"
hx-include="[name='zip'],[name='area']"
>
<option value="">
- All -
</option>
{% for county in counties %}
<option value="{{ county.id }}">
{{ county.name }}
</option>
{% endfor %}
</select>
</div>
</form>
</div>
</div>
<div id="filter-list-container">
{% include "main/filter_list_content.html" %}
</div>
{% endblock %}

53
project/main/templates/main/filter_list_content.html Normal file
View File

@ -0,0 +1,53 @@
<table class="table">
<thead>
<tr>
<th>Zip Code</th>
<th>Post Office</th>
<th>Area</th>
<th>County</th>
</tr>
</thead>
<tbody>
{% for area in areas %}
<tr>
<td>{{ area.post_office.zip }}</td>
<td>{{ area.post_office.name }}</td>
<td>{{ area.name }}</td>
<td>{{ area.county.name }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% if pagination.page_count > 1 %}
<nav aria-label="Page navigation example">
<ul class="pagination">
{% if pagination.prev_page != None %}
<li class="page-item">
<a class="page-link" href="#">Previous</a>
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Previous</a>
</li>
{% endif %}
{% for p in range(1, pagination.page_count) %}
<li class="page-item {% if pagination.page == p %}active{% endif %}">
<a class="page-link" href="#">{{ p }}</a>
</li>
{% endfor %}
{% if pagination.prev_page != None %}
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
{% else %}
<li class="page-item disabled">
<a class="page-link" href="#">Next</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}