notes/static/note.js
2025-06-06 14:20:05 +00:00

82 lines
2.1 KiB
JavaScript

const textarea = document.getElementById("editor");
const status = document.getElementById("status");
const error = document.getElementById("error");
const currentUser = document.getElementById("username").innerHTML;
const path = window.location.pathname;
// === ROUTE PARSING ===
let mode = "private";
let fetchUrl = "";
let editable = true;
let last = "";
if (path.startsWith("/public/")) {
const username = path.split("/")[2];
fetchUrl = "/publicapi/" + username;
editable = (currentUser === username);
mode = "public";
} else if (path === "/board") {
fetchUrl = "/boardapi";
mode = "shared";
editable = true;
} else if (path.startsWith("/n/") || path.startsWith("/notes/")) {
const note = path.split("/").pop();
fetchUrl = "/api/" + note;
editable = true;
} else {
error.textContent = "Unsupported path: " + path;
textarea.disabled = true;
throw new Error("Unknown path: " + path);
}
if (!editable) textarea.disabled = true;
// === FETCH INITIAL CONTENT ===
fetch(fetchUrl)
.then(res => {
if (!res.ok) throw new Error("Failed to load. Status: " + res.status);
return res.text();
})
.then(text => {
textarea.value = text;
last = text;
status.textContent = "Loaded";
})
.catch(err => {
error.textContent = "Error loading content: " + err.message;
status.textContent = "Load failed";
});
// === AUTOSAVE LOGIC ===
let timeout;
textarea.addEventListener("input", () => {
if (!editable) return;
status.textContent = "Typing...";
clearTimeout(timeout);
timeout = setTimeout(() => {
const text = textarea.value;
if (text !== last) {
fetch(fetchUrl, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ content: text })
})
.then(async res => {
if (res.ok) {
last = text;
status.textContent = "Saved";
} else {
const msg = await res.text();
status.textContent = "Save failed: " + msg;
}
})
.catch(err => {
status.textContent = "Save failed: " + err.message;
});
} else {
status.textContent = "No changes";
}
}, 500);
});