2021-03-29 17:39:13 +00:00
|
|
|
{% load i18n %}
|
2021-12-29 18:50:32 +00:00
|
|
|
<details class="details-panel box is-size-{{ size|default:'normal' }}" {% if filters_applied %}open{% endif %}>
|
|
|
|
<summary class="is-flex is-align-items-center is-flex-wrap-wrap is-gap-2">
|
|
|
|
<h2 class="mb-0 title {% if size == 'small' %}is-6{% else %}is-5{% endif %} is-flex-shrink-0">
|
|
|
|
{% trans "Filters" %}
|
2021-03-29 17:39:13 +00:00
|
|
|
|
2021-12-29 18:50:32 +00:00
|
|
|
</h2>
|
2021-03-29 17:39:13 +00:00
|
|
|
|
2021-12-29 18:50:32 +00:00
|
|
|
{% if filters_applied %}
|
|
|
|
<span class="tag is-success is-light ml-2 mb-0 is-{{ size|default:'normal' }}">
|
|
|
|
{{ _("Filters are applied") }}
|
|
|
|
</span>
|
2021-04-02 00:38:53 +00:00
|
|
|
{% endif %}
|
2021-12-29 18:50:32 +00:00
|
|
|
|
|
|
|
{% if request.GET %}
|
|
|
|
<div class="mb-0 tags has-addons">
|
|
|
|
<span class="mb-0 tag is-success is-light is-{{ size|default:'normal' }}">
|
|
|
|
{% trans "Filters are applied" %}
|
|
|
|
</span>
|
|
|
|
<a class="mb-0 tag is-success is-{{ size|default:'normal' }}" href="{{ request.path }}">
|
|
|
|
{% trans "Clear filters" %}
|
|
|
|
</a>
|
2021-03-29 17:39:13 +00:00
|
|
|
</div>
|
2021-12-29 18:50:32 +00:00
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
<span class="details-close icon icon-x is-{{ size|default:'normal' }}" aria-hidden></span>
|
|
|
|
</summary>
|
|
|
|
|
|
|
|
<div class="mt-3">
|
2021-12-29 19:16:53 +00:00
|
|
|
<form id="filters" method="{{ method|default:'get' }}" action="{{ action|default:request.path }}">
|
2021-12-29 18:50:32 +00:00
|
|
|
{% if method == 'post' %}
|
|
|
|
{% csrf_token %}
|
|
|
|
{% endif %}
|
2021-03-29 17:39:13 +00:00
|
|
|
|
2021-12-29 18:50:32 +00:00
|
|
|
{% if sort %}
|
|
|
|
<input type="hidden" name="sort" value="{{ sort }}">
|
|
|
|
{% endif %}
|
|
|
|
<div class="mt-3 columns filters-fields is-align-items-stretch">
|
|
|
|
{% block filter_fields %}
|
|
|
|
{% endblock %}
|
|
|
|
</div>
|
|
|
|
<button type="submit" class="button is-primary is-small">
|
|
|
|
{% trans "Apply filters" %}
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</details>
|