Du kannst nicht mehr als 25 Themen auswählen
Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
72 Zeilen
3.6 KiB
72 Zeilen
3.6 KiB
{% extends 'base.html' %}
|
|
{% from 'bootstrap/pagination.html' import render_pagination %}
|
|
|
|
{% block title %}通知{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-header">
|
|
<h1>通知</h1>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="nav nav-pills flex-column" role="tablist" aria-orientation="vertical">
|
|
<a class="nav-item nav-link {% if request.args.get('filter') != 'unread' %}active{% endif %}"
|
|
href="{{ url_for('.show_notifications', filter='all') }}">
|
|
全部
|
|
</a>
|
|
<a class="nav-item nav-link {% if request.args.get('filter') == 'unread' %}active{% endif %}"
|
|
href="{{ url_for('.show_notifications', filter='unread') }}">
|
|
未读
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="card bg-light w-100">
|
|
<div class="card-header">{{ notification_count }} 条未读通知
|
|
<div class="float-right">
|
|
<a class="btn btn-light btn-sm" href="{{ url_for('user.notification_setting') }}">
|
|
<span class="oi oi-cog" aria-hidden="true"></span> 设置
|
|
</a>
|
|
<form class="inline" method="post" action="{{ url_for('.read_all_notification') }}">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="btn btn-light btn-sm">
|
|
<span class="oi oi-check" aria-hidden="true"></span> 全部已读
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if notifications %}
|
|
<ul class="list-group">
|
|
{% for notification in notifications %}
|
|
<li class="list-group-item">
|
|
{{ notification.message|safe }}
|
|
<span class="float-right">
|
|
{{ moment(notification.timestamp).fromNow(refresh=True) }}
|
|
{% if notification.is_read == False %}
|
|
<form class="inline"
|
|
action="{{ url_for('.read_notification', notification_id=notification.id) }}"
|
|
method="post">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit" class="btn btn-light btn-sm">
|
|
<span class="oi oi-check" aria-hidden="true"></span>
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
</span>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div class="text-right page-footer">
|
|
{{ render_pagination(pagination) }}
|
|
</div>
|
|
{% else %}
|
|
<div class="tip text-center">
|
|
<h6>无通知</h6>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|