show notification badge in menu

2024-04-17 13:51:47 +02:00
parent e2746d5105
commit 7c71ce59bd
17 changed files with 101 additions and 48 deletions
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@ -31,6 +31,18 @@
                <a href="/">
                    Hü
                    {{ loggedin_user.name }}
+                    {% if loggedin_user.amount_unread_notifications > 0 %}
+                        <span class="bg-red-100 text-red-800 text-sm font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300 inline-flex items-center">
+                            <svg class="w-3 h-3 me-1.5"
+                                 aria-hidden="true"
+                                 xmlns="http://www.w3.org/2000/svg"
+                                 fill="currentColor"
+                                 viewBox="0 0 20 20">
+                                <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
+                                <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
+                            </svg>
+                        {{ loggedin_user.amount_unread_notifications }}</span>
+                    {% endif %}
                </a>
            </div>
            <div>