88 lines
3.6 KiB
HTML
88 lines
3.6 KiB
HTML
{% load admin_url %}
|
|
{% 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">评论</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">书籍</option>
|
|
{% endif %}
|
|
{% if 'movie' in cats %}
|
|
<option {% if '/movie/' in request.path %}selected{% endif %} value="movie">电影</option>
|
|
{% endif %}
|
|
{% if 'tv' in cats %}
|
|
<option {% if '/tv/' in request.path %}selected{% endif %} value="tv">剧集</option>
|
|
{% endif %}
|
|
{% if 'podcast' in cats %}
|
|
<option {% if '/podcast/' in request.path %}selected{% endif %}
|
|
value="podcast">播客</option>
|
|
{% endif %}
|
|
{% if 'music' in cats %}
|
|
<option {% if '/music/' in request.path %}selected{% endif %} value="music">音乐</option>
|
|
{% endif %}
|
|
{% if 'game' in cats %}
|
|
<option {% if '/game/' in request.path %}selected{% endif %} value="game">游戏</option>
|
|
{% endif %}
|
|
{% if 'performance' in cats %}
|
|
<option {% if '/performance/' in request.path %}selected{% endif %}
|
|
value="performance">演出</option>
|
|
{% endif %}
|
|
</select>
|
|
<select name="year" id="year" onchange="filter()">
|
|
<option value="">全部</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>排列顺序</option>
|
|
<option value="">时间</option>
|
|
<option value="rating" {% if 'rating' == sort %}selected{% endif %}>评分</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>
|