Differential D11410 Diff 37545 users/templates/users/notifications.html

Changeset 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 %}