63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title }}</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
{% if current_user.is_authenticated %}
|
|
<header>
|
|
<nav>
|
|
<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>
|