render active filters like pills

This commit is contained in:
Mathieu Jaumotte 2023-07-10 15:55:05 +02:00
parent 39896ea6e2
commit cdfe201574

View File

@ -95,9 +95,9 @@
</div> </div>
{% set active = helper.getActiveFilters() %} {% set active = helper.getActiveFilters() %}
{% if active|length > 0 %} {% if active|length > 0 %}
<div> <div class="activeFilters mt-3">
{% for f in active %} {% for f in active %}
<span class="{{ f.position }} {{ f.name }}">{% if f.label != '' %}{{ f.label|trans }}&nbsp;: {% endif %}{{ f.value }}</span> <span class="badge rounded-pill bg-secondary ms-1 {{ f.position }} {{ f.name }}">{% if f.label != '' %}{{ f.label|trans }}&nbsp;: {% endif %}{{ f.value }}</span>
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}