Fehlerbehebung Concerts

2026-08-25 11:54:16 +02:00
parent 293777ff7f
commit b3ad6d13a8
2 changed files with 82 additions and 2 deletions
@@ -57,6 +57,10 @@
            gap: 15px;
        }

+        .past-concerts-title {
+            margin: 28px 0 0;
+        }
+
        .concert-card {
            display: block;
            padding: 22px;
@@ -150,11 +154,11 @@
    </header>


-    {% if concerts %}
+    {% if upcoming_concerts or past_concerts %}

        <div class="concert-list">

-            {% for concert in concerts %}
+            {% for concert in upcoming_concerts %}

                <a
                    href="/concerts/{{ concert.id }}"
@@ -184,6 +188,42 @@

            {% endfor %}

+            {% if past_concerts %}
+
+                <h2 class="past-concerts-title">
+                    Vergangene Konzerte
+                </h2>
+
+                {% for concert in past_concerts %}
+
+                    <a
+                        href="/concerts/{{ concert.id }}"
+                        class="concert-card"
+                    >
+
+                        <div class="concert-artist">
+                            🎸 {{ concert.artist }}
+                        </div>
+
+                        <div class="concert-meta">
+
+                            <div class="concert-date">
+                                📅 {{ concert.date }}
+                                um {{ concert.time }} Uhr
+                            </div>
+
+                            <div>
+                                📍 {{ concert.venue }}
+                            </div>
+
+                        </div>
+
+                    </a>
+
+                {% endfor %}
+
+            {% endif %}
+
        </div>

    {% else %}
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Anmelden · Pingu Concerts</title>
+    <link rel="stylesheet" href="/static/css/style.css">
+</head>
+<body>
+<header>
+    <div class="header-inner">
+        <a href="/" class="logo">🎸 Pingu <span>Concerts</span></a>
+    </div>
+</header>
+<main>
+    <div class="page-title">
+        <h1>Anmelden</h1>
+        <p>Melde dich an, um Konzerte hinzuzufügen oder zu bearbeiten.</p>
+    </div>
+    <section class="empty">
+        <form method="post" action="/login">
+            <input type="hidden" name="next" value="{{ next_path }}">
+            {% if error %}<p role="alert">{{ error }}</p>{% endif %}
+            <p>
+                <label>Benutzername oder E-Mail<br>
+                    <input type="text" name="username" required autocomplete="username">
+                </label>
+            </p>
+            <p>
+                <label>Passwort<br>
+                    <input type="password" name="password" required autocomplete="current-password">
+                </label>
+            </p>
+            <button type="submit" class="button">Anmelden</button>
+            <a href="/" class="button button-secondary">Abbrechen</a>
+        </form>
+    </section>
+</main>
+</body>
+</html>