Queued Videos

The queue is currently empty

+ @@ -172,7 +165,6 @@ const UI = (()=>{ showMain(); }; - self.set_items = (new_items)=>{ items = new_items; refreshItems(); @@ -189,6 +181,58 @@ const UI = (()=>{ playBtn.value = (playing ? "Pause" : "Play"); }; + + + + const refreshQueue = ()=>{ + if (queue.length > 0) { + queueList.innerHTML = ""; + for (const item of queue) { + const el = document.createElement("div"); + el.innerText = item.path; + queueList.appendChild(el); + } + } else { + queueList.innerHTML = "The queue is currently empty"; + } + }; + + const getLocalRoot = ()=>{ + let root = items; + for (const dir of path) { + root = root[dir]; + } + return root; + }; + + const linkDown = (dir)=>{ + path.push(dir); + refreshItems(); + }; + + const linkUp = ()=>{ + path.slice(-1); + refreshItems(); + }; + + const refreshItems = ()=>{ + const dir = getLocalRoot(); + itemList.innerText = ""; + for (const item in dir) { + const el = document.createElement("div"); + const link = document.createElement("a"); + link.innerText = item; + link.href = '#'; + if ('path' in dir[item]) { + link.onclick = ()=>{ self.enqueue(dir[item].path); }; + } else { + link.onclick = ()=>{ linkDown(item); }; + } + el.appendChild(link); + itemList.appendChild(el); + } + }; + return self; })(); @@ -201,13 +245,10 @@ const UI = (()=>{ console.log(data); if (cmd.cmd === "items") { -// items = data["items"]; -// showItems(); UI.set_items( data.items ); } else if (cmd.cmd === "queue") { -// showQueue(data.queue); UI.set_queue(data.queue); } else @@ -217,41 +258,12 @@ const UI = (()=>{ data["next"]["path"], // Up next data.playing // Playing or paused ); - -// currVid.innerText = data["curr"]["path"] -// nextVid.innerText = data["next"]["path"] -// playBtn.value = (data["playing"] ? "Pause" : "Play"); } }); -// Client.enqueue = (path)=>{ -// console.log(path) -// Client.send("enqueue", { path: path }); -// path = []; -// browseView.style.display = "none"; -// mainView.style.display = "flex"; -//// showItems(); -//// console.log("enqueue"); -//// Client.send("enqueue", { path: items[0]["path"] }); -// }; -// -// const showQueueElement = (item) => { -// const el = document.createElement("div"); -// el.innerText = item.path; -// queue.appendChild(el); -// } -// -// const showQueue = (data)=>{ -// if (data.length > 0) { -// queue.innerHTML = ""; -// for (const item of data) { -// showQueueElement(item); -// } -// } else { -// queue.innerHTML = "The queue is currently empty"; -// } -// }; -// + + + // const getLocalRoot = ()=>{ // let root = items; // for (const dir of path) { @@ -290,7 +302,7 @@ const UI = (()=>{ // for (const item in dir) { // showItem(item, ('path' in dir[item]), dir[item]); // } - }; +// }; })();

Queued Videos

Browse Media