@@ -154,7 +149,6 @@ function renderEntry(e) {
`;
setupVoting(el, e.pid);
setupBump(el, e);
- setupReport(el, e.pid);
el.addEventListener("click", (ev) => {
if (!ev.target.closest("a, button")) location.href = `/e/${e.pid}`;
});
@@ -166,11 +160,12 @@ function setupVoting(el, pid) {
const counts = box.querySelector("span");
const buttons = box.querySelectorAll(".ghost");
- function render(state) {
- if (state.error) {
- counts.textContent = errMsg(state, "Fehler");
+ function render(res) {
+ if (!res.ok) {
+ counts.textContent = errMsg(res.data, "Fehler");
return;
}
+ const state = res.data;
counts.textContent = `${state.left} / ${state.right}`;
buttons.forEach((b) =>
b.classList.toggle("selected", b.dataset.mode === state.selected)
@@ -181,8 +176,7 @@ function setupVoting(el, pid) {
b.addEventListener("click", async () => {
const fd = new FormData();
fd.append("mode", b.dataset.mode);
- const res = await api.post(`/entry/${pid}/vote`, fd);
- render(res.data);
+ render(await api.post(`/entry/${pid}/vote`, fd));
})
);
@@ -226,38 +220,6 @@ function setupBump(el, e) {
});
}
-// setupReport verdrahtet den Melden-Aufklapper. Der
-Zweischritt
-// (öffnen -> absenden) verhindert versehentliche Meldungen und hält das Grund-
-// Feld eingeklappt. Der Submit wird abgefangen, um Inline-Feedback zu geben
-// statt die Seite neu zu laden. stopPropagation, weil
-// die Karte sonst bei jedem Klick nach /e/{pid} navigieren würde.
-function setupReport(el, pid) {
- const details = el.querySelector("details.report");
- if (!details) return;
- details.addEventListener("click", (ev) => ev.stopPropagation());
-
- const form = details.querySelector(".report-form");
- const summary = details.querySelector("summary");
- form.addEventListener("submit", async (ev) => {
- ev.preventDefault();
- const res = await api.post(`/entry/${pid}/report`, new FormData(form));
- if (res.ok) {
- form.remove();
- details.open = false;
- details.classList.add("reported");
- summary.textContent = "Gemeldet – danke";
- return;
- }
- let msg = form.querySelector(".msg");
- if (!msg) {
- msg = document.createElement("span");
- msg.className = "msg";
- form.append(msg);
- }
- msg.textContent = errMsg(res.data, "Fehler beim Melden");
- });
-}
-
// createFeed hängt Infinite-Scroll an feedEl/sentinelEl und lädt Seiten über
// urlFor(page). Gibt { reset } zurück, um den Feed neu zu laden.
function createFeed(feedEl, sentinelEl, urlFor) {
@@ -269,7 +231,19 @@ function createFeed(feedEl, sentinelEl, urlFor) {
if (loading || done) return;
loading = true;
- const entries = await api.get(urlFor(page));
+ const res = await api.get(urlFor(page));
+ if (!res.ok) {
+ // Fehler nicht als "Ende" verbuchen: Meldung zeigen und weiteres
+ // Nachladen stoppen, statt in einer Schleife neu anzufragen.
+ done = true;
+ const err = document.createElement("p");
+ err.className = "msg";
+ err.textContent = errMsg(res.data, "Feed konnte nicht geladen werden.");
+ feedEl.appendChild(err);
+ loading = false;
+ return;
+ }
+ const entries = res.data;
if (!entries.length) {
done = true;
const end = document.createElement("p");
diff --git a/web/js/stats.js b/web/js/stats.js
index 69a8ba6..630b5a9 100644
--- a/web/js/stats.js
+++ b/web/js/stats.js
@@ -1,6 +1,6 @@
"use strict";
-// Statistik-Seite: holt die Aggregate von /stats/detail und rendert Zahlen +
+// Statistik-Seite: holt die Aggregate von /api/stats/detail und rendert Zahlen +
// einfache CSS-Balken (keine Chart-Library, CSP-konform). Balkenbreiten werden
// per CSSOM (el.style.width) gesetzt -> kein Inline-style-Attribut, daher von
// der strikten CSP nicht betroffen.
@@ -63,7 +63,15 @@ function renderBars(container, items, formatLabel) {
}
async function render() {
- const s = await api.get("/stats/detail");
+ const res = await api.get("/stats/detail");
+ if (!res.ok) {
+ const p = document.createElement("p");
+ p.className = "msg";
+ p.textContent = errMsg(res.data, "Statistik konnte nicht geladen werden.");
+ document.getElementById("stat-overview").append(p);
+ return;
+ }
+ const s = res.data;
// --- Auf einen Blick ---
const overview = document.getElementById("stat-overview");
diff --git a/web/js/user.js b/web/js/user.js
index 2103512..7fea2ec 100644
--- a/web/js/user.js
+++ b/web/js/user.js
@@ -41,11 +41,13 @@ document.getElementById("delete-form").addEventListener("submit", async (e) => {
});
async function init() {
- const info = await api.get(`/u/${encodeURIComponent(username)}/info`);
- if (info.error) {
- document.getElementById("profile-name").textContent = "Nutzer nicht gefunden";
+ const res = await api.get(`/u/${encodeURIComponent(username)}/info`);
+ if (!res.ok) {
+ document.getElementById("profile-name").textContent =
+ errMsg(res.data, "Profil konnte nicht geladen werden.");
return;
}
+ const info = res.data;
document.getElementById("profile-name").textContent = info.username;
document.getElementById("profile-avatar").src = avatarUrl(info.avatar);
@@ -54,7 +56,7 @@ async function init() {
// Eigene Seite? -> Einstellungen einblenden.
const me = await api.get("/user/info");
- const isOwner = me.username === info.username;
+ const isOwner = me.ok && me.data.username === info.username;
document.getElementById("settings").hidden = !isOwner;
createFeed(