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);
});