25 lines
1.2 KiB
HTML
25 lines
1.2 KiB
HTML
{% extends 'base.html' %}
|
|
{% block title %}Meldingen{% endblock %}
|
|
{% block content %}
|
|
<div class="head">
|
|
<div><div class="kicker">Voor jou</div><h1>Meldingen</h1></div>
|
|
{% if bell_unread %}<div class="actions"><form method="post" action="{{ url_for('notifications_read_all') }}" class="inline"><button class="btn btn-outline-primary">Alles als gelezen markeren</button></form></div>{% endif %}
|
|
</div>
|
|
<div class="card"><div class="card-body">
|
|
{% if rows %}
|
|
<div class="table-responsive"><table class="table table-hover table-stack">
|
|
<thead><tr><th>Melding</th><th>Details</th><th class="num">Wanneer</th></tr></thead>
|
|
<tbody>
|
|
{% for n in rows %}
|
|
<tr class="link {{ 'unread' if not n.read_at }}" onclick="location='{{ url_for('notification_open', nid=n.id) }}'">
|
|
<td class="stack-title">{% if not n.read_at %}<span class="dot" aria-label="Ongelezen"></span>{% endif %}<a href="{{ url_for('notification_open', nid=n.id) }}">{{ n.title }}</a></td>
|
|
<td data-label="Details" class="muted">{{ n.body }}</td>
|
|
<td data-label="Wanneer" class="muted num">{{ n.created_at|dt }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table></div>
|
|
{% else %}<p class="empty">Geen meldingen.</p>{% endif %}
|
|
</div></div>
|
|
{% endblock %}
|