connected search input to api, full window search still missing

dashboard/static/js/API.js

@@ -114,4 +114,17 @@ export default class API {
       });
     });
   }
+  play(query) {
+    return new Promise((res) => {
+      const notification = this.notifications.addInfo("Playlist", "Adding to playlist. Watch the current progress in the revolt channel (WIP)", 5000)
+      this.post("/dashboard/queue", { action: "add", query: query }).then(async d => {
+        notification.description = d.message;
+        res(d.message);
+      }).catch(e => {
+        notification.removeNotif();
+        this.notifications.addError("Playlist Error", e.message, 7000);
+        res(e.message);
+      });
+    });
+  }
 }

dashboard/static/js/Player.js

@@ -234,7 +234,11 @@ class Player extends HTMLElement {
     // TODO: implement loop control
 
     const search = document.createElement("search-input");
-    search.addEventListener("result", (e) => console.log(e.detail))
+    search.addEventListener("result", ({ detail: data }) => {
+      console.log(data);
+      //if (!data.url) return;
+      this.api.play(data.raw);
+    });
     // TODO: implement full window search
     cCon.append(search);
 

dashboard/static/js/SearchInput.js

@@ -101,6 +101,7 @@ class SearchInput extends HTMLElement {
   async #keyUp(e) {
     if (e.code === "Enter") {
       e.preventDefault();
+      if (e.target.value === "" && e.target.value !== "0") return;
       this.#dispatchSearch(e.target.value);
       this.#reset();
       return;