From c9d30cfbdd85ba83b1af0b85fd6020989b9a6609 Mon Sep 17 00:00:00 2001
From: MrWhiff <elias_gew@hotmail.com>
Date: Thu, 11 Dec 2025 17:04:34 +0100
Subject: [PATCH] AstraOS Ver. 1.10.2: - Benachrichtigung gefixt

---
 AstraOS/Frontend/HTML/age_verification.html   |  3 +-
 AstraOS/Frontend/HTML/dashboard.html          |  2 +-
 AstraOS/Frontend/HTML/discord_bots.html       |  3 +-
 AstraOS/Frontend/HTML/role_management.html    |  3 +-
 AstraOS/Frontend/HTML/settings.html           |  3 +-
 AstraOS/Frontend/HTML/sidebar.html            | 35 +++++++++++++++++++
 AstraOS/Frontend/HTML/user_management.html    |  3 +-
 .../Frontend/HTML/view_user_age_details.html  |  3 +-
 8 files changed, 42 insertions(+), 13 deletions(-)

diff --git a/AstraOS/Frontend/HTML/age_verification.html b/AstraOS/Frontend/HTML/age_verification.html
index d5a3588..9a8d5a5 100644
--- a/AstraOS/Frontend/HTML/age_verification.html
+++ b/AstraOS/Frontend/HTML/age_verification.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — Altersüberprüfung{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -23,7 +22,7 @@
                  x-transition:leave="toast transition ease-in duration-300"
                  x-transition:leave-start="opacity-100"
                  x-transition:leave-end="opacity-0"
-                 class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                 class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                 <div class="p-4">
                     <div class="flex items-start">
                         <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/dashboard.html b/AstraOS/Frontend/HTML/dashboard.html
index ac32ba0..385ec6b 100644
--- a/AstraOS/Frontend/HTML/dashboard.html
+++ b/AstraOS/Frontend/HTML/dashboard.html
@@ -46,7 +46,7 @@
                  x-transition:leave="toast transition ease-in duration-300"
                  x-transition:leave-start="opacity-100"
                  x-transition:leave-end="opacity-0"
-                 class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                 class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                 <div class="p-4">
                     <div class="flex items-start">
                         <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/discord_bots.html b/AstraOS/Frontend/HTML/discord_bots.html
index 48d5380..03ed1b8 100644
--- a/AstraOS/Frontend/HTML/discord_bots.html
+++ b/AstraOS/Frontend/HTML/discord_bots.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — Discord Bots{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>
 <style>
     /* Toggle Switch */
@@ -30,7 +29,7 @@
                      x-transition:leave="toast transition ease-in duration-300"
                      x-transition:leave-start="opacity-100"
                      x-transition:leave-end="opacity-0"
-                     class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                     class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                     <div class="p-4">
                         <div class="flex items-start">
                             <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/role_management.html b/AstraOS/Frontend/HTML/role_management.html
index 1606eb8..d5f27e1 100644
--- a/AstraOS/Frontend/HTML/role_management.html
+++ b/AstraOS/Frontend/HTML/role_management.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — Role Management{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -21,7 +20,7 @@
                          x-transition:leave="toast transition ease-in duration-300"
                          x-transition:leave-start="opacity-100"
                          x-transition:leave-end="opacity-0"
-                         class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                         class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                         <div class="p-4">
                             <div class="flex items-start">
                                 <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/settings.html b/AstraOS/Frontend/HTML/settings.html
index 5566110..0c05d82 100644
--- a/AstraOS/Frontend/HTML/settings.html
+++ b/AstraOS/Frontend/HTML/settings.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — Einstellungen{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -24,7 +23,7 @@
                      x-transition:leave="toast transition ease-in duration-300"
                      x-transition:leave-start="opacity-100"
                      x-transition:leave-end="opacity-0"
-                     class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                     class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                     <div class="p-4">
                         <div class="flex items-start">
                             <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/sidebar.html b/AstraOS/Frontend/HTML/sidebar.html
index cfb369e..02680a7 100644
--- a/AstraOS/Frontend/HTML/sidebar.html
+++ b/AstraOS/Frontend/HTML/sidebar.html
@@ -143,6 +143,7 @@
             transform-origin: top right;
         }
     </style>
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     {% block head %}{% endblock %}
 </head>
 <body class="bg-gray-900 text-gray-200 font-sans antialiased">
@@ -280,6 +281,40 @@
         </aside>
 
         <div class="ml-64 flex-1 flex flex-col min-h-screen">
+            <!-- FLASH MESSAGES -->
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                <div class="toast-container" x-data>
+                    {% for category, message in messages %}
+                        <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 5000)" x-show="show"
+                             x-transition:enter="toast transition ease-out duration-300"
+                             x-transition:enter-start="opacity-0 translate-x-8"
+                             x-transition:enter-end="opacity-100 translate-x-0"
+                             x-transition:leave="toast transition ease-in duration-300"
+                             x-transition:leave-start="opacity-100"
+                             x-transition:leave-end="opacity-0"
+                             class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                            <div class="p-4">
+                                <div class="flex items-start">
+                                    <div class="flex-shrink-0">
+                                        {% if category == 'success' %}
+                                            <svg class="h-6 w-6 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                                        {% elif category == 'danger' %}
+                                            <svg class="h-6 w-6 text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                                        {% else %}
+                                            <svg class="h-6 w-6 text-blue-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                                        {% endif %}
+                                    </div>
+                                    <div class="ml-3 w-0 flex-1 pt-0.5">
+                                        <p class="text-sm font-medium text-gray-100">{{ message }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    {% endfor %}
+                </div>
+                {% endif %}
+            {% endwith %}
             <main class="flex-1 p-8 space-y-10" id="mainContent">
                 {% block content %}{% endblock %}
             </main>
diff --git a/AstraOS/Frontend/HTML/user_management.html b/AstraOS/Frontend/HTML/user_management.html
index f5b9511..ae8c2f4 100644
--- a/AstraOS/Frontend/HTML/user_management.html
+++ b/AstraOS/Frontend/HTML/user_management.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — User Management{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -43,7 +42,7 @@
                          x-transition:leave="toast transition ease-in duration-300"
                          x-transition:leave-start="opacity-100"
                          x-transition:leave-end="opacity-0"
-                         class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                         class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                         <div class="p-4">
                             <div class="flex items-start">
                                 <div class="flex-shrink-0">
diff --git a/AstraOS/Frontend/HTML/view_user_age_details.html b/AstraOS/Frontend/HTML/view_user_age_details.html
index b047518..777b30c 100644
--- a/AstraOS/Frontend/HTML/view_user_age_details.html
+++ b/AstraOS/Frontend/HTML/view_user_age_details.html
@@ -3,7 +3,6 @@
 {% block title %}AstraOS — Benutzerdetails{% endblock %}
 
 {% block head %}
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
 {% endblock %}
 
 {% block content %}
@@ -20,7 +19,7 @@
                      x-transition:leave="toast transition ease-in duration-300"
                      x-transition:leave-start="opacity-100"
                      x-transition:leave-end="opacity-0"
-                     class="max-w-sm w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
+                     class="max-w-md w-full bg-gray-800 shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border border-{{ 'red' if category == 'danger' else ('green' if category == 'success' else ('blue' if category == 'info' else 'gray')) }}-500/40">
                     <div class="p-4">
                         <div class="flex items-start">
                             <div class="flex-shrink-0">