Add session management

1 files changed, 7 insertions, 5 deletions

diff --git a/static/music_player.js b/static/music_player.js
index 8fe89c2..33063d1 100644
--- a/static/music_player.js
+++ b/static/music_player.js
@@ -45,7 +45,7 @@ function mpSeek () {
     audio.currentTime = goal;
 }
 
-async function mpUpdate () {
+async function mpInit () {
     clearInterval(tick);
 
     const trackSelector = document.getElementById("mp_tracks");
@@ -61,6 +61,10 @@ async function mpUpdate () {
     ppButton.innerHTML = "<img src='/static/get?file=images/play.svg' alt='Play'>";
 
     tick = setInterval(mpTick, 1000);
+}
+
+async function mpUpdate () {
+    mpInit();
     mpPpTrack();
 }
 
@@ -90,7 +94,6 @@ function mpNext () {
     }
 
     mpUpdate();
-    mpPpTrack();
 }
 
 function mpPrevious () {
@@ -103,7 +106,6 @@ function mpPrevious () {
     }
 
     mpUpdate();
-    mpPpTrack();
 }
 
 const trackList = await mpFetchAsync("/audio");
@@ -113,7 +115,7 @@ trackList.forEach((track) => {
     let option = document.createElement("option");
     option.text = track;
 
-    trackSelector.add(option, 0);
+    trackSelector.append(option)
 });
 
 document.getElementById("mp_tracks").addEventListener("change", mpUpdate, false);
@@ -122,4 +124,4 @@ document.getElementById("mp_pp_track").addEventListener("click", mpPpTrack, fals
 document.getElementById("mp_prev_track").addEventListener("click", mpPrevious, false);
 document.getElementById("mp_next_track").addEventListener("click", mpNext, false);
 
-mpUpdate();
+mpInit();