lib.itmens/social/templates/notification.html
2025-02-07 15:14:36 +00:00

47 lines
1.8 KiB
HTML

{% load static %}
{% load i18n %}
{% load l10n %}
{% load mastodon %}
{% load thumb %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}" class="feed-page nav-page-feed">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ site_name }} - {% trans 'Notification' %}</title>
{% include "common_libs.html" %}
<script src="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/shikwasa.min.js"></script>
<link href="{{ cdn_url }}/npm/shikwasa@2.2.1/dist/style.min.css"
rel="stylesheet"></link>
<script src="{% static 'js/podcast.js' %}"></script>
</head>
<body>
{% include "_header.html" %}
<main>
<div class="grid__main">
<h5>
<a href="{% url 'social:feed' %}">{% trans 'Activities from those you follow' %}</a>
| {% trans 'Notification' %}
<small>
<a class="{% if not request.GET.type %}secondary{% endif %}"
href="{% url 'social:notification' %}">{% trans 'all' %}</a> |
<a class="{% if request.GET.type == 'mention' %}secondary{% endif %}"
href="{% url 'social:notification' %}?type=mention">{% trans 'mention' %}</a> |
<a class="{% if request.GET.type == 'follow' %}secondary{% endif %}"
href="{% url 'social:notification' %}?type=follow">{% trans 'follow' %}</a>
</small>
</h5>
<div class="notifications">
<div hx-get="{% url 'social:events' %}?type={{ request.GET.type }}"
hx-trigger="intersect once delay:0.1s"
hx-swap="outerHTML">
<i class="fa-solid fa-compact-disc fa-spin loading"></i>
</div>
</div>
</div>
{% include "_sidebar.html" with show_profile=1 identity=request.user.identity %}
</main>
{% include "_footer.html" %}
</body>
</html>