moviewyrm/bookwyrm/templates/notifications/notifications_page.html

49 lines
1.4 KiB
HTML
Raw Normal View History

2020-03-07 22:50:29 +00:00
{% extends 'layout.html' %}
{% load i18n %}
{% load static %}
{% block title %}{% trans "Notifications" %}{% endblock %}
2020-03-07 22:50:29 +00:00
{% block content %}
<header class="columns is-mobile">
2021-05-07 21:00:55 +00:00
<div class="column">
<h1 class="title">{% trans "Notifications" %}</h1>
</div>
2020-03-07 22:50:29 +00:00
2021-05-07 21:00:55 +00:00
<form name="clear" action="/notifications" method="POST" class="column is-narrow">
2020-03-17 01:05:49 +00:00
{% csrf_token %}
{% spaceless %}
<button class="button is-danger is-light" type="submit">
<span class="icon icon-x m-0-mobile" aria-hidden="true"></span>
<span class="is-sr-only-mobile">{% trans "Delete notifications" %}</span>
</button>
{% endspaceless %}
2020-03-17 01:05:49 +00:00
</form>
2021-05-07 21:00:55 +00:00
</header>
<div class="block">
<nav class="tabs">
<ul>
{% url 'notifications' as tab_url %}
<li {% if tab_url == request.path %}class="is-active"{% endif %}>
<a href="{{ tab_url }}">{% trans "All" %}</a>
</li>
{% url 'notifications' 'mentions' as tab_url %}
<li {% if tab_url == request.path %}class="is-active"{% endif %}>
<a href="{{ tab_url }}">{% trans "Mentions" %}</a>
</li>
</ul>
</nav>
2020-03-17 01:05:49 +00:00
</div>
2020-09-29 21:45:04 +00:00
<div class="block">
2020-03-17 01:05:49 +00:00
{% for notification in notifications %}
2021-10-02 14:58:20 +00:00
{% include 'notifications/item.html' %}
2020-03-17 01:05:49 +00:00
{% endfor %}
2020-03-17 01:05:49 +00:00
{% if not notifications %}
<p>{% trans "You're all caught up!" %}</p>
2020-03-17 01:05:49 +00:00
{% endif %}
2020-03-07 22:50:29 +00:00
</div>
{% endblock %}