Lernfunktion

django/templates/play/game/question_host.html

@@ -1,7 +1,15 @@
 {% extends 'base.html' %}
 
 {% block content %}
+
+{% if request.session.mode == "learn" %}
+
 <div class="container mx-auto px-4">
+    <div class="flex justify-end mb-4">
+        <button onclick="leaveGame()" class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded">
+            Spiel verlassen
+        </button>
+    </div>{% endif %}
     <div class="bg-white rounded-lg shadow-md p-6 mb-6">
         <p class="text-gray-700 font-bold text-xl mb-4">Frage {{ question_index|add:1 }} von {{ total_questions }}</p>
         <h1 class="text-3xl font-bold mb-6">{{ question_data.question }}</h1>
@@ -22,7 +30,8 @@
                 <button 
                     class="p-4 bg-gray-100 hover:bg-blue-100 rounded-lg transition-colors duration-200 answer-option"
                     data-index="{{ forloop.counter0 }}"
-                    onclick="submitAnswer({{ forloop.counter0 }});">
+                    {% if request.session.mode == "learn" %}
+                    onclick="submitAnswer({{ forloop.counter0 }});" {% endif %}>
                     <p class="text-lg">{{ option.value }}</p>
                 </button>
             {% endfor %}
@@ -133,8 +142,20 @@
 
     
     let hasAnswered = false;
-    const participantId = '{{ host_id }}';
+    const participantId = '{{ host_id }}'; // HIER IST DER HOST DER SPIELER
 
+    function leaveGame() {
+        if (confirm('Möchtest du das Spiel wirklich verlassen?')) {
+            gameSocket.send(JSON.stringify({
+                type: 'leave_game',
+                participant_id: participantId
+            }));
+            window.location.href = '/';
+            gameSocket.close();
+        }
+    }
+
+    
 
     function submitAnswer(optionIndex) {
         if (hasAnswered) return;