Changeset View
Changeset View
Standalone View
Standalone View
users/templates/users/notifications.html
| {% extends 'common/base.html' %} | {% extends 'common/base.html' %} | ||||
| {% block content %} | {% block content %} | ||||
| <div class="container-xl"> | <div class="container-xl"> | ||||
| <section class="my-4 text-center"> | <section class="my-4 text-center"> | ||||
| {% include "common/components/simple_header.html" with title="Notifications" subtitle="All the latest likes and replies to your content are here." %} | {% include "common/components/simple_header.html" with title="Notifications" subtitle="All the latest likes and replies to your content are here." %} | ||||
| <button class="btn btn-dark btn-sm mb-3" data-mark-all-read-url="{% url 'api-notifications-mark-read' %}"> | <button class="btn btn-dark btn-sm mb-3" data-mark-all-read-url="{% url 'api-notifications-mark-read' %}"> | ||||
| <i | <i | ||||
| class="material-icons {% if user.notifications_unread.count >= 1 %}unread{% endif %}">markunread_mailbox</i> | class="material-icons {% if user.notifications_unread.count >= 1 %}unread{% endif %}">markunread_mailbox</i> | ||||
| <span>Mark all as read</span> | <span>Mark all as read</span> | ||||
| </button> | </button> | ||||
| <ul class="list-group activity-list"> | <ul class="list-group activity-list"> | ||||
| {% for notification in notifications %} | {% for notification in notifications %} | ||||
| {% with action=notification.action %} | {% with action=notification.action %} | ||||
| {% include 'users/components/action.html' %} | {% include 'users/components/action.html' %} | ||||
| {% endwith %} | {% endwith %} | ||||
| {% empty %} | {% empty %} | ||||
| <li class="activity-list-item"> | <li class="activity-list-item"> | ||||
| No notifications yet | No notifications yet | ||||
| </li> | </li> | ||||
| {% endfor %} | {% endfor %} | ||||
| </ul> | </ul> | ||||
| <div class="row justify-content-center mt-3"> | <div class="row justify-content-center mt-3"> | ||||
| <div class="col-auto text-center"> | <div class="col-auto text-center"> | ||||
| {% include "common/components/navigation/pagination.html" %} | {% include "common/components/navigation/pagination.html" %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </section> | </section> | ||||
| </div> | </div> | ||||
| {% endblock %} | {% endblock %} | ||||