{% extends 'base.html' %} {% load i18n %} {% block title %} {% trans "Notifications" %} {% endblock title %} {% block customeCSS %} /* General Layout */ body { background-color: #f8f9fa; /* Light gray background for contrast */ } /* List Item Styling */ .list-item { transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out; cursor: pointer; } .list-item:hover { background-color: #f1f3f5; transform: translateY(-2px); /* Subtle lift on hover */ } /* Unread Notification Dot */ .unread-dot { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; } /* HTMX Loading Indicator */ .htmx-request #loading-indicator { display: block; } {% endblock %} {% block content %}

{% trans "Inbox" %}

{{ total_count}} {% trans "Notifications" %} {% trans "Mark all read" %}
{% if notifications %}
{% for notification in notifications %}
{% if not notification.is_read %}
{% else %}
{% endif %}
{{ notification.message|safe }}

{{ notification.created|timesince }} ago

{% endfor %}
{% else %}

{% trans "No new notifications" %}

{% trans "You're all caught up. Check back later for updates." %}

{% endif %} {% if page_obj.paginator.num_pages > 1 %}
{% include 'partials/pagination.html' %}
{% endif %}

{% trans "Status" %}

  • {% trans "Read:" %}{{read_count}}
  • {% trans "Unread:" %} {{unread_count}}
Loading...
{% endblock %}