Ruderverein-Donau-Linz/rowt
1
1
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects Wiki Activity

notification-badge #409

Merged
philipp merged 23 commits from notification-badge into staging 2024-04-19 15:55:02 +02:00
Conversation 0 Commits 23 Files Changed 22 +26 -16
2 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e00142926e - Show all commits

6
templates/includes/macros.html.tera
View File

@ -35,9 +35,9 @@
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
{% if loggedin_user.amount_unread_notifications > 0 %} {% if loggedin_user.amount_unread_notifications > 0 %}
<a href="/#notification" class="relative inline-flex items-end ms-2 me-3"> <a href="/#notification"
<svg class="relative inline-flex items-end ms-2 me-3">
height="20" <svg height="20"
width="24" width="24"
aria-hidden="true" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

14
templates/index.html.tera
View File

@ -2,7 +2,11 @@
{% extends "base" %} {% extends "base" %}
{% block content %} {% block content %}
<div class="max-w-screen-lg w-full"> <div class="max-w-screen-lg w-full">
<h1 class="h1">Ruder<wbr/>assistent</h1> <h1 class="h1">
Ruder
<wbr />
assistent
</h1>
<div class="grid gap-3 my-5"> <div class="grid gap-3 my-5">
<div class="m-auto"> <div class="m-auto">
<a href="/planned" <a href="/planned"
@ -11,9 +15,15 @@
<span class="text-xl px-3">Geplante Ausfahrten</span> <span class="text-xl px-3">Geplante Ausfahrten</span>
</a> </a>
</div> </div>
<div id="notification" class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" <div id="notification"
class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
role="alert"> role="alert">
<h2 class="h2">Nachrichten</h2> <h2 class="h2">Nachrichten</h2>
{% if notifications | length > 10 %}
<div class="text-yellow-800 dark:text-yellow-300 text-center p-3">
Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
</div>
{% endif %}
<div class="divide-y"> <div class="divide-y">
{% for notification in notifications %} {% for notification in notifications %}
{% if not notification.read_at %} {% if not notification.read_at %}