59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
|
const trackID = document.getElementById("track").dataset.id;
|
||
|
|
const titleInput = document.getElementById("title");
|
||
|
|
const descInput = document.getElementById("description");
|
||
|
|
const lyricsInput = document.getElementById("lyrics");
|
||
|
|
const saveBtn = document.getElementById("save");
|
||
|
|
const deleteBtn = document.getElementById("delete");
|
||
|
|
|
||
|
|
saveBtn.addEventListener("click", () => {
|
||
|
|
fetch("/api/v1/track/" + trackID, {
|
||
|
|
method: "PUT",
|
||
|
|
body: JSON.stringify({
|
||
|
|
title: titleInput.value,
|
||
|
|
description: descInput.value,
|
||
|
|
lyrics: lyricsInput.value,
|
||
|
|
}),
|
||
|
|
headers: { "Content-Type": "application/json" }
|
||
|
|
}).then(res => {
|
||
|
|
if (!res.ok) {
|
||
|
|
res.text().then(error => {
|
||
|
|
console.error(error);
|
||
|
|
alert("Failed to update track: " + error);
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
location = location;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
deleteBtn.addEventListener("click", () => {
|
||
|
|
if (!confirm(
|
||
|
|
"You are about to permanently delete \"" + titleInput.value + "\".\n" +
|
||
|
|
"This action is irreversible. Do you wish to continue?")) return;
|
||
|
|
|
||
|
|
fetch("/api/v1/track/" + trackID, {
|
||
|
|
method: "DELETE",
|
||
|
|
}).then(res => {
|
||
|
|
if (!res.ok) {
|
||
|
|
res.text().then(error => {
|
||
|
|
console.error(error);
|
||
|
|
alert("Failed to delete track: " + error);
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
location = "/admin";
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
[titleInput, descInput, lyricsInput].forEach(input => {
|
||
|
|
input.addEventListener("change", () => {
|
||
|
|
saveBtn.disabled = false;
|
||
|
|
});
|
||
|
|
input.addEventListener("keypress", () => {
|
||
|
|
saveBtn.disabled = false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|