lib.itmens/social/templates/notification.html

48 lines
1.8 KiB
HTML
Raw Normal View History

2024-04-19 20:24:34 -04:00
{% load static %}
{% load i18n %}
{% load l10n %}
{% load mastodon %}
{% load thumb %}
2025-02-06 19:17:53 +00:00
{% get_current_language as LANGUAGE_CODE %}
2024-04-19 20:24:34 -04:00
<!DOCTYPE html>
2025-02-06 19:17:53 +00:00
<html lang="{{ LANGUAGE_CODE }}" class="feed-page nav-page-feed">
2024-04-19 20:24:34 -04:00
<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>
2024-04-20 13:00:44 -04:00
{% include "_header.html" %}
2024-04-19 20:24:34 -04:00
<main>
<div class="grid__main">
2024-04-20 10:01:46 -04:00
<h5>
2024-06-18 20:59:54 -04:00
<a href="{% url 'social:feed' %}">{% trans 'Activities from those you follow' %}</a>
| {% trans 'Notification' %}
2024-04-20 10:01:46 -04:00
<small>
<a class="{% if not request.GET.type %}secondary{% endif %}"
2024-04-20 10:29:40 -04:00
href="{% url 'social:notification' %}">{% trans 'all' %}</a> |
2024-04-20 10:01:46 -04:00
<a class="{% if request.GET.type == 'mention' %}secondary{% endif %}"
2024-04-20 10:29:40 -04:00
href="{% url 'social:notification' %}?type=mention">{% trans 'mention' %}</a> |
2024-04-20 10:01:46 -04:00
<a class="{% if request.GET.type == 'follow' %}secondary{% endif %}"
2024-04-20 10:29:40 -04:00
href="{% url 'social:notification' %}?type=follow">{% trans 'follow' %}</a>
2024-04-20 10:01:46 -04:00
</small>
</h5>
2024-06-18 17:26:58 -04:00
<div class="notifications">
2024-04-20 10:01:46 -04:00
<div hx-get="{% url 'social:events' %}?type={{ request.GET.type }}"
2024-04-19 20:24:34 -04:00
hx-trigger="intersect once delay:0.1s"
hx-swap="outerHTML">
<i class="fa-solid fa-compact-disc fa-spin loading"></i>
</div>
</div>
</div>
2024-04-20 13:00:44 -04:00
{% include "_sidebar.html" with show_profile=1 identity=request.user.identity %}
2024-04-19 20:24:34 -04:00
</main>
{% include "_footer.html" %}
</body>
</html>