2022-05-04 23:09:46 +00:00
{% extends "default.html" %}
2022-11-21 08:52:22 +00:00
{% block pagetitle %}Notifications{% endblock %}
{% block pagetype %}notifications{% endblock %}
2022-05-04 23:09:46 +00:00
{% 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-11-08 13:49:43 +00:00
{% if v.admin_level >= PERMS['NOTIFICATIONS_MODERATOR_ACTIONS'] or v.moderated_subs %}
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-12-30 12:14:18 +00:00
< button type = "button" class = "btn btn-primary btn-rainbow ml-3 mt-4" data-nonce = "{{g.nonce}}" data-onclick = "postToastReload(this,'/clear')" > 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-12-24 22:21:49 +00:00
{% if ma.user.hat_active(v)[0] -%}
2023-04-25 16:12:40 +00:00
< img id = "profile-pic-35-hat" class = "profile-pic-35-hat hat" loading = "lazy" src = "{{ma.user.hat_active(v)[0]}}?x=2" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "{{ma.user.hat_active(v)[1]}}" >
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 >
2022-11-09 18:23:56 +00:00
{% if ma.sub %}
< a href = "/h/{{ma.sub}}" > /h/{{ma.sub}}< / a >
2023-01-01 11:36:20 +00:00
-
2022-11-09 18:23:56 +00:00
{% endif %}
2022-08-05 21:50:30 +00:00
< a href = "{{ma.user.url}}" class = "font-weight-bold text-black" target = "_self" > @{{ma.user.username}}< / a >
2022-11-09 18:23:56 +00:00
< span > {{ma.string | safe}}< / span >
< / div >
< div class = "text-gray-500" >
2023-01-01 03:05:09 +00:00
< span class = "log--item-age" id = "{{ma.id}}-age" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-nonce = "{{g.nonce}}" data-onmouseover = "timestamp(this, '{{ma.created_utc}}')" > {{ma.age_string}}< / span >
2022-11-09 18:23:56 +00:00
< a href = "{{ma.permalink}}" > < i class = "far fa-link ml-3 text-muted" > < / i > < / a >
< button type = "button" class = "copy-link ml-3" data-clipboard-text = "{{ma.permalink}}" > < i class = "far fa-copy text-muted" > < / i > < / button >
< / div >
2022-08-05 21:50:30 +00:00
< / 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 >
2023-01-20 07:14:59 +00:00
< div class = "toast clipboard" id = "toast-success" data-bs-animation = "true" data-bs-autohide = "true" data-bs-delay = "5000" >
2022-08-05 21:50:30 +00:00
< div class = "toast-body text-center" >
< i class = "fas fa-check-circle text-success mr-2" > < / i > Link copied to clipboard
< / div >
< / div >
2023-01-01 11:36:20 +00:00
2022-11-18 19:16:40 +00:00
< script defer src = "{{'js/vendor/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 %}
2023-01-01 08:38:09 +00:00
< div class = "text-center py-6 py-md-8" >
2022-11-08 13:52:09 +00:00
< 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-05-04 23:09:46 +00:00
2022-11-08 13:52:09 +00:00
< h5 > No notifications< / h5 >
< / div >
2022-05-04 23:09:46 +00:00
{% endif %}
< / div >
{% endblock %}
{% block pagenav %}
{% if notifications %}
2023-05-04 23:08:56 +00:00
< nav >
< 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 >
2022-05-04 23:09:46 +00:00
{% endif %}
2023-01-01 08:44:00 +00:00
< link rel = "stylesheet" href = "{{('css/notifications.css') | asset}}" >
2022-05-04 23:09:46 +00:00
{% endblock %}
2022-11-21 08:52:22 +00:00
{% block GIFpicker %}{% endblock %}