contentdb/app/templates/notifications/list.html

104 lines
2.7 KiB
HTML

{% extends "base.html" %}
{% block title %}
Notifications
{% endblock %}
{% block content %}
{% if current_user.notifications %}
<form method="post" action="{{ url_for('notifications.clear') }}" class="float-right">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
<input type="submit" class="btn btn-primary" value="Clear All" />
</form>
<a href="{{ url_for('users.email_notifications', username=current_user.username) }}" class="btn btn-secondary float-right mr-3">
{{ _("Edit email notification settings") }}
</a>
{% endif %}
<h1>Notifications</h1>
{% if current_user.notifications %}
<p>
Newest first.
</p>
{% endif %}
{% if editor_notifications %}
<h2>Your Notifications</h2>
{% endif %}
<div class="list-group mt-3">
{% for n in notifications %}
<a class="list-group-item list-group-item-action" href="{{ n.url }}">
<div class="row">
{% if n.package %}
<div class="col-sm-auto text-muted" style="min-width: 200px;">
<img
class="img-fluid"
style="max-height: 22px; max-width: 22px;"
src="{{ n.package.getThumbnailOrPlaceholder() }}" />
<span class="pl-2">
{{ n.package.title }}
</span>
</div>
{% endif %}
<div class="col-sm">
{{ n.title}}
</div>
<div class="col-sm-auto text-muted text-right">
<span class="pr-2">{{ n.causer.display_name }}</span>
<img
class="img-fluid user-photo img-thumbnail img-thumbnail-1"
style="max-height: 22px;"
src="{{ n.causer.getProfilePicURL() }}" />
</div>
</div>
</a>
{% else %}
<p class="list-group-item"><i>No notifications</i></p>
{% endfor %}
</div>
{% if editor_notifications %}
<h2>Editor/Approver Notifications</h2>
<div class="list-group mt-3">
{% for n in editor_notifications %}
<a class="list-group-item list-group-item-action" href="{{ n.url }}">
<div class="row">
{% if n.package %}
<div class="col-sm-auto text-muted">
<img
class="img-fluid"
style="max-height: 22px; max-width: 22px;"
src="{{ n.package.getThumbnailOrPlaceholder() }}" />
<span class="pl-2">
{{ n.package.title }}
</span>
</div>
{% endif %}
<div class="col-sm">
{{ n.title}}
</div>
<div class="col-sm-auto text-muted text-right">
<span class="pr-2">{{ n.causer.display_name }}</span>
<img
class="img-fluid user-photo img-thumbnail img-thumbnail-1"
style="max-height: 22px;"
src="{{ n.causer.getProfilePicURL() }}" />
</div>
</div>
</a>
{% else %}
<p class="list-group-item"><i>No notifications</i></p>
{% endfor %}
</div>
{% endif %}
{% endblock %}