arimelody.me/admin/static/edit-track.js

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;
});
});