61 lines
2.9 KiB
HTML
61 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>{% block title %}Aplikacja Zbiórek{% endblock %}</title>
|
|
<!-- Bootswatch Darkly - atrakcyjny ciemny motyw -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.0/dist/darkly/bootstrap.min.css">
|
|
<!-- Opcjonalny plik custom.css dla drobnych modyfikacji -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom.css') }}">
|
|
</head>
|
|
<body class="bg-dark text-light">
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{{ url_for('index') }}">Zbiórki unitraklub.pl</a>
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('index') }}">Aktualne zbiórki</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('zbiorki_zrealizowane') }}">Zrealizowane zbiórki</a></li>
|
|
{% if current_user.is_authenticated %}
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('admin_dashboard') }}">Panel Admina</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('logout') }}">Wyloguj</a></li>
|
|
{% else %}
|
|
<li class="nav-item"><a class="nav-link" href="{{ url_for('login') }}">Zaloguj</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container mt-4">
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ category }}">{{ message }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
// Funkcja aktualizująca animację paska postępu
|
|
function animateProgressBars() {
|
|
document.querySelectorAll('.progress-bar').forEach(bar => {
|
|
const progressValue = bar.getAttribute('aria-valuenow');
|
|
bar.style.setProperty('--progress-width', progressBarWidth(progressBarValue(progressBar)));
|
|
});
|
|
}
|
|
|
|
// Funkcja wywoływana przy ładowaniu strony
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
document.querySelectorAll('.progress-bar').forEach(bar => {
|
|
const width = bar.getAttribute('aria-valuenow') + '%';
|
|
bar.style.setProperty('--progress-width', width);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|