microblog.pub/app/templates/notifications.html

55 lines
3 KiB
HTML
Raw Normal View History

2022-06-22 13:11:22 -05:00
{%- import "utils.html" as utils with context -%}
{% extends "layout.html" %}
{% block content %}
2022-07-09 01:15:33 -05:00
<div class="box">
2022-06-22 13:11:22 -05:00
<h2>Notifications</h2>
2022-07-09 01:15:33 -05:00
</div>
2022-06-22 13:11:22 -05:00
<div id="notifications">
{%- for notif in notifications %}
<div>
{%- if notif.notification_type.value == "new_follower" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> followed you
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_actor(notif.actor, actors_metadata) }}
{% elif notif.notification_type.value == "unfollow" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> unfollowed you
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_actor(notif.actor, actors_metadata) }}
{% elif notif.notification_type.value == "like" %}
2022-07-09 01:15:33 -05:00
<di vclass="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> liked a post
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_object(notif.outbox_object) }}
{% elif notif.notification_type.value == "undo_like" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> un-liked a post
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_object(notif.outbox_object) }}
{% elif notif.notification_type.value == "announce" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> boosted a post
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_object(notif.outbox_object) }}
{% elif notif.notification_type.value == "undo_announce" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> un-boosted a post
2022-06-22 13:11:22 -05:00
</div>
{{ utils.display_object(notif.outbox_object) }}
2022-06-26 03:55:53 -05:00
{% elif notif.notification_type.value == "mention" %}
2022-07-09 01:15:33 -05:00
<div class="actor-action" title="{{ notif.created_at.isoformat() }}">
2022-06-26 03:55:53 -05:00
<a style="font-weight:bold;" href="{{ notif.actor.url }}">{{ notif.actor.display_name }}</a> mentioned you
</div>
{{ utils.display_object(notif.inbox_object) }}
2022-06-22 13:11:22 -05:00
{% else %}
2022-07-09 01:15:33 -05:00
<div class="actor-action">
Implement {{ notif.notification_type }}
</div>
2022-06-22 13:11:22 -05:00
{%- endif %}
</div>
{%- endfor %}
</div>
{% endblock %}