mirror of
https://github.com/svemagie/indiekit-endpoint-activitypub.git
synced 2026-04-02 15:44:58 +02:00
743cb6b85b
- Notification view: tab navigation (Replies, Likes, Boosts, Follows, All) with count badges; defaults to Replies tab; type filter in storage layer with compound index for efficient queries - My Profile admin page: profile header with avatar/stats/bio, tabbed activity view (Posts, Replies, Likes, Boosts) pulling from posts, ap_activities, and ap_interactions collections - Reader: default tab changed from All to Notes - Timeline cards: timestamps now link to post detail view - Notification cards: Reply and View Thread buttons on reply/mention types
66 lines
2.9 KiB
Plaintext
66 lines
2.9 KiB
Plaintext
{% extends "layouts/ap-reader.njk" %}
|
|
|
|
{% from "heading/macro.njk" import heading with context %}
|
|
{% from "prose/macro.njk" import prose with context %}
|
|
|
|
{% block readercontent %}
|
|
{# Tab navigation #}
|
|
{% set notifBase = mountPath + "/admin/reader/notifications" %}
|
|
<nav class="ap-tabs">
|
|
<a href="{{ notifBase }}?tab=reply" class="ap-tab{% if tab == 'reply' %} ap-tab--active{% endif %}">
|
|
{{ __("activitypub.notifications.tabs.replies") }}
|
|
{% if tabCounts.reply %}<span class="ap-tab__count">{{ tabCounts.reply }}</span>{% endif %}
|
|
</a>
|
|
<a href="{{ notifBase }}?tab=like" class="ap-tab{% if tab == 'like' %} ap-tab--active{% endif %}">
|
|
{{ __("activitypub.notifications.tabs.likes") }}
|
|
{% if tabCounts.like %}<span class="ap-tab__count">{{ tabCounts.like }}</span>{% endif %}
|
|
</a>
|
|
<a href="{{ notifBase }}?tab=boost" class="ap-tab{% if tab == 'boost' %} ap-tab--active{% endif %}">
|
|
{{ __("activitypub.notifications.tabs.boosts") }}
|
|
{% if tabCounts.boost %}<span class="ap-tab__count">{{ tabCounts.boost }}</span>{% endif %}
|
|
</a>
|
|
<a href="{{ notifBase }}?tab=follow" class="ap-tab{% if tab == 'follow' %} ap-tab--active{% endif %}">
|
|
{{ __("activitypub.notifications.tabs.follows") }}
|
|
{% if tabCounts.follow %}<span class="ap-tab__count">{{ tabCounts.follow }}</span>{% endif %}
|
|
</a>
|
|
<a href="{{ notifBase }}?tab=all" class="ap-tab{% if tab == 'all' %} ap-tab--active{% endif %}">
|
|
{{ __("activitypub.notifications.tabs.all") }}
|
|
{% if tabCounts.all %}<span class="ap-tab__count">{{ tabCounts.all }}</span>{% endif %}
|
|
</a>
|
|
</nav>
|
|
|
|
{# Toolbar — mark read + clear all #}
|
|
<div class="ap-notifications__toolbar">
|
|
{% if unreadCount > 0 %}
|
|
<form method="post" action="{{ notifBase }}/mark-read">
|
|
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
|
|
<button type="submit" class="ap-notifications__btn">{{ __("activitypub.notifications.markAllRead") }}</button>
|
|
</form>
|
|
{% endif %}
|
|
<form method="post" action="{{ notifBase }}/clear"
|
|
onsubmit="return confirm('{{ __("activitypub.notifications.clearConfirm") }}')">
|
|
<input type="hidden" name="_csrf" value="{{ csrfToken }}">
|
|
<button type="submit" class="ap-notifications__btn ap-notifications__btn--danger">{{ __("activitypub.notifications.clearAll") }}</button>
|
|
</form>
|
|
</div>
|
|
|
|
{% if items.length > 0 %}
|
|
<div class="ap-timeline">
|
|
{% for item in items %}
|
|
{% include "partials/ap-notification-card.njk" %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{# Pagination — preserve active tab #}
|
|
{% if before %}
|
|
<nav class="ap-pagination">
|
|
<a href="?tab={{ tab }}&before={{ before }}" class="ap-pagination__next">
|
|
{{ __("activitypub.reader.pagination.older") }}
|
|
</a>
|
|
</nav>
|
|
{% endif %}
|
|
{% else %}
|
|
{{ prose({ text: __("activitypub.notifications.empty") }) }}
|
|
{% endif %}
|
|
{% endblock %}
|