webcrawler v1.0

app/templates/base.html

@@ -14,14 +14,50 @@
             <ul>
                 <li><a href="{{ url_for('auth.job_status') }}">Jobs</a></li>
                 <li><a href="{{ url_for('auth.upload') }}">Upload</a></li>
+                {% if current_user.is_admin %}
+                <li><a href="{{ url_for('auth.admin_panel') }}">Admin</a></li> <!-- Admin-Bereich Link -->
+                {% endif %}
                 <li><a href="{{ url_for('auth.logout') }}">Logout</a></li>
             </ul>
         </nav>
     </header>
     {% endif %}
-    
+
+    <!-- Flash-Nachrichten -->
+    {% with messages = get_flashed_messages() %}
+        {% if messages %}
+            <div id="flash-badge-container">
+                {% for message in messages %}
+                    <div class="flash-badge">{{ message }}</div>
+                {% endfor %}
+            </div>
+        {% endif %}
+    {% endwith %}
+
     <div class="{% if request.endpoint in ['auth.login', 'auth.signup'] %}form-container{% else %}container{% endif %}">
         {% block content %}{% endblock %}
     </div>
+
+    <!-- JavaScript für Ein- und Ausblendanimation des Flash-Badges -->
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            var flashBadges = document.querySelectorAll('.flash-badge');
+            flashBadges.forEach(function(badge) {
+                // Einblendung mit Verzögerung
+                setTimeout(function() {
+                    badge.classList.add('show');
+                }, 100);
+
+                // Ausblendung nach 5 Sekunden und Entfernen aus dem DOM
+                setTimeout(function() {
+                    badge.classList.remove('show');
+                    badge.classList.add('hide');
+                    setTimeout(function() {
+                        badge.remove();
+                    }, 400);  // Zeit für die Ausblendanimation
+                }, 5000);
+            });
+        });
+    </script>
 </body>
 </html>