my god...it's finally done

admin/static/edit-artist.js

@@ -0,0 +1,79 @@
+const artistID = document.getElementById("artist").dataset.id;
+const nameInput = document.getElementById("name");
+const avatarImg = document.getElementById("avatar");
+const removeAvatarBtn = document.getElementById("remove-avatar");
+const avatarInput = document.getElementById("avatar-file");
+const websiteInput = document.getElementById("website");
+const saveBtn = document.getElementById("save");
+const deleteBtn = document.getElementById("delete");
+
+saveBtn.addEventListener("click", () => {
+    fetch("/api/v1/artist/" + artistID, {
+        method: "PUT",
+        body: JSON.stringify({
+            name: nameInput.value,
+            website: websiteInput.value,
+            avatar: avatarImg.src,
+        }),
+        headers: { "Content-Type": "application/json" }
+    }).then(res => {
+        if (!res.ok) {
+            res.text().then(error => {
+                console.error(error);
+                alert("Failed to update release: " + error);
+            });
+            return;
+        }
+
+        location = location;
+    });
+});
+
+deleteBtn.addEventListener("click", () => {
+    if (artistID != prompt(
+        "You are about to permanently delete " + artistID + ". " +
+        "This action is irreversible. " +
+        "Please enter \"" + artistID + "\" to continue.")) return;
+    fetch("/api/v1/artist/" + artistID, {
+        method: "DELETE",
+    }).then(res => {
+        if (!res.ok) {
+            res.text().then(error => {
+                console.error(error);
+                alert("Failed to delete release: " + error);
+            });
+            return;
+        }
+
+        location = "/admin";
+    });
+});
+
+[nameInput, websiteInput].forEach(input => {
+    input.addEventListener("change", () => {
+        saveBtn.disabled = false;
+    });
+    input.addEventListener("keypress", () => {
+        saveBtn.disabled = false;
+    });
+});
+
+avatarImg.addEventListener("click", () => {
+    avatarInput.addEventListener("change", () => {
+        if (avatarInput.files.length > 0) {
+            const reader = new FileReader();
+            reader.onload = e => {
+                const data = e.target.result;
+                avatarImg.src = data;
+                saveBtn.disabled = false;
+            };
+            reader.readAsDataURL(avatarInput.files[0]);
+        }
+    });
+    avatarInput.click();
+});
+
+removeAvatarBtn.addEventListener("click", () => {
+    avatarImg.src = "/img/default-avatar.png"
+    saveBtn.disabled = false;
+});