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

modified: locales/de-DE.json

Browse Source 
modified:   locales/en-EN.json
	modified:   templates/quiz.html
This commit is contained in:
SimolZimol
2025-05-19 19:51:30 +02:00
parent 5256af183e
commit 42183b83ba
3 changed files with 50 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
templates/quiz.html
View File

@@ -178,7 +178,7 @@
function updatePlayButton(state) {
let playButton = document.getElementById('playPauseBtn');
if (state && !state.paused) {
playButton.innerHTML = '⏸️ Pause';
playButton.innerHTML = i18n.pause;
} else {
playButton.innerHTML = '▶️ Play';
}
@@ -291,11 +291,11 @@
resultContainer.innerHTML += `
<div style="margin-top:10px;">
<img src="{{ track.album.images[0].url }}" alt="Cover" style="width:80px;border-radius:8px;"><br>
<strong>Song:</strong> {{ track.name }}<br>
<strong>Künstler:</strong> {{ track.artists[0].name }}<br>
<strong>Album:</strong> {{ track.album.name }}<br>
<strong>Jahr:</strong> {{ track.album.release_date[:4] }}<br>
<a href="{{ track.external_urls.spotify }}" target="_blank" style="color:#1DB954;">Auf Spotify öffnen</a>
<strong>${i18n.song}:</strong> {{ track.name }}<br>
<strong>${i18n.artist}:</strong> {{ track.artists[0].name }}<br>
<strong>${i18n.album}:</strong> {{ track.album.name }}<br>
<strong>${i18n.year}:</strong> {{ track.album.release_date[:4] }}<br>
<a href="{{ track.external_urls.spotify }}" target="_blank" style="color:#1DB954;">${i18n.open_on_spotify}</a>
</div>
`;
@@ -326,14 +326,14 @@ window.onload = function() {
</head>
<body>
<div style="text-align:center; margin-bottom: 10px;">
<span id="progressInfo">Songs in Playlist: {{ total_questions }}</span>
<span id="progressInfo">{{ translations['songs_in_playlist'] }} {{ total_questions }}</span>
<span id="scoreInfo" style="margin-left:20px;">
Richtige: {{ score }} / {{ answered if answered > 0 else 1 }}
({{ ((score / (answered if answered > 0 else 1)) * 100) | round(0) if answered > 0 else 0 }}%)
{{ translations['score'] }}: {{ score }} / {{ answered if answered > 0 else 1 }}
({{ ((score / (answered if answered > 0 else 1)) * 100) | round(0) if answered > 0 else 0 }}{{ translations['percent'] }})
</span>
</div>
<div style="text-align:center; margin-bottom: 20px;">
<a href="/reset_quiz/{{ playlist_id }}" class="btn btn-danger" style="margin-top:10px;">Quiz beenden</a>
<a href="/reset_quiz/{{ playlist_id }}" class="btn btn-danger" style="margin-top:10px;">{{ translations['end_quiz'] }}</a>
</div>
<h2 id="question-text">{{ translations['question_artist'] }}</h2>
@@ -349,25 +349,25 @@ window.onload = function() {
<!-- Optionen für das Spiel -->
<div class="game-options">
<label>Abspielzeit:
<label>{{ translations['play_duration'] }}:
<select id="playDuration" onchange="setOption('playDuration', this.value)">
<option value="10">10s</option>
<option value="15">15s</option>
<option value="30">30s</option>
<option value="0" selected>Unendlich</option>
<option value="0" selected>{{ translations['unlimited'] }}</option>
</select>
</label>
<label style="margin-left:20px;">Startposition:
<label style="margin-left:20px;">{{ translations['start_position'] }}:
<select id="startPosition" onchange="setOption('startPosition', this.value)">
<option value="start" selected>Anfang</option>
<option value="random">Zufällig</option>
<option value="start" selected>{{ translations['start'] }}</option>
<option value="random">{{ translations['random'] }}</option>
</select>
</label>
</div>
<!-- Player Controls -->
<div class="controls" style="text-align: center;">
<button id="playPauseBtn" class="btn" onclick="togglePlay()">⏸️ Pause</button>
<button id="playPauseBtn" class="btn" onclick="togglePlay()">{{ translations['pause'] }}</button>
</div>
<!-- Antwort-Eingabe -->