/* ===================================================================== „Wer sieht was" — ansehen und umstellen (11.09.2026) Filipe: *„so dass ich die da auch manuell wechseln und speichern kann."* --------------------------------------------------------------------- GESPEICHERT WIRD SOFORT, MIT JEDEM KLICK Kein „Speichern"-Knopf am Ende. Bei einer Tafel mit zweihundert Feldern ist der die Stelle, an der man eine halbe Änderung verliert — und eine halbe Änderung an Rechten ist die gefährlichste Lage von allen. Zurückgenommen wird mit demselben Klick. --------------------------------------------------------------------- WAS HIER NICHT ENTSCHIEDEN WIRD Ob jemand etwas darf. Der Browser fragt und zeichnet; jede Absage kommt vom Server. Die rechte Hand sieht dieselbe Tafel, bekommt aber keine Knöpfe — nicht weil dieses Skript sie versteckt, sondern weil der Server `darf_aendern: false` schickt. Ein Knopf weniger ist Bequemlichkeit, kein Riegel. --------------------------------------------------------------------- UND EIN UNTERSCHIED, DEN MAN SEHEN MUSS Der Code in rechte.js ist der GRUNDSTAND. Was davon abweicht, ist von Hand gesetzt — und das steht an der Zelle. Ohne diese Markierung wüsste nach vier Wochen niemand mehr, was gedacht war und was jemand daraus gemacht hat. ===================================================================== */ (() => { const $ = (id) => document.getElementById(id); const el = (t, k, text) => { const n = document.createElement(t); if (k) n.className = k; if (text !== undefined) n.textContent = text; return n; }; const melde = (t, art) => { const f = $('fehler'); if (!f) return; f.textContent = t; f.hidden = !t; f.dataset.art = art || 'fehler'; }; let daten = null; /* Der Abruf steht seit dem 22.09.2026 in assets/js/holen.js. Er stand ACHTMAL da, Zeichen fuer Zeichen gleich -- und als die Regel darin sich als falsch herausstellte (jeder 404 warf auf die Startseite, auch bei einer blossen Handlung), haette man sie achtmal aendern muessen. */ const hole = (pfad, optionen) => window.holen(pfad, optionen); /* ---- Ein Feld ------------------------------------------------------- */ function feld(seite, rolle) { const darf = seite.rollen.includes(rolle.schluessel); const anders = darf !== seite.grund.includes(rolle.schluessel); const fest = seite.fest.includes(rolle.schluessel); const td = document.createElement('td'); if (anders) td.dataset.anders = 'ja'; /* OHNE RECHT ZUM UMSTELLEN BLEIBT ES EIN ZEICHEN, KEIN KNOPF. Ein Knopf, der nichts tut, ist schlimmer als keiner — man drückt ihn immer wieder. */ if (!daten.darf_aendern) { td.append(zeichen(darf)); if (anders) td.title = 'Von Hand gesetzt – weicht vom Grundstand ab.'; return td; } /* EIN FESTES FELD IST GAR KEIN KNOPF MEHR (24.09.2026). Vorher war es einer mit `data-fest="ja"` — man konnte ihn drücken, der Server sagte nein, und die Meldung erschien oben am Bildschirmrand. Das ist genau das, was im Haus sonst überall vermieden wird: ein Knopf, der eine Absage bringt. Für DogFather ändert sich dadurch fast nichts (er hat drei feste Felder). Die rechte Hand hat deutlich mehr — bei ihr wäre es sonst eine ganze Spalte zum Danebendrücken. */ if (fest) { const z = el('span', 'rechte-feld rechte-feld--fest'); z.dataset.fest = 'ja'; z.title = seite.fest_grund?.[rolle.schluessel] || 'Das kannst du nicht umstellen.'; z.append(zeichen(darf)); td.append(z); return td; } const b = el('button', 'rechte-feld'); b.type = 'button'; b.setAttribute('aria-pressed', String(darf)); b.setAttribute('aria-label', `${rolle.name} · ${seite.datei}: ${darf ? 'darf' : 'darf nicht'}`); if (fest) b.dataset.fest = 'ja'; /* EIN FESTES FELD SAGT, WARUM ES FEST IST (24.09.2026). Hier stand EIN Satz für alle festen Felder: „Diese Seite kannst du dir nicht selbst wegnehmen." Für DogFather stimmt er. Seit die rechte Hand umstellen darf, gibt es drei weitere Gründe — die Spalte „DogFather", die Zeile „Personen & Zugänge" und ihre eigenen zwei Zugänge. Ein Satz, der bei drei von vier Fällen das Falsche sagt, schickt sie auf die Suche nach einem Fehler, den es nicht gibt. Der Grund kommt NICHT aus einer Liste hier: `festGrund` steht in der Antwort des Servers, aus derselben Funktion, die das Feld überhaupt als fest markiert hat. */ b.title = fest ? (seite.fest_grund?.[rolle.schluessel] || 'Diese Seite kannst du dir nicht selbst wegnehmen – sonst kämst du ' + 'nicht mehr an die Rechte, die Zugänge oder die Startseite.') : (anders ? 'Von Hand gesetzt. Klicken stellt es um.' : 'Klicken stellt es um.'); b.append(zeichen(darf)); b.addEventListener('click', () => umstellen(seite, rolle, !darf, b)); td.append(b); return td; } function zeichen(darf) { if (darf) { const punkt = el('span', 'rechte-ja'); punkt.setAttribute('role', 'img'); punkt.setAttribute('aria-label', 'darf'); return punkt; } /* Ein Zeichen und nicht ein leeres Feld: Ein Bildschirmleser liest eine leere Zelle als nichts vor — man hört dann nicht, dass die Antwort „nein" ist, sondern gar nichts. */ const nein = el('span', 'rechte-nein', '–'); nein.setAttribute('aria-label', 'darf nicht'); return nein; } async function umstellen(seite, rolle, erlaubt, knopf) { /* EINE RÜCKFRAGE NUR BEIM ÖFFNEN, nicht beim Schließen. Etwas wegzunehmen kann man in einer Sekunde zurückdrehen und es sieht sofort jemand. Etwas aufzumachen merkt unter Umständen lange niemand — und genau das ist der Klick, bei dem eine Sekunde Nachdenken etwas wert ist. */ if (erlaubt && !await frageNach({ titel: `„${rolle.name}“ darf danach ${seite.datei} öffnen`, was: 'Das gilt sofort, für alle mit dieser Rolle.', bleibt: 'Zurücknehmen geht jederzeit mit demselben Schalter – aber bis ' + 'dahin hat jeder mit dieser Rolle Zugang.', ja: 'Freigeben', })) return; knopf.disabled = true; try { const a = await hole('/workspace/api/rechte/feld', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ pfad: seite.pfad, rolle: rolle.schluessel, erlaubt }), }); if (!a.ok) { melde(sagWas((await a.json().catch(() => ({}))).fehler, 'Ging nicht.')); return; } melde(`Gespeichert: „${rolle.name}“ darf ${seite.datei} ` + `${erlaubt ? 'jetzt' : 'nicht mehr'} öffnen.`, 'gut'); await laden(); } finally { knopf.disabled = false; } } /* ---- Zeichnen --------------------------------------------------------- */ function zeichne() { const gesamt = daten.seiten.length; /* Die Zahlen je Rolle. Sortiert nach Anzahl — man sieht auf einen Blick, wer viel sieht und wer wenig, und ob irgendwo eine Rolle steht, die mehr sieht als sie sollte. */ const zahlen = $('zahlen'); zahlen.textContent = ''; for (const rolle of [...daten.rollen].sort((a, b) => b.seiten - a.seiten)) { const li = document.createElement('li'); li.append(rolle.name + ' '); const b = document.createElement('b'); b.textContent = `${rolle.seiten} von ${gesamt}`; li.append(b); if (rolle.abweichend) { const m = el('span', 'rechte-zahlen__anders', ` · ${rolle.abweichend} von Hand`); m.title = 'So viele Felder weichen bei dieser Rolle vom Grundstand ab.'; li.append(m); } zahlen.append(li); } /* Die Leiste: was ist von Hand gesetzt, und wie kommt man zurück. */ const leiste = $('leiste'); leiste.textContent = ''; if (daten.abweichungen) { leiste.hidden = false; leiste.append(el('span', 'rechte-leiste__satz', `${daten.abweichungen} ${daten.abweichungen === 1 ? 'Feld ist' : 'Felder sind'} ` + 'von Hand gesetzt und weicht vom Grundstand ab.')); /* ZURUECKSETZEN NUR FUER DOGFATHER. Der Knopf nimmt ALLE Abweichungen mit -- auch die an der Spalte „DogFather" und an „Personen & Zugänge", die die rechte Hand nicht anfassen darf. Eine Sperre, die ein zweiter Knopf daneben aufhebt, ist keine. Der Server lehnt es ohnehin ab (403); hier steht der Knopf deshalb gar nicht erst. */ if (daten.darf_zuruecksetzen) { const b = el('button', 'schritt', 'Alles zurück auf Grundstand'); b.type = 'button'; b.addEventListener('click', async () => { if (!await frageNach({ titel: `${daten.abweichungen} Änderungen zurücknehmen?`, was: 'Danach gilt wieder genau das, was im Code steht.', bleibt: 'Die Rechte selbst gehen nicht verloren – nur die von Hand ' + 'gesetzten Abweichungen. Du kannst sie jederzeit neu setzen.', ja: 'Auf Grundstand zurück', })) return; b.disabled = true; const a = await hole('/workspace/api/rechte/abweichungen', { method: 'DELETE' }); b.disabled = false; if (!a.ok) { melde('Ging nicht.'); return; } melde('Alles zurück auf Grundstand.', 'gut'); await laden(); }); leiste.append(b); } } else { leiste.hidden = false; leiste.append(el('span', 'rechte-leiste__satz', daten.darf_aendern ? 'Alles steht so, wie es im Code steht. Klick auf ein Feld, um es umzustellen – ' + 'das wird sofort gespeichert.' : 'Alles steht so, wie es im Code steht. Umstellen kann das nur DogFather ' + 'und die rechte Hand.')); } /* Die Tafel. */ const ziel = $('tafel'); ziel.textContent = ''; const tab = document.createElement('table'); const kopf = document.createElement('thead'); const kz = document.createElement('tr'); kz.append(el('th', null, 'Seite')); for (const rolle of daten.rollen) { const th = el('th', null, rolle.name); /* Der Schlüssel als Titel: Im Alltag liest man „Community", im Code steht „gast". Wer die beiden nicht zusammenbringen kann, sucht im Quelltext an der falschen Stelle. */ th.title = rolle.schluessel; kz.append(th); } kopf.append(kz); tab.append(kopf); const koerper = document.createElement('tbody'); for (const seite of daten.seiten) { const tr = document.createElement('tr'); tr.append(el('td', null, seite.datei)); for (const rolle of daten.rollen) tr.append(feld(seite, rolle)); koerper.append(tr); } tab.append(koerper); ziel.append(tab); ziel.setAttribute('aria-busy', 'false'); const offen = $('offen'); offen.textContent = ''; for (const pfad of daten.ohne_anmeldung) offen.append(el('li', null, pfad)); } async function laden() { let a; try { a = await hole('/workspace/api/rechte/tafel'); } catch { return; } if (!a.ok) { melde('Die Tafel konnte nicht geladen werden.'); return; } daten = await a.json(); zeichne(); } (async () => { try { await laden(); } catch { /* umgeleitet */ } })(); })();