Merge branch '123-reaktion-auf-die-antworten-3' into 'master'

Resolve "Reaktion auf die antworten"

Closes #123

See merge request enrichment-2024/qivip!81

django/templates/play/game/score_overview.html

@@ -24,13 +24,13 @@
             </div>
         </div>
 
-
         <div class="mb-6">
             <h2 class="text-xl font-bold mb-4">Punktestand</h2>
+
             <div id="scoreboard" class="space-y-2">
                 {% for participant in participants %}
                     {% if participant == my_participant or is_host %}
-                        <div class="p-4 bg-gray-100 rounded-lg flex justify-between items-center border {% if forloop.counter <= 3 %}border-yellow-500{% else %}border-transparent{% endif %}">
+                        <div class=" p-4 bg-gray-100 rounded-lg flex justify-between items-center border {% if forloop.counter <= 3 %}border-yellow-500{% else %}border-transparent{% endif %}">
                             <div>  
                                 <p class="text-lg font-bold">
                                     {% if forloop.counter == 1 %}
@@ -39,15 +39,23 @@
                                         🥈 
                                     {% elif forloop.counter == 3 %}
                                         🥉 
+                                        {% else %}
+                                        {{ forloop.counter }}.
                                     {% endif %}
                                     {{ participant.display_name }}
                                 </p>
                                 <p data-last-score="{{ participant.last_score }}" class="text-gray-600" id="score-{{ forloop.counter0 }}">{{ participant.score }} Punkte</p> 
                             </div>                     
                             {% if participant.last_answer_correct %}
-                                <span class="text-green-500">✓</span>
+                            {% if participant == my_participant or request.session.mode == "learn" %}
+                            <div class="align-center text-center overflow-auto p-4" id="antwort-richtig">Hier erscheint gleich dein Feedback...</div>
+                                {% endif %}
+                            <span class="text-green-500 font-black">✓</span>
                             {% elif participant.last_answer_correct == False %}
-                                <span class="text-red-500">✗</span>
+                             {% if participant == my_participant or request.session.mode == "learn" %}
+                            <div class="align-center text-center overflow-auto p-4" id="antwort-falsch">Hier erscheint gleich dein Feedback...</div>
+                                 {% endif %}
+                            <span class="text-red-500 font-black">✗</span>
                             {% endif %}
                         </div>
                     {% endif %}
@@ -131,7 +139,75 @@
 {% if is_host %}
 {% include 'play/game/sound.html' %}
 {% endif %}
+
+
+
+
 <script>
+    
+const richtigeAntworten = [
+  "Deine Antwort ist nicht falsch. Sie ist richtig!",
+  "Ja, du kannst es!",
+  "So kann es weiter gehen.",
+  "Ja, deine Antwort ist korrekt. Was soll ich dazu noch sagen? SUPER!",
+  "SUPER GUT.",
+  "Volltreffer!",
+  "Bravo! Das sitzt!",
+  "Na bitte, geht doch!",
+  "Schön. Einfach schön.",
+  "Exzellent kombiniert, Sherlock!",
+  "Punkt für dich!",
+  "Das war meisterhaft.",
+  "Korrekt - du scheinst das zu können!",
+  "So sieht Erfolg aus!",
+  "Glänzend gelöst!",
+  "Das war keine Glückssache - das war Können!",
+  "Treffer, versenkt!",
+  "Du hast es drauf!",
+  "Da merkt man: Profi am Werk.",
+  "Richtige Antwort - dafür gibt es viele Punkte!",
+  "Weiter so!",
+  "Wow - das war richtig gut!"
+];
+
+const falscheAntworten = [
+  "Oops! War wohl nicht dein Tag.",
+  "Knapp daneben ist auch vorbei!",
+  "Das war... kreativ!",
+  "Wenn man schon alles wüsste, wäre das Quiz doch sinnlos.",
+  "Deine Antwort war einzigartig - leider falsch!",
+  "Na gut, wenigstens hast du es probiert.",
+  "Das war eine interessante Theorie...",
+  "Ein Genie irrt sich auch mal.",
+  "Eine gute Antwort - aber nicht auf diese Frage.",
+  "Das ist leider falsch. Mehr gibt es nicht zu sagen.",
+  "Gute Idee! Aber leider nicht richtig.",
+  "Oh weh! Ein Fehler. Naja, einer ist keiner.",
+  "Die Antwort klang richtig, sie ist es aber nicht.",
+  "Interessanter Ansatz. Nicht hilfreich, aber interessant.",
+  "Nenn das lieber „alternative Fakten“.",
+  "Du hast die richtige Antwort doch gewusst: 'Die Seite hat nur nicht geladen.'",
+  "Jeder fängt mal klein an!",
+  "Kopf hoch - weiter geht's!",
+  "Nobody is perfect!",
+  "Du schaffst das - vielleicht ab jetzt.",
+  "Falsche Antwort, aber guter Wille!",
+  "Übung macht den Quiz-Meister.",
+  "Beim nächsten Mal triffst du!",
+  "Das war nur zum Aufwärmen, oder?",
+  "Kein Problem - weiter geht's.",
+  "Gute Frage - aber falsche Antwort."
+];
+
+
+const antwortRichtig = document.getElementById("antwort-richtig");
+const antwortFalsch = document.getElementById("antwort-falsch");
+
+if (antwortRichtig) {
+  antwortRichtig.textContent = richtigeAntworten[Math.floor(Math.random() * richtigeAntworten.length)];
+} else if (antwortFalsch) {
+  antwortFalsch.textContent = falscheAntworten[Math.floor(Math.random() * falscheAntworten.length)];
+}
     const joinCode = '{{ quiz_game.join_code }}';
     const hostId = '{{ host_id }}';
     const wsScheme = window.location.protocol === 'https:' ? 'wss' : 'ws';