lib.itmens/journal/templates/_sidebar_user_mark_list.html
2024-05-26 23:16:01 -04:00

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>