lib.itmens/common/templates/partial/_navbar.html
Henri Dickson 0ffd47ca96
new style
* new style with picocss
* djlint
* rate distribution
* collection item drag to order
* discover available for guest
* search combine movie tv
2023-05-20 11:01:18 -04:00

97 lines
4.6 KiB
HTML

{% load static %}
{% load i18n %}
{% load admin_url %}
<form method="get" action="{% url 'catalog:search' %}">
<section id="navbar">
<nav class="navbar">
<div class="grid">
<div class="navbar__wrapper">
<a href="{% url 'common:home' %}" class="navbar__logo">
<img src="{% static 'img/logo.svg' %}" alt="" class="navbar__logo-img">
</a>
<div class="navbar__search-box">
<!-- <input type="search"
name="q"
id="searchInput"
required="true"
value="{% for v in request.GET.values %}{{ v }}{% endfor %}"
-->
<input type="search"
name="q"
id="searchInput"
required="true"
value="{% if request.GET.q %}{{ request.GET.q }}{% endif %}"
placeholder="搜索书影音游戏播客,或输入站外条目链接如 https://movie.douban.com/subject/1297880/ 支持站点列表见页底公告栏">
<select class="navbar__search-dropdown" id="searchCategory" name="c">
<option value="all"
{% if request.GET.c and request.GET.c == 'all' or not request.GET.c %}selected{% endif %}>
{% trans '任意' %}
</option>
<option value="book"
{% if request.GET.c and request.GET.c == 'book' or '/book/' in request.path %}selected{% endif %}>
{% trans '书籍' %}
</option>
<option value="movie"
{% if request.GET.c and request.GET.c == 'movie' or '/movie/' in request.path %}selected{% endif %}>
{% trans '电影' %}
</option>
<option value="tv"
{% if request.GET.c and request.GET.c == 'tv' or '/tv/' in request.path %}selected{% endif %}>
{% trans '剧集' %}
</option>
<option value="podcast"
{% if request.GET.c and request.GET.c == 'podcast' or '/podcast/' in request.path %}selected{% endif %}>
{% trans '播客' %}
</option>
<option value="music"
{% if request.GET.c and request.GET.c == 'music' or '/album/' in request.path %}selected{% endif %}>
{% trans '音乐' %}
</option>
<option value="game"
{% if request.GET.c and request.GET.c == 'game' or '/game/' in request.path %}selected{% endif %}>
{% trans '游戏' %}
</option>
</select>
</div>
<ul class="navbar__link-list">
{% if request.user.is_authenticated %}
<a class="navbar__link {% if current == 'discover' %}current{% endif %}"
href="{% url 'catalog:discover' %}">{% trans '发现' %}</a>
<a class="navbar__link {% if current == 'timeline' %}current{% endif %}"
href="{% url 'social:feed' %}">{% trans '动态' %}</a>
<a class="navbar__link {% if current == 'home' %}current{% endif %}"
href="{% url 'journal:user_profile' request.user.mastodon_username %}">{% trans '个人主页' %}</a>
<div class="navbar__link dropdown">
<a class="dropbtn"><i class="fa-solid fa-gear" title="{% trans '更多' %}"></i></a>
<div class="dropdown-content">
<a class="navbar__link {% if current == 'data' %}current{% endif %}"
href="{% url 'users:data' %}">{% trans '数据' %}</a>
<a class="navbar__link {% if current == 'preferences' %}current{% endif %}"
href="{% url 'users:preferences' %}">{% trans '设置' %}</a>
<a class="navbar__link" id="logoutLink" href="{% url 'users:logout' %}">{% trans '登出' %}</a>
{% if request.user.is_superuser %}
<a class="navbar__link" href="{% admin_url %}">{% trans '后台' %}</a>
{% endif %}
</div>
</div>
{% else %}
<a class="navbar__link"
href="{% url 'users:login' %}?next={{ request.path }}">{% trans '登录' %}</a>
{% endif %}
</ul>
</div>
</div>
</nav>
</section>
</form>
{% if messages %}
<div class="main-section-wrapper"
style="margin-bottom: 10px;
text-align:center">
<ul class="messages">
{% for message in messages %}
<li {% if message.tags %}class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
</div>
{% endif %}