From 09a0be0bd5d119c177ee18b692e84fb4ba49a129 Mon Sep 17 00:00:00 2001
From: Mark Powers <mark@marks.kitchen>
Date: Sat, 24 Sep 2022 21:51:24 -0500
Subject: Add delete function and prettify now playing a bit

---
 index.js | 52 +++++++++++++++++++++++++++++-----------------------
 1 file changed, 29 insertions(+), 23 deletions(-)

(limited to 'index.js')

diff --git a/index.js b/index.js
index a3bd2d8..521a28d 100644
--- a/index.js
+++ b/index.js
@@ -166,36 +166,28 @@ server.get('/', async (req, res) => {
         margin-left: 2em;
         font-style: italic;
     }
+    span.time {
+        font-style: italic;
+    }
     div.container {
         display: flex;
         flex-wrap: wrap;
     }
-  </style>
-  <script>
-    function enqueue(ids){
-        ids.forEach(id => {
-            fetch("/"+id)
-        })
+    h2 {
+        margin: 0;
+        font-size: 16px;
+        display: inline;
+        margin-right: 1em;
     }
-    function random(){
-        fetch("/random")
+    li {
+        border: 1px solid gray;
+        margin: 0.5em;
     }
-    function playlist(){
-      var intervalId = setInterval(function() {
-        fetch("/playlist").then(res => res.json()).then(res => {
-            let el = document.getElementById("playlist")
-            el.innerHTML = ''
-            res.items.forEach(song => {
-                var li = document.createElement("li");
-                let text = song.title + " (" + (song.duration/60).toFixed(2) + " minutes)"
-                li.appendChild(document.createTextNode(text))
-                el.appendChild(li)
-            })
-        })
-      }, 5000);
+    li button {
+        float: right;
     }
-    window.addEventListener('load', event => playlist());
-  </script>
+  </style>
+  <script src="/main.js"></script>
   <div>
     <h1>Now playling</h1>
     <ol id="playlist"><ol>
@@ -251,6 +243,20 @@ server.get('/playlist', async (req, res, next) => {
   res.send(playlist_items)
 })
 
+server.get('/main.js', async (req, res, next) => {
+  res.sendFile(__dirname + "/main.js")
+})
+
+server.get('/delete/:id', async (req, res, next) => {
+  fetch(`${config.baseURL}/post`, {
+      "credentials": "include",
+      "headers": headers(),
+      "body": `delete_music=${req.params.id}`,
+      "method": "POST",
+  })
+  res.send("ok")
+})
+
 server.get('/:id', async (req, res, next) => {
   enqueue(req.params.id)
   res.send("ok")
-- 
cgit v1.2.3