edward/depicts
1
0
Fork 0
Code Issues 8 Pull requests Packages Projects Releases Wiki Activity

Add toggle filters to find more page.

Browse source
This commit is contained in:
Edward Betts 2019-09-27 15:38:36 +01:00
parent 8fa23e5e19
commit 161c58e7db
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
templates/find_more.html
View file

@ -21,6 +21,9 @@
<p>{{ '{:,d}'.format(total) }} paintings found</p> <p>{{ '{:,d}'.format(total) }} paintings found</p>
<a href="#" id="toggle-filters">toggle filters</a>
<div id="filters">
{% for key, values in facets.items() %} {% for key, values in facets.items() %}
<p>{{ prop_labels[key] }}: <p>{{ prop_labels[key] }}:
{% for v in values %} {% for v in values %}
@ -28,8 +31,8 @@
{% if not loop.last %}|{% endif %} {% if not loop.last %}|{% endif %}
{% endfor %} {% endfor %}
</p> </p>
{% endfor %} {% endfor %}
</div>
<div class="card-columns"> <div class="card-columns">
{% for item in items %} {% for item in items %}
@ -56,3 +59,15 @@
</div> </div>
{% endblock %} {% endblock %}
{% block script %}
<script>
$('#filters').hide();
$('#toggle-filters').click((event) => {
event.preventDefault();
$('#filters').toggle()
});
</script>
{% endblock %}