diff --git a/html/playlist.html b/html/playlist.html index e14be61..1225d6b 100644 --- a/html/playlist.html +++ b/html/playlist.html @@ -20,10 +20,14 @@ margin-top: 15px; font-weight: bold; } - #openDownloads{ - display:none; + + #openDownloads { + display: none; position: relative; - bottom:8px; + bottom: 8px; + } + #audioBox{ + display:none; } @@ -47,41 +51,50 @@
+
+ + +

Link:

+
+ + - - - - + +
-
- - - +
+ + + + + +

+

diff --git a/src/playlist.js b/src/playlist.js index a09f87d..af48c1a 100644 --- a/src/playlist.js +++ b/src/playlist.js @@ -239,6 +239,26 @@ function closeMenu() { }, 50); } +// Video and audio toggle +const videoToggle = getId("videoToggle"); +const audioToggle = getId("audioToggle"); + +videoToggle.style.backgroundColor = "var(--box-toggleOn)"; + +videoToggle.addEventListener("click", (event) => { + videoToggle.style.backgroundColor = "var(--box-toggleOn)"; + audioToggle.style.backgroundColor = "var(--box-toggle)"; + getId("audioBox").style.display = "none"; + getId("videoBox").style.display = "block"; +}); + +audioToggle.addEventListener("click", (event) => { + audioToggle.style.backgroundColor = "var(--box-toggleOn)"; + videoToggle.style.backgroundColor = "var(--box-toggle)"; + getId("videoBox").style.display = "none"; + getId("audioBox").style.display = "block"; +}); + getId("openDownloads").addEventListener("click", () => { openFolder(downloadDir); });