HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
{% trans %}Notifications{% endtrans %}
4
{% endblock %}
5
{% block breadcrumbs %}
6
<li><a href="/notifications">{% trans %}Notifications{% endtrans %}</a></li>
7
{% endblock %}
8
{% block content %}
9
<x-vbox>
10
<x-frame style="--width: 896px;" class="flexible-space">
11
<x-vbox>
12
{% if notifications %}
13
{% for notification in notifications %}
14
<article class="card card-horizontal">
15
<section class="card-main flexible-space">
16
{{ notification.notification.timestamp | strftime("%A, %e %B %Y, %H:%M:%S") }}
17
{% if notification.notification.data["type"] == "welcome" %}
18
<h2>{% trans %}Welcome{% endtrans %}</h2>
19
{% endif %}
20
</section>
21
<section>
22
{% if notification.attention_level %}
23
<button hx-post="/notifications/{{ notification.id }}/read" hx-swap="outerHTML">
24
Mark as read
25
</button>
26
{% else %}
27
<button hx-post="/notifications/{{ notification.id }}/unread" hx-swap="outerHTML">
28
Mark as unread
29
</button>
30
{% endif %}
31
</section>
32
</article>
33
{% endfor %}
34
{% else %}
35
<p>{% trans %}When you get notifications, they'll be shown here.{% endtrans %}</p>
36
{% endif %}
37
</x-vbox>
38
</x-frame>
39
</x-vbox>
40
{% endblock %}
41