Simon/quizify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: app.py

Browse Source 
modified:   templates/quiz.html
This commit is contained in:
Simon
2025-11-15 00:16:22 +01:00
parent 98bb694004
commit 4cf7dbc627
2 changed files with 50 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
templates/quiz.html
View File

@@ -381,7 +381,8 @@
guess: guess,
correct_answer: correctAnswer,
game_mode: currentGameMode,
playlist_id: "{{ playlist_id }}"
playlist_id: "{{ playlist_id }}",
all_tracks: allTracks // Sende alle Tracks mit, um das falsche Lied zu finden
})
})
.then(response => response.json())
@@ -394,8 +395,31 @@
resultContainer.innerHTML = `<h3>${i18n.correct}</h3>`;
} else {
resultContainer.className = 'result-container incorrect';
resultContainer.innerHTML = `<h3>${i18n.wrong}</h3>
<p>${i18n.right_answer} <strong>${data.correct_answer}</strong></p>`;
// Wenn ein falsches Lied erkannt wurde, zeige Vergleich an
if (data.guessed_track) {
resultContainer.innerHTML = `
<h3>${i18n.wrong}</h3>
<div style="display:flex; gap:20px; margin-top:20px; justify-content:center; flex-wrap:wrap;">
<!-- Falsches Lied (Links) -->
<div style="flex:1; min-width:250px; max-width:350px; padding:15px; background:rgba(244,67,54,0.15); border:2px solid #f44336; border-radius:12px;">
<h4 style="color:#f44336; margin-bottom:10px;">❌ ${i18n.your_answer || 'Your Answer'}</h4>
<p style="margin:5px 0;"><strong>${i18n.song || 'Song'}:</strong> ${data.guessed_track.name}</p>
<p style="margin:5px 0;"><strong>${i18n.artist || 'Artist'}:</strong> ${data.guessed_track.artist}</p>
</div>
<!-- Richtiges Lied (Rechts) -->
<div style="flex:1; min-width:250px; max-width:350px; padding:15px; background:rgba(76,175,80,0.15); border:2px solid #4CAF50; border-radius:12px;">
<h4 style="color:#4CAF50; margin-bottom:10px;">✓ ${i18n.correct_answer || 'Correct Answer'}</h4>
<p style="margin:5px 0;"><strong>${i18n.song || 'Song'}:</strong> {{ track.name | clean }}</p>
<p style="margin:5px 0;"><strong>${i18n.artist || 'Artist'}:</strong> {{ track.artists[0].name | clean }}</p>
</div>
</div>
`;
} else {
// Fallback: Nur die richtige Antwort anzeigen
resultContainer.innerHTML = `<h3>${i18n.wrong}</h3>
<p>${i18n.right_answer} <strong>${data.correct_answer}</strong></p>`;
}
}
// Song-Infos ergänzen