Fill progress bars to show progress when game ends

pcprince · Aug 22, 2024 · 84f80a2 · 84f80a2
1 parent 19c4ecf
commit 84f80a2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/js/game.js b/js/game.js
@@ -6,8 +6,8 @@
 
 /* global connectToPlayer, endTimer, playAll, stopClip */
 /* global playClipButtons, startTimerButton, helpButton, guessInput, giveUpButton, remakeButton */
-/* global unguessedClips, unguessedArtistClips, revealSong, revealArtist, resetStartModal, isArtistMode */
-/* global songClips */
+/* global revealSong, revealArtist, resetStartModal, isArtistMode, fillAllBars */
+/* global unguessedClips, unguessedArtistClips, songClips */
 
 const scoreSpan = document.getElementById('score-span');
 const maxScoreSpan = document.getElementById('max-score-span');
@@ -99,6 +99,8 @@ function endGame () {
 
     }
 
+    fillAllBars();
+
     stopClip();
 
     guessInput.disabled = true;

diff --git a/js/progressBar.js b/js/progressBar.js
@@ -141,6 +141,18 @@ function updateProgressBarUI () {
 
 }
 
+function fillAllBars () {
+
+    for (let i = 0; i < progressBars.length; i++) {
+
+        progressBars[i].style.width = '100%';
+        progressBars[i].classList.remove('progress-bar-animated', 'bg-current');
+        colourProgressBar(i);
+
+    }
+
+}
+
 function fillBar (percentage) {
 
     progressBars[currentClipIndex].style.width = percentage + '%';