Lesbarere Kaesten, und DogFather kann durch fremde Augen sehen
SCREEN 1 -- "die Kachel ganz leicht dunkler, so dass man den Text besser gelesen bekommt, aber nicht zu viel, so dass man den Hasen noch sieht." Die Erklaerkaesten stehen jetzt auf 88 statt 78 Prozent Deckung. Zehn Punkte sind gemessen der Unterschied zwischen muehsam und ruhig lesbar und lassen zwoelf Prozent Bild durch -- das Motiv bleibt sichtbar. "und die von wichtigen und neuen PDFs sollen auch staerker sein." Das war kein Geschmack, sondern ein Fehler: `background` ist eine Eigenschaft, keine Schicht. Die Zeile `background: rgba(232,192,125,.045)` hat die Flaeche nicht getoent, sondern ERSETZT -- uebrig blieben viereinhalb Prozent Deckung. Damit war ausgerechnet die Anleitung, die jeder lesen soll, die am schwersten lesbare der Seite. Die Toenung liegt jetzt als Schicht darueber. Gemessen: 88 % gegen 78 % bei einer gewoehnlichen. pruef-lesbarkeit.mjs misst das an ECHTEN PIXELN (Text kurz unsichtbar machen, Flaeche fotografieren, WCAG-Formel) und kennt ZWEI Grenzen -- lesbar genug UND durchsichtig genug. Mit nur einer haette sie eine schwarze Flaeche am besten gefunden, und das wollte niemand. SCREEN 2 -- "ich will alles von den Scouts und Managern einsehen koennen, auswaehlen, was und von wem. Ueberall, auf jeder Seite. NUR WIR BEIDE SOLLEN DIESE OPTION HABEN." Die naheliegende Loesung waere ein Filter je Seite gewesen -- also eine zweite Rechteregel in zwoelf Modulen, und eine Rechteregel an zwoelf Stellen stimmt irgendwann an elf. Stattdessen wird die PERSON getauscht, nicht die Regel: Waehlt DogFather einen Scout, laufen alle vorhandenen Sichtbarkeitsregeln unveraendert mit diesem Scout. Er sieht exakt dessen Arbeitsplatz -- nicht mehr, nicht weniger. Keine neue Rechteregel. Im Browser genauso: EIN Ort statt vierzehn. fetch wird einmal umgeleitet und haengt den Wert an jede lesende Abfrage an. Neue Seiten sind damit von selbst dabei; man kann es nicht vergessen. Drei Sicherungen: nur admin (auf dem SERVER geprueft, nicht in der Oberflaeche), nur lesend (geschrieben wird immer im eigenen Namen -- sonst staende im Protokoll der falsche Name), nur aktive Personen. Und ein Rahmen um die Seite, solange eine fremde Sicht laeuft. Der gefaehrlichste Fall ist nicht, dass man nicht umschalten kann, sondern dass man vergisst, dass man umgeschaltet hat -- und drei Aufgaben statt dreissig fuer den Bestand haelt. FUENF FEHLER, DIE DIE PRUEFUNGEN GEFUNDEN HABEN: 1. steckbrief.html hat die Kopfleiste NIE gefuellt -- dort stand monatelang "…" statt des eigenen Namens. Aufgefallen, weil der Umschalter dort fehlte. Jetzt zusaetzlich ein Netz darunter: Meldet sich nach kurzer Zeit niemand, holt der Kopf sich selbst, wer angemeldet ist. Die naechste neue Seite kann es nicht mehr vergessen. 2. Der Umschalter sprengte die Kopfleiste (46 px am Rechner, 117 px am Handy) und drueckte den Abmelden-Knopf hinaus. 3. Ich habe das <select> gestaltet -- wahl.js ersetzt aber jedes Auswahlfeld durch einen eigenen Knopf und schrumpft das echte Feld auf einen Pixel. Meine Regeln haben es wieder auf 20 x 44 aufgeblasen, wo es als unsichtbares Hindernis ueber dem Knopf lag. Gestaltet wird jetzt der Knopf. 4. Ein Wettlauf: Auf profil.html rufen zwei Dateien werZeigen() auf. Beide kamen an "gibt es den Umschalter schon?" vorbei, bevor eine ihn angehaengt hatte -- zwei Umschalter uebereinander. Die Sperre gehoert vor das erste await. 5. Die Handy-Pruefung bemaengelte ein Schild, das dort per display:none gar nicht erscheint. Sie sieht jetzt nur noch sichtbaren Text an -- eine Pruefung, die Unsichtbares anmahnt, gewoehnt man sich ab zu lesen. Dazu zwei Messfehler in den Pruefungen selbst: getComputedStyle liefert ein LEBENDES Objekt (die Farbe wurde gelesen, nachdem der Text unsichtbar gemacht war -- gemeldet wurden 1,17:1 fuer tadellos lesbaren Text), und ein Vergleich lief still ins Leere, weil die Vergleichsdaten fehlten. pruef-sicht.mjs stellt den MISSBRAUCH an den Anfang: Scout, Manager und Creator haengen ?sicht= an und muessen ignoriert werden; erfundene Nummern, Buchstaben und ein Einschleusversuch fallen auf die eigene Sicht zurueck; eine abgeschaltete Person liefert keine Sicht mehr; und was DogFather bei fremder Sicht anlegt, steht unter SEINEM Namen. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -444,10 +444,21 @@ body.start > main { position: relative; z-index: 1; }
|
||||
color: var(--text-leise); font-size: .92rem; line-height: 1.6;
|
||||
border: 1px solid color-mix(in srgb, var(--ton, var(--akzent)) 20%, var(--rand));
|
||||
border-radius: var(--radius);
|
||||
/* Ein Stueck dichter als die uebrige Flaeche (0,88 statt 0,78) --
|
||||
Wunsch vom 01.09.2026: "ganz leicht noch dunkler, so dass man den
|
||||
Text besser gelesen bekommt, aber auch nicht zu viel, so dass man
|
||||
den Hasen noch sieht."
|
||||
|
||||
Diese Kaesten tragen mehr zusammenhaengenden Text als jede andere
|
||||
Flaeche im Workspace (der Erklaerkasten im Scouting sind acht
|
||||
Absaetze). Zehn Punkte mehr Deckung sind gemessen der Unterschied
|
||||
zwischen muehsam und ruhig lesbar -- und lassen zwoelf Prozent Bild
|
||||
durch, das Motiv bleibt also sichtbar. Mehr waere ein Kasten mit
|
||||
einem Bild dahinter, das man nur noch erahnt. */
|
||||
background:
|
||||
radial-gradient(120% 90% at 50% -10%,
|
||||
color-mix(in srgb, var(--ton, var(--akzent)) 9%, transparent), transparent 68%),
|
||||
var(--flaeche);
|
||||
rgba(9, 13, 22, .88);
|
||||
}
|
||||
/* Der Ring: ein Kreis in der Seitenfarbe, hohl, weich leuchtend. Ein
|
||||
Zeichen wäre hier zu laut -- es geht ja gerade darum, dass NICHTS da
|
||||
@@ -2571,3 +2582,129 @@ body.start #protokoll {
|
||||
.inhalt textarea,
|
||||
.inhalt select { font-size: 16px; }
|
||||
}
|
||||
|
||||
/* ---------- Die Sicht eines anderen (nur DogFather) -----------------------
|
||||
|
||||
Der Umschalter steht im Seitenkopf, links neben dem eigenen Namen --
|
||||
also genau dort, wo ohnehin steht, WER man gerade ist. Beides gehoert
|
||||
zusammen: "ich, und wessen Arbeitsplatz ich gerade ansehe."
|
||||
|
||||
Solange eine fremde Sicht aktiv ist, faellt das deutlich auf. Das ist
|
||||
der wichtigste Teil dieser ganzen Funktion: Der gefaehrlichste Fall
|
||||
ist nicht, dass man die Sicht nicht wechseln kann, sondern dass man
|
||||
vergisst, dass man sie gewechselt hat -- und am naechsten Tag drei
|
||||
Aufgaben statt dreissig sieht und das fuer den Bestand haelt. */
|
||||
|
||||
.sicht {
|
||||
--s-ton: #d8a13a; /* die Rollenfarbe von DogFather */
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
padding: 4px 6px 4px 11px;
|
||||
border: 1px solid var(--rand); border-radius: 999px;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
/* SCHRUMPFEN MUSS ERLAUBT SEIN. In der Kopfleiste steht
|
||||
`.kopfleiste__rechts > * { flex: 0 0 auto; }` -- jedes Teil dort
|
||||
behaelt also seine Wunschbreite. Der Umschalter schob die Seite
|
||||
dadurch um 46 px (Rechner) bis 117 px (Handy) aus dem Bild, und der
|
||||
Abmelden-Knopf war nicht mehr erreichbar. Gemeldet von
|
||||
pruef-workspace-seiten und pruef-handy, bevor es jemand gesehen hat.
|
||||
Diese Regel steht spaeter in der Datei und gewinnt deshalb. */
|
||||
flex: 0 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
.sicht__schild {
|
||||
flex: none;
|
||||
/* 0,75 rem = 12 px. Nicht kleiner: Unter 11,5 px meldet die
|
||||
Geraetepruefung zu Recht "zu kleine Schrift" -- und was auf dem
|
||||
Handy niemand liest, ist auf dem Rechner auch nur Zierde. */
|
||||
font-size: .75rem; font-weight: 600;
|
||||
letter-spacing: .1em; text-transform: uppercase;
|
||||
color: var(--text-still);
|
||||
}
|
||||
/* Kein `width: 100%` wie bei den Feldern im Inhalt -- hier gehoert das
|
||||
Feld in eine Zeile und darf nicht die halbe Kopfleiste einnehmen. */
|
||||
/* NICHT das <select> selbst gestalten -- das waere hier ein Fehler mit
|
||||
Ansage. wahl.js ersetzt jedes Auswahlfeld im Workspace durch ein
|
||||
eigenes Bedienelement: Das echte <select> bleibt im Dokument, wird
|
||||
aber auf einen Pixel geschrumpft und unsichtbar gemacht; sichtbar ist
|
||||
ein Knopf darueber (.wahl2__knopf).
|
||||
|
||||
Der erste Anlauf gab dem <select> Breite und Polsterung. Ergebnis:
|
||||
Das versteckte Feld wurde wieder 20 x 44 Pixel gross und lag als
|
||||
unsichtbares Hindernis ueber dem Knopf -- die Geraetepruefung meldete
|
||||
es als "Beruehrziel zu klein", und getroffen haette man damit gar
|
||||
nichts. Gestaltet wird deshalb der Knopf.
|
||||
|
||||
Falls wahl.js einmal nicht laeuft (Skript blockiert), traegt das
|
||||
nackte <select> nichts Eigenes -- es sieht dann schlicht aus, ist
|
||||
aber vollstaendig bedienbar. Das ist die richtige Reihenfolge. */
|
||||
.sicht .wahl2 { flex: 0 1 auto; min-width: 0; max-width: 180px; }
|
||||
.sicht .wahl2__knopf {
|
||||
padding: 5px 10px;
|
||||
font-size: .82rem;
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, .04);
|
||||
}
|
||||
.sicht .wahl2__knopf:hover:not([disabled]) {
|
||||
background: rgba(255, 255, 255, .07);
|
||||
}
|
||||
/* Der Name darf gekuerzt werden, statt den Knopf aufzublaehen. */
|
||||
.sicht .wahl2__text {
|
||||
min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
}
|
||||
|
||||
/* FREMDE SICHT AKTIV -- deutlich, aber nicht schreiend. */
|
||||
.sicht[data-fremd="ja"] {
|
||||
border-color: color-mix(in srgb, var(--s-ton) 55%, transparent);
|
||||
background:
|
||||
linear-gradient(rgba(216, 161, 58, .12), rgba(216, 161, 58, .12)),
|
||||
rgba(0, 0, 0, .3);
|
||||
}
|
||||
.sicht[data-fremd="ja"] .sicht__schild { color: var(--s-ton); }
|
||||
.sicht__weg {
|
||||
flex: none; min-height: 28px; padding: 4px 11px;
|
||||
border: 1px solid color-mix(in srgb, var(--s-ton) 45%, transparent);
|
||||
border-radius: 999px;
|
||||
background: transparent; color: var(--s-ton);
|
||||
font: inherit; font-size: .76rem; cursor: pointer;
|
||||
transition: background var(--tempo);
|
||||
}
|
||||
.sicht__weg:hover { background: color-mix(in srgb, var(--s-ton) 16%, transparent); }
|
||||
.sicht__weg:focus-visible { outline: 2px solid var(--s-ton); outline-offset: 2px; }
|
||||
|
||||
/* Ein feiner Rahmen um die ganze Seite, solange eine fremde Sicht laeuft.
|
||||
Er kostet keinen Platz, laesst sich nicht wegscrollen und ist damit die
|
||||
einzige Anzeige, die man wirklich nicht uebersehen kann. */
|
||||
body[data-fremde-sicht="ja"]::after {
|
||||
content: "";
|
||||
position: fixed; inset: 0;
|
||||
border: 2px solid rgba(216, 161, 58, .38);
|
||||
pointer-events: none;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
/* Ab hier wird die Kopfleiste eng. Das Schild "SICHT" entfaellt als
|
||||
Erstes -- das Feld selbst sagt bereits, wessen Sicht laeuft, und der
|
||||
Rahmen um die Seite sagt DASS eine fremde laeuft. */
|
||||
@media (max-width: 1180px) {
|
||||
.sicht__schild { display: none; }
|
||||
.sicht { padding-left: 6px; }
|
||||
.sicht .wahl2 { max-width: 150px; }
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.sicht .wahl2 { max-width: 128px; }
|
||||
/* Der Knopf "zurueck zu mir" entfaellt -- "Alles (meine Sicht)" steht
|
||||
ganz oben in der Auswahl und tut dasselbe. */
|
||||
.sicht__weg { display: none; }
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
/* MINDESTBREITE, nicht nur Hoechstbreite: Ein Knopf, der auf zwanzig
|
||||
Pixel zusammenfaellt, ist mit dem Daumen nicht zu treffen.
|
||||
Den Platz gibt der eigene Name daneben ab -- er steht ohnehin als
|
||||
Plakette da, und wessen Sicht laeuft, ist die wichtigere Auskunft. */
|
||||
.sicht .wahl2 { min-width: 104px; max-width: 118px; }
|
||||
.sicht { padding: 3px 4px; }
|
||||
.wer__name { display: none; }
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
body[data-fremde-sicht="ja"]::after { border-color: Highlight; }
|
||||
}
|
||||
|
||||
@@ -166,9 +166,33 @@
|
||||
transition: border-color .18s ease;
|
||||
}
|
||||
.pdf:hover { border-color: rgba(255, 255, 255, .18); }
|
||||
/* WICHTIG UND NEU MUESSEN BESSER LESBAR SEIN ALS DER REST, nicht
|
||||
schlechter -- und genau das war hier verkehrt herum.
|
||||
|
||||
`background` ist eine Eigenschaft, keine Schicht: Die Zeile
|
||||
`background: rgba(232,192,125,.045)` hat die Flaeche var(--flaeche)
|
||||
nicht getoent, sondern ERSETZT. Uebrig blieben viereinhalb Prozent
|
||||
Deckung -- das Hintergrundbild kam praktisch ungefiltert durch, und
|
||||
ausgerechnet die Anleitung, die jeder lesen soll, war die am
|
||||
schwersten lesbare auf der Seite.
|
||||
|
||||
Jetzt liegt die Toenung als eigene Schicht DARUEBER (ein
|
||||
linear-gradient aus zweimal derselben Farbe ist der uebliche Weg, aus
|
||||
einer Farbe eine Schicht zu machen). Die Flaeche bleibt darunter --
|
||||
und weil "wichtig" mehr Ruhe verdient als der Rest, ist sie hier
|
||||
sogar etwas dichter als anderswo. */
|
||||
.pdf[data-wichtig="ja"] {
|
||||
border-color: rgba(232, 192, 125, .32);
|
||||
background: rgba(232, 192, 125, .045);
|
||||
border-color: rgba(232, 192, 125, .42);
|
||||
background:
|
||||
linear-gradient(rgba(232, 192, 125, .07), rgba(232, 192, 125, .07)),
|
||||
rgba(9, 13, 22, .88);
|
||||
}
|
||||
/* Dasselbe fuer das Neue: Es steht nur 48 Stunden da und soll in dieser
|
||||
Zeit auch wirklich gelesen werden. */
|
||||
.pdf:has(.marke-neu) {
|
||||
background:
|
||||
linear-gradient(rgba(95, 201, 154, .05), rgba(95, 201, 154, .05)),
|
||||
rgba(9, 13, 22, .88);
|
||||
}
|
||||
|
||||
.pdf__kopf { display: flex; gap: 14px; align-items: flex-start; }
|
||||
|
||||
@@ -672,3 +672,201 @@
|
||||
return liste.length;
|
||||
};
|
||||
})();
|
||||
|
||||
/* ===================================================================
|
||||
DIE SICHT EINES ANDEREN — nur fuer DogFather, auf jeder Seite.
|
||||
|
||||
Wunsch vom 01.09.2026: "ich will alles von den Scouts und Managern
|
||||
einsehen koennen, auswaehlen, was und von wem ich sehen will. Und das
|
||||
soll ich als DogFather-Rolle ueberall haben, auf jeder Seite.
|
||||
NUR WIR BEIDE SOLLEN DIESE OPTION HABEN."
|
||||
|
||||
ZWEI ENTSCHEIDUNGEN, die alles andere nach sich ziehen.
|
||||
|
||||
1. DIE PERSON WIRD GETAUSCHT, NICHT DIE REGEL.
|
||||
Waehlt DogFather einen Scout, laeuft jede vorhandene
|
||||
Sichtbarkeitsregel auf dem Server unveraendert mit diesem Scout --
|
||||
er sieht dann exakt dessen Arbeitsplatz. Kein neuer Filter je
|
||||
Seite, keine zweite Rechteregel, die irgendwann von der ersten
|
||||
abweicht.
|
||||
|
||||
2. EIN EINZIGER ORT IM BROWSER.
|
||||
Statt in vierzehn Dateien "&sicht=" anzuhaengen (und es in der
|
||||
fuenfzehnten zu vergessen), wird fetch EINMAL umgeleitet: Jede
|
||||
lesende Anfrage an /workspace/api bekommt den Wert automatisch
|
||||
mit. Neue Seiten sind damit von selbst dabei -- man kann es gar
|
||||
nicht vergessen.
|
||||
|
||||
Angehaengt wird NUR bei GET. Ein Schreibvorgang findet immer im
|
||||
eigenen Namen statt; alles andere waere ein Eintrag im Protokoll
|
||||
unter falschem Namen.
|
||||
|
||||
Die Auswahl liegt im Browser (localStorage), nicht am Konto: Sie ist
|
||||
eine Ansicht dieses Geraets, keine Eigenschaft der Person. Wer sich
|
||||
woanders anmeldet, faengt bei "alles" an -- und das ist richtig so.
|
||||
|
||||
Der Server prueft die Rolle NOCH EINMAL (workspace.js, sichtPerson).
|
||||
Was hier steht, ist Bedienung, kein Schutz: Wer kein DogFather ist,
|
||||
kann den Wert von Hand anhaengen, so oft er mag -- er wird ignoriert.
|
||||
=================================================================== */
|
||||
(() => {
|
||||
'use strict';
|
||||
|
||||
const SCHLUESSEL = 'dfw-sicht';
|
||||
|
||||
const lesen = () => {
|
||||
try { return Number(localStorage.getItem(SCHLUESSEL)) || 0; } catch { return 0; }
|
||||
};
|
||||
const schreiben = (id) => {
|
||||
try {
|
||||
if (id) localStorage.setItem(SCHLUESSEL, String(id));
|
||||
else localStorage.removeItem(SCHLUESSEL);
|
||||
} catch { /* privater Modus -- dann gilt es nur fuer diese Seite */ }
|
||||
};
|
||||
|
||||
window.sichtId = lesen;
|
||||
|
||||
/* ---------- fetch einmal umleiten ------------------------------------- */
|
||||
|
||||
let aktiv = 0; /* 0 = eigene Sicht */
|
||||
const echtesFetch = window.fetch.bind(window);
|
||||
|
||||
window.fetch = function (eingabe, optionen) {
|
||||
try {
|
||||
const art = (optionen?.method || (typeof eingabe === 'object' ? eingabe.method : '') || 'GET')
|
||||
.toUpperCase();
|
||||
const pfad = typeof eingabe === 'string' ? eingabe : (eingabe?.url || '');
|
||||
if (aktiv && art === 'GET' && pfad.startsWith('/workspace/api/')
|
||||
&& !pfad.includes('sicht=')) {
|
||||
const neu = pfad + (pfad.includes('?') ? '&' : '?') + 'sicht=' + aktiv;
|
||||
return echtesFetch(typeof eingabe === 'string' ? neu : new Request(neu, eingabe), optionen);
|
||||
}
|
||||
} catch { /* im Zweifel unveraendert weiterreichen */ }
|
||||
return echtesFetch(eingabe, optionen);
|
||||
};
|
||||
|
||||
/* ---------- Der Umschalter im Seitenkopf -------------------------------- */
|
||||
|
||||
const el = (tag, klasse, text) => {
|
||||
const k = document.createElement(tag);
|
||||
if (klasse) k.className = klasse;
|
||||
if (text !== undefined) k.textContent = text;
|
||||
return k;
|
||||
};
|
||||
|
||||
const ROLLE_GRUPPE = [
|
||||
['manager', 'Manager'],
|
||||
['scout', 'Scouts'],
|
||||
['creator', 'Creator'],
|
||||
['admin', 'DogFather'],
|
||||
];
|
||||
|
||||
/* EIN WETTLAUF, den es wirklich gab: Auf profil.html rufen zwei Dateien
|
||||
werZeigen() auf (profil.js und steckbrief.js). Beide kamen an der
|
||||
Pruefung "gibt es den Umschalter schon?" vorbei, BEVOR eine von
|
||||
ihnen ihn angehaengt hatte -- dazwischen liegt ein await auf die
|
||||
Personenliste. Ergebnis: zwei Umschalter uebereinander, der eine
|
||||
verdeckte den anderen. Gemeldet von pruef-handy als "verdeckt".
|
||||
Die Sperre muss deshalb VOR dem ersten await gesetzt werden. */
|
||||
let baut = false;
|
||||
|
||||
window.sichtAufbauen = async function (ich) {
|
||||
if (!ich || ich.rolle !== 'admin') return;
|
||||
const kopf = document.querySelector('.kopfleiste__rechts');
|
||||
if (!kopf || baut || document.getElementById('sicht-wahl')) return;
|
||||
baut = true;
|
||||
|
||||
aktiv = lesen();
|
||||
|
||||
let personen = [];
|
||||
try {
|
||||
/* Ueber das echte fetch -- diese eine Abfrage darf nicht durch die
|
||||
gewaehlte Sicht laufen, sonst waere die Auswahlliste selbst
|
||||
gefiltert und man kaeme nie wieder heraus. */
|
||||
const a = await echtesFetch('/workspace/api/personen', { credentials: 'same-origin' });
|
||||
if (!a.ok) { baut = false; return; }
|
||||
personen = (await a.json()).personen || [];
|
||||
} catch { baut = false; return; }
|
||||
|
||||
const feld = el('div', 'sicht');
|
||||
feld.id = 'sicht-wahl';
|
||||
|
||||
const schild = el('label', 'sicht__schild', 'Sicht');
|
||||
schild.setAttribute('for', 'sicht-feld');
|
||||
feld.append(schild);
|
||||
|
||||
const s = el('select', 'sicht__feld');
|
||||
s.id = 'sicht-feld';
|
||||
s.append(new Option('Alles (meine Sicht)', ''));
|
||||
for (const [rolle, name] of ROLLE_GRUPPE) {
|
||||
const drin = personen.filter((p) => p.rolle === rolle && p.id !== ich.id && p.aktiv !== false);
|
||||
if (!drin.length) continue;
|
||||
const g = document.createElement('optgroup');
|
||||
g.label = name;
|
||||
for (const p of drin) g.append(new Option(p.name, String(p.id)));
|
||||
s.append(g);
|
||||
}
|
||||
if (aktiv) s.value = String(aktiv);
|
||||
/* Stand die gemerkte Person nicht mehr in der Liste (geloescht oder
|
||||
abgeschaltet), faellt die Auswahl zurueck -- sonst zeigte das Feld
|
||||
"Alles" und die Seiten trotzdem eine fremde Sicht. */
|
||||
if (aktiv && s.value !== String(aktiv)) { aktiv = 0; schreiben(0); }
|
||||
|
||||
s.addEventListener('change', () => {
|
||||
aktiv = Number(s.value) || 0;
|
||||
schreiben(aktiv);
|
||||
/* Neu laden statt jede Seite einzeln zu benachrichtigen: Jede
|
||||
Seite baut sich beim Laden ohnehin vollstaendig auf, und ein
|
||||
halb umgestellter Bildschirm waere schlimmer als eine kurze
|
||||
Pause. */
|
||||
location.reload();
|
||||
});
|
||||
feld.append(s);
|
||||
|
||||
/* Ein deutlicher Hinweis, SOLANGE eine fremde Sicht aktiv ist.
|
||||
Ohne ihn ist der gefaehrlichste Fall dieser Funktion: Man vergisst
|
||||
die Auswahl, sieht am naechsten Tag drei Aufgaben statt dreissig
|
||||
und haelt das fuer den Bestand. */
|
||||
if (aktiv) {
|
||||
feld.dataset.fremd = 'ja';
|
||||
const zurueck = el('button', 'sicht__weg', 'zurück zu mir');
|
||||
zurueck.type = 'button';
|
||||
zurueck.addEventListener('click', () => { schreiben(0); location.reload(); });
|
||||
feld.append(zurueck);
|
||||
document.body.dataset.fremdeSicht = 'ja';
|
||||
}
|
||||
|
||||
kopf.prepend(feld);
|
||||
};
|
||||
|
||||
/* An werZeigen anhaengen: Jede Seite ruft es ohnehin auf, sobald sie
|
||||
weiss, wer angemeldet ist. Damit ist der Umschalter wirklich auf
|
||||
JEDER Seite da, ohne dass eine davon eine Zeile bekommt. */
|
||||
let gerufen = false;
|
||||
const vorher = window.werZeigen;
|
||||
window.werZeigen = function (ich) {
|
||||
gerufen = true;
|
||||
vorher?.(ich);
|
||||
window.sichtAufbauen(ich);
|
||||
};
|
||||
|
||||
/* DAS NETZ DARUNTER.
|
||||
|
||||
"Jede Seite ruft es ohnehin auf" stimmte nicht ganz: steckbrief.html
|
||||
tat es nie, und deshalb stand dort oben rechts monatelang "…" statt
|
||||
des eigenen Namens. Gefunden hat es nicht das Auge, sondern eine
|
||||
Pruefung, die den Umschalter auf ALLEN Seiten verlangt hat.
|
||||
|
||||
Ein Fehler, der einmal passiert ist, passiert wieder -- die
|
||||
naechste neue Seite vergisst dieselbe Zeile. Meldet sich also nach
|
||||
kurzer Zeit niemand, holt der Kopf sich selbst, wer angemeldet ist.
|
||||
Im Normalfall kostet das nichts: Dann war jemand schneller, und
|
||||
diese Abfrage findet gar nicht erst statt. */
|
||||
setTimeout(async () => {
|
||||
if (gerufen || !document.getElementById('wer')) return;
|
||||
try {
|
||||
const a = await echtesFetch('/workspace/api/ich', { credentials: 'same-origin' });
|
||||
if (a.ok) window.werZeigen(await a.json());
|
||||
} catch { /* nicht angemeldet -- die Seite leitet ohnehin um */ }
|
||||
}, 1200);
|
||||
})();
|
||||
|
||||
@@ -349,6 +349,13 @@
|
||||
(async () => {
|
||||
try {
|
||||
const ich = await (await hole('/workspace/api/ich')).json().catch(() => null);
|
||||
/* Die Kopfleiste fuellen -- VOR dem moeglichen Ausstieg unten.
|
||||
Diese Seite war die einzige im ganzen Workspace, die das nie
|
||||
getan hat: Oben rechts stand dauerhaft "…" statt des eigenen
|
||||
Namens. Aufgefallen ist es erst, als der Sicht-Umschalter dort
|
||||
fehlte, denn der haengt an derselben Stelle. Ein Fehler, den man
|
||||
monatelang ansehen kann, ohne ihn zu sehen. */
|
||||
if (ich) window.werZeigen?.(ich);
|
||||
if (nurCreator && ich && ich.rolle !== 'creator') return;
|
||||
|
||||
const a = await hole('/workspace/api/steckbrief/mein');
|
||||
|
||||
Reference in New Issue
Block a user