51 lines
1.8 KiB
HTML
51 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Gemeinsamer Gesang</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="container mt-4">
|
|
<h1>Dashboard: Gemeinsamer Gesang</h1>
|
|
|
|
<!-- Timeframe selection form -->
|
|
<form method="get" action="{{ url_for('songs_dashboard') }}" class="mb-3" onsubmit="this.submit();">
|
|
<div class="form-group">
|
|
<label for="siteSelect">Gemeindehaus</label>
|
|
<select class="form-control" id="siteSelect" name="site" onchange="this.form.submit();">
|
|
<option value="Speyer" {% if site == "Speyer" %}selected{% endif %}>Speyer</option>
|
|
<option value="Schwegenheim" {% if site == "Schwegenheim" %}selected{% endif %}>Schwegenheim</option>
|
|
</select>
|
|
<label for="timeframeSelect">Zeitrahmen (in Tage)</label>
|
|
<select class="form-control" id="timeframeSelect" name="days" onchange="this.form.submit();">
|
|
<option value="7" {% if timeframe == 7 %}selected{% endif %}>letzte 7 Tage</option>
|
|
<option value="30" {% if timeframe == 30 %}selected{% endif %}>letzte 30 Tage</option>
|
|
<option value="365" {% if timeframe == 365 %}selected{% endif %}>letzte 365 Tage</option>
|
|
<option value="all" {% if timeframe == "all" %}selected{% endif %}>Alle Jahre</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- Table Output -->
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Anzahl</th>
|
|
<th>Titel</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for count, titel in performance_data %}
|
|
<tr>
|
|
<td>{{ count }}</td>
|
|
<td>{{ titel }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html>
|