123 lines
3.9 KiB
HTML
123 lines
3.9 KiB
HTML
{% extends "default.html" %}
|
|
|
|
{% block fixedMobileBarJS %}{% endblock %}
|
|
|
|
{% block pagetype %}{% endblock %}
|
|
|
|
{% block PseudoSubmitForm %}{% endblock %}
|
|
|
|
{% block navbar %}
|
|
<div class="font-weight-bold py-3"></div>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row border-bottom bg-white w-200 pr-0" style="overflow: visible;">
|
|
<div class="col p-0 w-100">
|
|
<ul class="nav settings-nav" style="padding:0 0 0 20px" id="notifications--nav-list">
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications' %} active{% endif %}" href="/notifications">
|
|
All {% if v.normal_notifications_count %}<span class="font-weight-bold" style="color:#ff0000">({{v.normal_notifications_count}})</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications/posts' %} active{% endif %}" href="/notifications/posts">
|
|
Posts {% if v.post_notifications_count %}<span class="font-weight-bold" style="color:#0000ff">({{v.post_notifications_count}})</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications/messages' %} active{% endif %}" href="/notifications/messages">
|
|
Messages
|
|
</a>
|
|
</li>
|
|
{% if v.admin_level >= NOTIF_MODACTION_JL_MIN %}
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications/modactions' %} active{% endif %}" href="/notifications/modactions">
|
|
Modactions {% if v.modaction_notifications_count %}<span class="font-weight-bold" style="color:#e5990d">({{v.modaction_notifications_count}})</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if v.admin_level >= 2 %}
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications/modmail' %} active{% endif %}" href="/notifications/modmail">
|
|
Modmail
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if v.can_view_offsitementions %}
|
|
<li class="nav-item">
|
|
<a class="nav-link py-3{% if request.path == '/notifications/reddit' %} active{% endif %}" href="/notifications/reddit">
|
|
Reddit {% if v.reddit_notifications_count %}<span class="font-weight-bold" style="color:#805ad5">({{v.reddit_notifications_count}})</span>{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="btn btn-primary mt-3 ml-3" role="button" onclick="post_toast(this,'/clear', true)">Clear all notifications</a>
|
|
|
|
<div class="notifs px-3 p-md-0">
|
|
|
|
{% if request.path == '/notifications/posts' %}
|
|
{% with listing=notifications %}
|
|
<div class="mt-4">
|
|
{% include "submission_listing.html" %}
|
|
</div>
|
|
{% endwith %}
|
|
{% else %}
|
|
{% with comments=notifications %}
|
|
{% include "comments.html" %}
|
|
{% endwith %}
|
|
{% endif %}
|
|
|
|
{% if not notifications %}
|
|
<div class="text-center py-7 py-md-8">
|
|
|
|
<span class="fa-stack fa-2x text-muted mb-4">
|
|
<i class="fas fa-square text-gray-400 fa-stack-2x"></i>
|
|
<i class="fas text-gray-600 fa-envelope fa-stack-1x text-lg"></i>
|
|
</span>
|
|
|
|
<div class="h5">No unread messages</div>
|
|
<div class="text-small text-muted mb-3">When someone comments or replies, it will show up here.</div>
|
|
<a href="/notifications" class="btn btn-primary ">View entire inbox</a>
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{% block pagenav %}
|
|
{% if notifications %}
|
|
<nav aria-label="Page navigation">
|
|
<ul class="pagination pagination-sm mb-0 mt-4">
|
|
{% if page>1 %}
|
|
<li class="page-item">
|
|
<small><a class="page-link" href="{{request.path}}?page={{page-1}}">Previous</a></small>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item disabled"><span class="page-link">Prev</span></li>
|
|
{% endif %}
|
|
|
|
{% if next_exists %}
|
|
<li class="page-item">
|
|
<small><a class="page-link" href="{{request.path}}?page={{page+1}}">Next</a></small>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item disabled"><span class="page-link">Next</span></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|
|
<style>
|
|
.comment {
|
|
margin-top: 1rem;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block GIFpicker %}
|
|
{% endblock %} |