Teilnehmlogik grundlegend fertiggestellt

core/templates/play/initialize_participant.html

@@ -5,6 +5,8 @@
 <div class="input-group  border-blue-600 border-2 rounded-xl shadow-md">
     <form method="post">
         {% csrf_token %}
+        <input type="hidden" name="join_code" value="{{join_code}}">
+        <input type="text" name="display_name" placeholder="Anzeigename">
         <button type="submit">Speichern</button>
     </form>
 </div>

core/templates/play/lobby.html

@@ -3,14 +3,19 @@
 {% block content %}
 <div class="container mx-auto px-4">
     <h1>Bundeslaender Deutschland Quiz</h1>
+    <div class="mt-4 mb-4 text-center">
+        <h3>Sichtbar als <b>{{ participant.display_name }}</b></h3>
+    </div>
     <div id="player-list">
         <ul>
-            <li>Spieler 1</li>
-            <li>Spieler 2</li>
-            <li>Spieler 3</li>
+            <li>Noch keine Spieler gefunden.</li>
         </ul>
         {{debug}}
     </div>
     <button class="w-full p-3 rounded-full bg-blue-600 text-white font-black hover:scale-105 transition duration-200" type="submit">Starten</button>
 </div>
+
+<script>
+    // TODO: Websocket Verbindung aufbauen und Teilnehmerliste bei beitreten updaten
+</script>
 {% endblock %}