87 lines
3.8 KiB
HTML
87 lines
3.8 KiB
HTML
{% load duration %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
<section class="filter">
|
|
<script>
|
|
function filter() {
|
|
var q = [];
|
|
if ($('#year')[0].value) {
|
|
q.push('year=' + $('#year')[0].value)
|
|
}
|
|
if ($('#sort')[0].value) {
|
|
q.push('sort=' + $('#sort')[0].value)
|
|
}
|
|
location = '{{ user.identity.url }}' + $('#shelf')[0].value + '/' + $('#category')[0].value + '/' + (q.length ? '?' + q.join('&') : '')
|
|
}
|
|
</script>
|
|
<form method="get" action="">
|
|
<fieldset role="search" style="width: 100%; padding;">
|
|
<select name="shelf" id="shelf" onchange="filter()">
|
|
{% for typ, label in shelf_labels %}
|
|
{% if label %}
|
|
<option {% if typ in request.path %}selected{% endif %} value="{{ typ }}">{{ label }}</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
<option {% if '/reviews/' in request.path %}selected{% endif %}
|
|
value="reviews">{% trans "review" %}</option>
|
|
</select>
|
|
<select name="category" id="category" onchange="filter()">
|
|
{% visible_categories as cats %}
|
|
{% if 'book' in cats %}
|
|
<option {% if '/book/' in request.path %}selected{% endif %} value="book">{% trans "Book" %}</option>
|
|
{% endif %}
|
|
{% if 'movie' in cats %}
|
|
<option {% if '/movie/' in request.path %}selected{% endif %} value="movie">{% trans "Movie" %}</option>
|
|
{% endif %}
|
|
{% if 'tv' in cats %}
|
|
<option {% if '/tv/' in request.path %}selected{% endif %} value="tv">{% trans "TV" %}</option>
|
|
{% endif %}
|
|
{% if 'podcast' in cats %}
|
|
<option {% if '/podcast/' in request.path %}selected{% endif %}
|
|
value="podcast">{% trans "Podcast" %}</option>
|
|
{% endif %}
|
|
{% if 'music' in cats %}
|
|
<option {% if '/music/' in request.path %}selected{% endif %} value="music">{% trans "Music" %}</option>
|
|
{% endif %}
|
|
{% if 'game' in cats %}
|
|
<option {% if '/game/' in request.path %}selected{% endif %} value="game">{% trans "Game" %}</option>
|
|
{% endif %}
|
|
{% if 'performance' in cats %}
|
|
<option {% if '/performance/' in request.path %}selected{% endif %}
|
|
value="performance">{% trans "Performance" %}</option>
|
|
{% endif %}
|
|
</select>
|
|
<select name="year" id="year" onchange="filter()">
|
|
<option value="">{% trans "all" %}</option>
|
|
{% for y in years %}
|
|
<option value="{{ y }}" {% if y == year %}selected{% endif %}>{{ y }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<select name="sort" id="sort" onchange="filter()">
|
|
<option value="" disabled>{% trans "sorting" %}</option>
|
|
<option value="">{% trans "date" %}</option>
|
|
<option value="rating" {% if 'rating' == sort %}selected{% endif %}>{% trans "rating" %}</option>
|
|
</select>
|
|
</fieldset>
|
|
</form>
|
|
<!--
|
|
<style type="text/css">
|
|
#rating_select input {
|
|
padding: var(--pico-form-element-spacing-vertical) calc(var(--pico-form-element-spacing-horizontal)/4) !important
|
|
}
|
|
</style>
|
|
<form role="search" method="get" action="" id="rating_select">
|
|
<input type="submit" class="secondary outline" value="1">
|
|
<input type="submit" class="secondary outline" value="2">
|
|
<input type="submit" class="secondary outline" value="3">
|
|
<input type="submit" class="secondary outline" value="4">
|
|
<input type="submit" class="secondary outline" value="5">
|
|
<input type="submit" class="secondary outline" value="6">
|
|
<input type="submit" class="secondary outline" value="7">
|
|
<input type="submit" class="secondary outline" value="8">
|
|
<input type="submit" class="secondary outline" value="9">
|
|
<input type="submit" class="secondary" value="10">
|
|
<input type="submit" class="secondary outline" value="*">
|
|
</form>
|
|
-->
|
|
</section>
|