Make list filters toggleable.

This commit is contained in:
Christopher Charbonneau Wells 2018-03-13 20:16:16 -07:00
parent 742c21d003
commit 81e4a1ea51
1 changed files with 15 additions and 3 deletions

View File

@ -1,6 +1,6 @@
{% load widget_tweaks %}
<form role="form" action="" method="get">
<form id="filter_form" role="form" action="" method="get" class="collapse{% if request.GET.filtered %} show{% endif %}">
<div class="form-group form-row">
{% for field in filter.form %}
<label for="id_{{ field.name }}" class="col-xs-2 col-sm-auto col-form-label col-form-label-sm">
@ -16,7 +16,19 @@
{% endfor %}
<div class="col-xs-12 col-sm-auto mt-3 mt-sm-0">
<button type="submit" class="btn btn-sm btn-primary mr-2">Filter</button>
<a href="{{ request.path }}" class="btn btn-sm btn-dark">Reset</a>
<a href="{{ request.path }}" class="btn btn-sm btn-error">Reset</a>
</div>
</div>
</form>
<input type="hidden" name="filtered" value="1"/>
</form>
<p>
<a class="btn btn-dark btn-sm"
data-toggle="collapse"
href="#filter_form"
role="button"
aria-expanded="false"
aria-controls="filter_form">
Filters
</a>
</p>