2022-05-04 23:09:46 +00:00
{% extends "default.html" %}
{% 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;" >
2022-09-04 23:15:37 +00:00
< div class = "col p-0 w-100" >
2022-06-10 12:28:46 +00:00
< ul class = "nav settings-nav" style = "padding:0 0 0 20px" id = "notifications--nav-list" >
2022-05-04 23:09:46 +00:00
< li class = "nav-item" >
2022-07-08 18:06:54 +00:00
< a class = "nav-link py-3{% if request.path == '/notifications' %} active{% endif %}" href = "/notifications" >
2022-09-12 09:36:49 +00:00
All {% if v.normal_notifications_count %}< span class = "font-weight-bold" style = "color:#dc3545" > ({{v.normal_notifications_count}})< / span > {% endif %}
2022-05-04 23:09:46 +00:00
< / a >
< / li >
< li class = "nav-item" >
2022-09-11 01:46:18 +00:00
< a class = "nav-link py-3{% if request.path == '/notifications/messages' %} active{% endif %}" href = "/notifications/messages" >
2022-09-12 09:36:49 +00:00
Messages {% if v.message_notifications_count %}< span class = "font-weight-bold" style = "color:#d8910d" > ({{v.message_notifications_count}})< / span > {% endif %}
2022-05-04 23:09:46 +00:00
< / a >
< / li >
< li class = "nav-item" >
2022-09-11 01:46:18 +00:00
< 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 %}
2022-05-04 23:09:46 +00:00
< / a >
< / li >
2022-10-07 08:50:20 +00:00
{% if v.admin_level >= PERMS['NOTIFICATIONS_MODERATOR_ACTIONS'] %}
2022-06-10 12:28:46 +00:00
< li class = "nav-item" >
2022-07-08 18:06:54 +00:00
< a class = "nav-link py-3{% if request.path == '/notifications/modactions' %} active{% endif %}" href = "/notifications/modactions" >
2022-09-12 09:36:49 +00:00
Modactions {% if v.modaction_notifications_count %}< span class = "font-weight-bold" style = "color:#1ad80d" > ({{v.modaction_notifications_count}})< / span > {% endif %}
2022-06-10 12:28:46 +00:00
< / a >
< / li >
{% endif %}
2022-10-06 06:56:37 +00:00
{% if v.admin_level >= PERMS['VIEW_MODMAIL'] %}
2022-05-04 23:09:46 +00:00
< li class = "nav-item" >
2022-07-08 18:06:54 +00:00
< a class = "nav-link py-3{% if request.path == '/notifications/modmail' %} active{% endif %}" href = "/notifications/modmail" >
2022-05-04 23:09:46 +00:00
Modmail
< / a >
< / li >
{% endif %}
2022-06-10 11:12:19 +00:00
{% if v.can_view_offsitementions %}
2022-05-04 23:09:46 +00:00
< li class = "nav-item" >
2022-07-08 18:06:54 +00:00
< a class = "nav-link py-3{% if request.path == '/notifications/reddit' %} active{% endif %}" href = "/notifications/reddit" >
2022-05-04 23:09:46 +00:00
Reddit {% if v.reddit_notifications_count %}< span class = "font-weight-bold" style = "color:#805ad5" > ({{v.reddit_notifications_count}})< / span > {% endif %}
< / a >
< / li >
{% endif %}
< / ul >
2022-09-04 23:15:37 +00:00
< / div >
2022-05-04 23:09:46 +00:00
< / div >
2022-11-03 19:08:22 +00:00
< button type = "button" class = "btn btn-primary btn-rainbow ml-3 mt-4" onclick = "postToastSwitch(this,'/clear', true)" > Mark all notifications as read< / button >
2022-05-04 23:09:46 +00:00
< div class = "notifs px-3 p-md-0" >
2022-07-08 18:06:54 +00:00
{% if request.path == '/notifications/posts' %}
{% with listing=notifications %}
2022-07-08 19:45:38 +00:00
< div class = "mt-4" >
2022-07-08 19:35:15 +00:00
{% include "submission_listing.html" %}
< / div >
2022-07-08 18:06:54 +00:00
{% endwith %}
2022-08-05 21:50:30 +00:00
{% elif request.path == '/notifications/modactions' %}
< div class = "rounded border bg-white mx-auto mt-4" >
{% for ma in notifications %}
< div id = "action-{{ma.id}}" class = "{% if ma.unread %}unread{% endif %} position-relative d-flex justify-content-between flex-wrap align-items-center h-min-16 px-3 py-3 bg-white{% if loop.index > 1 %} border-top{% endif %}" >
< div class = "d-flex flex-grow-1 align-items-center" >
< div class = "d-flex align-items-center justify-content-center {{ma.color}} mr-3 rounded-lg flex-shrink-0" style = "width: 32px;height: 32px;" > < i class = "far text-center {{ma.icon}} text-lg text-white fa-fw" > < / i > < / div >
< div class = "d-flex align-items-center" >
< span class = "rounded" >
2022-09-06 03:51:55 +00:00
< div class = "profile-pic-35-wrapper" >
2022-10-29 21:42:30 +00:00
< img loading = "lazy" src = "{{ma.user.profile_url}}" alt = "avatar" class = "profile-pic-35" >
2022-09-06 03:51:55 +00:00
{% if ma.user.hat_active -%}
2022-09-20 21:22:58 +00:00
< img id = "profile-pic-35-hat" class = "profile-pic-35-hat hat" loading = "lazy" src = "{{ma.user.hat_active}}?h=7" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{ma.user.hat_tooltip(v)}}" >
2022-09-06 03:51:55 +00:00
{%- endif %}
< / div >
< / span >
2022-08-05 21:50:30 +00:00
< div class = "text-muted pl-3" >
< div >
< a href = "{{ma.user.url}}" class = "font-weight-bold text-black" target = "_self" > @{{ma.user.username}}< / a >
< span > {{ma.string | safe}}< / span >
< / div >
< div class = "text-gray-500" >
< span class = "log--item-age" id = "{{ma.id}}-age" data-bs-toggle = "tooltip" data-bs-placement = "bottom" onmouseover = "timestamp('{{ma.id}}-age','{{ma.created_utc}}')" > {{ma.age_string}}< / span >
2022-10-14 15:31:02 +00:00
< a href = "{{ma.permalink}}" > < i class = "far fa-link ml-3 text-muted" > < / i > < / a >
2022-10-28 23:35:14 +00:00
< button type = "button" class = "copy-link ml-3" data-clipboard-text = "{{ma.permalink}}" > < i class = "far fa-copy text-muted" > < / i > < / button >
2022-08-05 21:50:30 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
{% else %}
2022-09-06 03:51:55 +00:00
< div class = "p-3" > There's nothing here right now.< / div >
2022-08-05 21:50:30 +00:00
{% endfor %}
< / div >
< div class = "toast clipboard" id = "toast-success" role = "alert" aria-live = "assertive" aria-atomic = "true" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
< div class = "toast-body text-center" >
< i class = "fas fa-check-circle text-success mr-2" > < / i > Link copied to clipboard
< / div >
< / div >
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/clipboard.js' | asset}}" > < / script >
2022-07-08 18:06:54 +00:00
{% else %}
{% with comments=notifications %}
{% include "comments.html" %}
{% endwith %}
{% endif %}
2022-05-04 23:09:46 +00:00
{% 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 >
2022-10-29 00:55:49 +00:00
< h5 > No unread messages< / h5 >
2022-05-04 23:09:46 +00:00
< 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" >
2022-07-08 18:06:54 +00:00
< small > < a class = "page-link" href = "{{request.path}}?page={{page-1}}" > Previous< / a > < / small >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Prev< / span > < / li >
{% endif %}
{% if next_exists %}
< li class = "page-item" >
2022-07-08 18:06:54 +00:00
< small > < a class = "page-link" href = "{{request.path}}?page={{page+1}}" > Next< / a > < / small >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
< li class = "page-item disabled" > < span class = "page-link" > Next< / span > < / li >
{% endif %}
< / ul >
< / nav >
{% endif %}
< style >
.comment {
2022-09-11 04:11:25 +00:00
margin-top: 0.3rem;
2022-05-04 23:09:46 +00:00
}
< / style >
{% endblock %}
{% block GIFpicker %}
2022-10-08 02:04:46 +00:00
{% endblock %}