From b8866f1b2877ded4a582e63aa7f2110ca2bb620e Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Sun, 13 Oct 2024 19:22:22 +0300
Subject: Fixed a bug where nothing would happen after playlist playback, added
 download progress bar

---
 client/index.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'client/index.html')

diff --git a/client/index.html b/client/index.html
index 661f081..3f5c809 100644
--- a/client/index.html
+++ b/client/index.html
@@ -23,9 +23,14 @@
                 Ideally, if "Listening at:" and "Show playback:" have the same value then you are
                 in sync!
             </p>
+            <div style="display: flex; flex-direction: row; align-items: center; gap: 3px;">
+                <p>Download progress:</p>
+                <progress class="dl-progress" max="100" style="width: 100%;"></progress>
+            </div>
             <div style="display: flex; flex-direction: row; align-items: center; gap: 3px;">
                 <button onclick="sync_radio()">Sync!</button>
-                <progress style="width: 100%;"></progress>
+                        <p>Live progress:</p>
+                        <progress class="play-progress" style="width: 100%;"></progress>
             </div>
             <div style="display:flex; flex-direction:row; align-items: center; gap: 3px; justify-content: space-around;">
                 <p>Listening at:</p>
@@ -36,9 +41,7 @@
                 <pre class="show-duration"></pre>
             </div>
             <div class="radio-player">
-                <audio preload="auto" controls muted style="width: 100%;">
-                    <!--    <source src=""/> -->
-                </audio>
+                <audio preload="auto" controls muted style="width: 100%;"></audio>
             </div>
         </div>
         <div>
-- 
cgit v1.2.3