DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Freie Namen, ein Call-Knopf, und drei Seiten, die fuer Scouts kaputt waren

Browse Source 
DREI SACHEN AUF EINMAL, alle aus derselben Sitzung.

1. AUSSUCHEN ODER SELBST EINTRAGEN
   Wunsch: "ich will da auch sachen selber noch eintragen koennen, also
   aussuchen und selbst eintragen."

   Jede Personenauswahl (Kalender, Aufgaben, Bereiche, Content, Dateien)
   nimmt jetzt auch einen getippten Namen an -- eine Agentur, eine Marke,
   einen Gast ohne Konto. Dazu bekommt JEDE Auswahl ab acht Eintraegen
   ein Suchfeld: tippen statt scrollen.

   Gebaut IM vorhandenen Auswahl-Bauteil (wahl.js), nicht daneben. Der
   erste Anlauf war ein zweites Bauteil -- es hat sich prompt mit dem
   ersten gebissen, beide haben denselben <select> eingepackt. Ein
   zweites haette ausserdem anders ausgesehen und waere beim naechsten
   Umbau nur an einer von zwei Stellen nachgezogen worden.

   Der freie Name steht in einer EIGENEN Spalte je Feld; die Verknuepfung
   bleibt leer. Entweder eine Person ODER ein Name, nie beides.

   Filipe hat ausdruecklich auch bei den Creator-Feldern freie Namen
   gewollt, nachdem der Nachteil benannt war: Der Eintrag gehoert dann zu
   keinem Konto. Damit daraus kein STILLER Ausfall wird, faellt jede
   Abfrage, die bisher den Namen der verknuepften Person las, jetzt auf
   den freien Text zurueck (externSql) -- gekennzeichnet als "(extern)".
   Der Eintrag verschwindet dadurch aus keiner Liste, keiner Suche und
   keiner Uebersicht.

2. WO FUEHRE ICH DEN CALL?
   Den Knopf gab es, aber nur wenn jemand von Hand einen Link ins
   Ortsfeld getippt hatte UND das Gespraech noch bevorstand. Stand dort
   "Hier", war nichts zum Anklicken da.

   Jetzt hat das Team einen festen Call-Raum (Discord-Sprachkanal), den
   das Management einmal hinterlegt. Danach hat JEDER Call den Knopf --
   und er bleibt, solange das Gespraech laufen kann, nicht nur bis zur
   Startzeit. Ein eigener Link am Termin schlaegt den festen Raum.

3. WAS EINE ROLLE SIEHT, MUSS AUCH FUNKTIONIEREN
   Gemeldet: "cigdem kriegt als manager gewisse sachen nicht auf die sie
   sieht, check jede rolle ab."

   Neue Pruefung server/pruef-rollen.mjs schickt SECHS Rollen-Zustaende
   ueber alle 16 Seiten und misst Konsolenfehler, fehlgeschlagene
   Serveraufrufe, tote Verweise, haengende Ladeanzeigen und wortlos leere
   Seiten. 96 Durchgaenge.

   Der sechste Zustand ist der wichtige: eine Rolle OHNE zugeteilte
   Creator -- der Normalfall am ersten Tag und Cigdems echte Lage.
   Genau dort fielen die Seiten durch, waehrend dieselben Seiten MIT
   Zuteilung tadellos waren.

   VIER ECHTE FEHLER GEFUNDEN UND BEHOBEN:

   a) Eine Aufgabe, die eine Managerin ohne Creator anlegte, war fuer sie
      im selben Moment unsichtbar -- creator_id und verantwortlich_id
      leer, und "von mir selbst angelegt" stand in keiner
      Sichtbarkeitsregel. Nur DogFather sah sie noch. Kein Fehler, keine
      Meldung, die Aufgabe war einfach weg. Dasselbe bei den
      Bereichseintraegen. Beide Regeln kennen jetzt erstellt_von.
      Niemand sieht dadurch etwas Fremdes -- nur das Eigene.

   b) Ein Scout ohne zugeteilten Creator bekam auf die GESAMTE
      Report-Seite 404, obwohl sie fuer ihn verlinkt ist. Die Seite
      antwortet jetzt sauber und leer, statt sich zu verweigern.

   c) Start-Check und Report blieben fuer immer auf "wird geladen"
      stehen, wenn es nichts zu laden gab.

   d) Das Creator-Profil war fuer Scouts ohne Zuteilung wortlos leer --
      der erklaerende Satz stand nur in der grauen Unterzeile.

   Ausserdem meldete die bestehende Lesbarkeitspruefung zwei neue
   Beschriftungen von mir als zu klein fuers Handy (10,88 statt 11,5 px).
   Behoben, und dieselbe Groesse an der Serien-Karte gleich mit -- dort
   waere es erst aufgefallen, sobald jemand eine Wiederholung anlegt.

GEPRUEFT: pruef-rollen 97, pruef-freie-namen 32 (mit Gegenproben:
Ben sieht Cigdems Aufgabe NICHT; die Saeulen-Zuordnung nimmt
ausdruecklich KEINEN freien Namen). Alle bestehenden Laeufe gruen:
Startansicht 133, Kalender 84, Serien 67, Protokoll 52, Handy 50, Sicht
48, Ampel 47, Content 45, Aufgabenbrett 44, Sprung 43,
Personen-Loeschen 40, Bereiche 37, Uebersicht 33, Workspace-Seiten 32,
Formulare 19, Betreuung 18, Grosscheck 15, Lesbarkeit 14.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-09-02 20:10:09 +02:00
co-authored by Claude Opus 5
parent 23429627ef
commit 540b5d8838
65 changed files with 1498 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/assets/css/aufgaben.css
+46
View File
@@ -465,3 +465,49 @@
}
.schnitt, .creator-knopf { flex: none; }
}
/* ===================================================================
Der feste Call-Raum (02.09.2026)
Eine ruhige Zeile über der Liste: wo die Gespräche stattfinden. Sie
beantwortet die Frage einmal, statt sie an jedem Termin neu zu
stellen. Bewusst zurückhaltend -- sie ist eine Auskunft, keine
Aufforderung.
=================================================================== */
.call-raum {
display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px;
margin: 0 0 18px; padding: 11px 14px;
border: 1px solid var(--rand); border-radius: var(--radius-klein);
background: var(--flaeche);
}
.call-raum__zeile {
margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
min-width: 0;
}
.call-raum__schild {
/* .78rem = 12,48 px. Untergrenze auf dem Handy sind 11,5 px (siehe
pruef-grosscheck.mjs) -- die vorher hier stehenden .68rem waren
10,88 px und damit unter der Grenze. Eine Beschriftung in
Grossbuchstaben braucht ohnehin mehr Groesse, nicht weniger. */
font-size: .78rem; letter-spacing: .09em; text-transform: uppercase;
color: var(--text-still);
}
.call-raum__link {
color: var(--akzent);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
max-width: min(60vw, 520px);
}
.call-raum__leer { color: var(--text-still); font-size: .86rem; }
.call-raum button { margin-left: auto; }
.call-raum__form {
display: flex; align-items: end; flex-wrap: wrap; gap: 8px;
width: 100%;
}
.call-raum__form .feld-schild { width: 100%; margin: 0 0 2px; }
.call-raum__form input { flex: 1 1 260px; min-width: 0; }
.call-raum__form button { margin-left: 0; }
@media (max-width: 560px) {
.call-raum { align-items: flex-start; }
.call-raum button { margin-left: 0; }
}
workspace/assets/css/gate.css
+54
View File
@@ -803,9 +803,63 @@ body.suche-offen { overflow: hidden; }
color: var(--text-still); cursor: default;
}
/* ---------- Suchen und selbst eintragen (02.09.2026) --------------------
Das Suchfeld sitzt fest oben in der Liste, die Eintraege scrollen
darunter weg -- sonst waere es beim Scrollen weg, und man wuesste
nicht mehr, wonach gerade gefiltert wird. */
.wahl2__suche {
display: block; width: 100%;
margin: 0 0 5px; padding: 8px 11px;
box-sizing: border-box;
background: rgba(255, 255, 255, .04);
border: 1px solid var(--rand); border-radius: 8px;
color: var(--text); font: inherit; font-size: .88rem;
}
.wahl2__suche::placeholder { color: var(--text-still); }
.wahl2__suche:focus-visible {
outline: none;
border-color: rgba(63, 189, 245, .6);
box-shadow: 0 0 0 3px rgba(63, 189, 245, .14);
}
/* Nur die Eintraege scrollen, nicht das Suchfeld mit. */
.wahl2__zeilen { max-height: min(46vh, 320px); overflow-y: auto; }
/* Der getippte Name als eigener Eintrag. Gedeckt abgesetzt, nicht
grell -- er ist eine Moeglichkeit, keine Warnung. */
.wahl2__eintrag--eigen {
color: #e8c07a;
border: 1px dashed rgba(216, 161, 58, .45);
margin-bottom: 4px;
}
.wahl2__eintrag--eigen:hover:not([disabled]) {
background: rgba(216, 161, 58, .12); color: #f4dcb0;
}
.wahl2__leer {
margin: 0; padding: 9px 11px;
color: var(--text-still); font-size: .82rem;
}
/* Steht ein freier Name im Feld, sagt der Rand es leise mit. */
.wahl2__knopf[data-extern="ja"] {
border-color: color-mix(in srgb, #d8a13a 45%, var(--rand));
}
.wahl2__hinweis {
margin: 6px 0 0;
font-size: .78rem; line-height: 1.45;
color: var(--text-leise);
}
.wahl2__hinweis::before {
content: "↯"; margin-right: 6px; color: #d8a13a;
}
@media (prefers-reduced-motion: reduce) {
.wahl2__knopf, .wahl2__pfeil { transition: none; }
}
@media (forced-colors: active) {
/* Ohne Farben traegt der gestrichelte Rand die Unterscheidung. */
.wahl2__eintrag--eigen { border: 1px dashed CanvasText; }
.wahl2__knopf[data-extern="ja"] { border: 2px solid CanvasText; }
}
/* ===================================================================
Schalter (31.08.2026).
workspace/assets/css/kalender.css
+5 -1
View File
@@ -626,7 +626,11 @@
padding: 2px 9px; border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--sfarbe) 32%, transparent);
color: var(--sfarbe);
font-size: .68rem; letter-spacing: .08em; text-transform: uppercase;
/* .78rem = 12,48 px. Auf dem Handy sind 11,5 px die Untergrenze
(pruef-grosscheck.mjs); .68rem wären 10,88 px. Aufgefallen ist es
an derselben Stelle im Call-Raum -- hier wäre es erst aufgefallen,
sobald jemand eine Wiederholung anlegt. */
font-size: .78rem; letter-spacing: .08em; text-transform: uppercase;
}
.k-serie__zustand {
margin-left: auto;
workspace/assets/js/aufgaben.js
+14
View File
@@ -498,6 +498,8 @@
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('f-creator').value || null;
daten.verantwortlich_id = $('f-verant').value || null;
daten.creator_extern = $('f-creator').dataset.extern || null;
daten.verantwortlich_extern = $('f-verant').dataset.extern || null;
}
knopfEl.disabled = true;
@@ -551,6 +553,8 @@
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('b-creator').value || null;
daten.verantwortlich_id = $('b-verant').value || null;
daten.creator_extern = $('b-creator').dataset.extern || null;
daten.verantwortlich_extern = $('b-verant').dataset.extern || null;
}
$('b-speichern').disabled = true;
try {
@@ -609,6 +613,16 @@ Das laesst sich nicht rueckgaengig machen. Erledigte Aufgaben sollten normalerwe
}
}
} catch { /* Zuordnung bleibt dann leer -- kein Grund abzubrechen */ }
/* Aussuchen ODER selbst eintragen (02.09.2026). Der Hinweis
erscheint erst, wenn wirklich ein freier Name drinsteht -- ein
dauerhafter Warnsatz wird nach zwei Tagen überlesen. */
for (const ziel of ['f-creator', 'b-creator']) {
window.personenwahl?.(ziel, { hinweis: "Kein Konto im Workspace – der Eintrag gehört dann zu keiner Person und taucht in personenbezogenen Auswertungen nicht auf. Sichtbar bleibt er für dich." });
}
for (const ziel of ['f-verant', 'b-verant']) {
window.personenwahl?.(ziel, { hinweis: "Kein Konto im Workspace – der Name steht nur an diesem Eintrag."
+ ' Die Aufgabe steht dann auf keinem persönlichen Aufgabenbrett.' });
}
}
await laden();
workspace/assets/js/bereich.js
+5 -1
View File
@@ -295,7 +295,10 @@
};
if (einstellung.dringlichkeit) daten.dringlichkeit = $('f-dringlich').value;
if (einstellung.bewertung) daten.bewertung = $('f-bewertung').value || null;
if (LEITUNG.has(ich.rolle)) daten.creator_id = $('f-creator').value || null;
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('f-creator').value || null;
daten.creator_extern = $('f-creator').dataset.extern || null;
}
knopf.disabled = true;
try {
@@ -373,6 +376,7 @@
$('f-creator').append(o);
}
} catch { /* Zuordnung bleibt leer */ }
window.personenwahl?.('f-creator', { hinweis: "Kein Konto im Workspace – der Eintrag gehört dann zu keiner Person und taucht in personenbezogenen Auswertungen nicht auf. Sichtbar bleibt er für dich." });
}
/* Kommt jemand vom Bericht mit "nur die offenen", wird der Filter
workspace/assets/js/calls.js
+96 -6
View File
@@ -10,6 +10,12 @@
'use strict';
const $ = (id) => document.getElementById(id);
/* Wer den festen Call-Raum ändern darf. Dieselbe Zweiteilung wie
überall sonst: DogFather und Manager entscheiden, alle anderen
benutzen. Der Server prüft es noch einmal -- das hier ist nur die
Anzeige. */
const LEITUNG = new Set(['admin', 'manager']);
let ich = null;
let daten = null;
let offen = new Set();
@@ -43,6 +49,21 @@
} catch { return false; }
}
/** Läuft dieses Gespräch gerade noch? Ab dem geplanten Beginn bis eine
* Stunde nach dem geplanten Ende. Gerechnet wird auf den Textformen
* ('JJJJ-MM-TTThh:mm'), die der Server ohnehin schickt -- sie
* sortieren sich richtig und brauchen keine Zeitzone. */
function laeuftNoch(c) {
if (!daten?.jetzt || !c.beginn) return false;
const ende = new Date(c.beginn.replace(' ', 'T') + ':00');
if (Number.isNaN(ende.getTime())) return false;
ende.setMinutes(ende.getMinutes() + (c.dauer_min || 30) + 60);
const p = (n) => String(n).padStart(2, '0');
const endeText = `${ende.getFullYear()}-${p(ende.getMonth() + 1)}-${p(ende.getDate())}`
+ `T${p(ende.getHours())}:${p(ende.getMinutes())}`;
return c.beginn <= daten.jetzt && daten.jetzt <= endeText;
}
async function hole(pfad, optionen = {}) {
const a = await fetch(pfad, { credentials: 'same-origin', ...optionen });
if (a.status === 401) { location.assign('/workspace/'); throw new Error('abgemeldet'); }
@@ -231,17 +252,32 @@
if (c.beschreibung) k.append(el('p', 'call__text', c.beschreibung));
/* Meeting-Link nur bei anstehenden Gesprächen -- danach ist er wertlos. */
/* WO FINDET DER CALL STATT? (02.09.2026)
Vorher gab es hier nur dann einen Knopf, wenn jemand von Hand
einen Link in das Ortsfeld getippt hatte -- und nur, solange das
Gespräch noch bevorstand. Stand dort "Hier" oder "Discord", war
nichts zum Anklicken da, und wer beitreten wollte, musste selbst
wissen wohin. Genau das war die Frage: "wo führe ich den Call?"
Jetzt gilt: der eigene Ort des Termins, wenn er ein Link ist --
sonst der feste Call-Raum des Teams. Und der Knopf bleibt, solange
das Gespräch laufen kann, nicht nur bis zur Startzeit: Wer sich
verspätet, braucht ihn genau dann. */
const knöpfe = el('div', 'kk__knoepfe');
if (gruppe === 'anstehend' && istLink(c.ort)) {
const a = el('a', 'knopf knopf--klein', 'Call öffnen');
a.href = c.ort;
const ziel = istLink(c.ort) ? c.ort : (daten.call_link || '');
if (ziel && (gruppe === 'anstehend' || laeuftNoch(c))) {
const a = el('a', 'knopf knopf--klein', laeuftNoch(c) ? 'Call beitreten' : 'Call öffnen');
a.href = ziel;
a.target = '_blank';
a.rel = 'noopener noreferrer';
/* Steht der Raum nicht am Termin, sondern kommt aus den
Einstellungen, gehört das dazu -- sonst wundert man sich, wohin
der Knopf führt. */
if (!istLink(c.ort)) a.title = 'Fester Call-Raum des Teams';
knöpfe.append(a);
} else if (c.ort && !istLink(c.ort)) {
k.append(el('p', 'call__ort', c.ort));
}
if (c.ort && !istLink(c.ort)) k.append(el('p', 'call__ort', c.ort));
if (gruppe !== 'anstehend') {
const b = el('button', gruppe === 'offen' ? 'knopf knopf--klein' : 'knopf-still',
@@ -346,10 +382,64 @@
const a = await hole('/workspace/api/calls');
if (!a.ok) { melde('Gespräche konnten nicht geladen werden.'); return; }
daten = await a.json();
raumZeigen();
zeichne();
} catch { /* umgeleitet */ }
}
/* ---------- Der feste Call-Raum ------------------------------------------
Sichtbar für alle, änderbar nur vom Management. Wer nicht ändern
darf und wo noch nichts hinterlegt ist, bekommt die Zeile gar nicht
zu sehen -- eine leere Angabe, an der man nichts tun kann, ist nur
Rauschen. */
const darfRaum = () => LEITUNG.has(ich?.rolle);
function raumZeigen() {
const link = daten?.call_link || '';
const block = $('call-raum');
block.hidden = !link && !darfRaum();
$('call-raum-aendern').hidden = !darfRaum();
$('call-raum-link').hidden = !link;
$('call-raum-leer').hidden = !!link;
if (link) {
$('call-raum-link').href = link;
/* Der nackte Link ist unlesbar lang. Angezeigt wird, woran man ihn
erkennt -- die volle Adresse steht im Titel und im Verweis. */
$('call-raum-link').textContent = link.replace(/^https?:\/\//i, '').slice(0, 60);
$('call-raum-link').title = link;
}
}
$('call-raum-aendern').addEventListener('click', () => {
$('call-raum-feld').value = daten?.call_link || '';
$('call-raum-form').hidden = false;
$('call-raum-aendern').hidden = true;
$('call-raum-feld').focus();
});
$('call-raum-abbrechen').addEventListener('click', () => {
$('call-raum-form').hidden = true;
$('call-raum-aendern').hidden = false;
});
$('call-raum-form').addEventListener('submit', async (e) => {
e.preventDefault();
melde('');
try {
const a = await hole('/workspace/api/call-link', {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ link: $('call-raum-feld').value.trim() }),
});
if (!a.ok) {
melde((await a.json().catch(() => ({}))).fehler || 'Speichern ging nicht.');
return;
}
$('call-raum-form').hidden = true;
$('call-raum-aendern').hidden = false;
await laden();
} catch { /* umgeleitet */ }
});
/* ---------- Start --------------------------------------------------------- */
(async () => {
workspace/assets/js/content.js
+9 -1
View File
@@ -496,7 +496,10 @@
text: $('f-text').value.trim(),
datum: window.heuteLokal(),
};
if (LEITUNG.has(ich.rolle)) daten.creator_id = $('f-creator').value || null;
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('f-creator').value || null;
daten.creator_extern = $('f-creator').dataset.extern || null;
}
const a = await hole('/workspace/api/bereich/content', {
method: 'POST',
@@ -576,6 +579,11 @@
}
}
} catch { /* Auswahl bleibt leer */ }
window.personenwahl?.('f-creator', { hinweis: "Kein Konto im Workspace – der Eintrag gehört dann zu keiner Person und taucht in personenbezogenen Auswertungen nicht auf. Sichtbar bleibt er für dich." });
/* Bei den Saeulen KEIN freier Name: Eine Content-Saeule gehoert
immer genau einem Creator, der Server prueft das. Ein freier
Name waere dort eine Eingabe, die garantiert abgelehnt wird. */
window.personenwahl?.('s-creator', { frei: false });
/* Wechselt der Creator, passen die Säulen dazu -- sonst böte die
Liste Säulen an, die zu jemand anderem gehören, und der Server
lehnte beim Speichern ab. */
workspace/assets/js/dateien.js
+5
View File
@@ -107,6 +107,10 @@
'X-Dateiname': encodeURIComponent(datei.name),
};
if (LEITUNG.has(ich.rolle) && $('f-creator').value) kopf['X-Creator'] = $('f-creator').value;
/* Der freie Name geht URL-kodiert mit -- Kopfzeilen sind streng
genommen nur ASCII, "Müller" käme sonst verstümmelt an. */
const externName = $('f-creator')?.dataset.extern || '';
if (externName) kopf['X-Creator-Extern'] = encodeURIComponent(externName);
/* Wer die Datei sehen darf -- als Liste von Ids im Kopf. */
const gewaehlt = [...document.querySelectorAll('.wahl__knopf[data-an="ja"]')]
.map((b) => b.dataset.id);
@@ -403,6 +407,7 @@
$('f-creator').append(o);
}
} catch { /* Zuordnung bleibt leer */ }
window.personenwahl?.('f-creator', { hinweis: "Kein Konto im Workspace – der Eintrag gehört dann zu keiner Person und taucht in personenbezogenen Auswertungen nicht auf. Sichtbar bleibt er für dich." });
} else if (ich.rolle === 'scout') {
$('zuordnung').hidden = false;
$('f-creator').closest('.feld').hidden = true;
workspace/assets/js/kalender.js
+4
View File
@@ -1098,6 +1098,9 @@
const wahl = $('f-teilnehmer').value;
koerper.teilnehmer_id = wahl || null;
koerper.creator_id = wahl || null;
/* Ein frei eingetragener Name statt einer Person. Der Server
raeumt dann creator_id ab -- siehe workspace-kalender.js. */
koerper.teilnehmer_extern = $('f-teilnehmer').dataset.extern || null;
}
/* Mit Rhythmus entsteht keine einzelne Zeile, sondern eine Regel --
der Server legt daraus die Termine an, den ersten eingeschlossen.
@@ -1154,6 +1157,7 @@
$('f-teilnehmer').append(o);
}
} catch { /* Zuordnung bleibt leer */ }
window.personenwahl?.('f-teilnehmer', { hinweis: "Kein Konto im Workspace – der Name steht nur an diesem Eintrag." });
}
/* Vom Bericht kommend: VOR dem ersten Laden auf die Liste stellen,
workspace/assets/js/profil.js
+11 -1
View File
@@ -110,9 +110,19 @@
if (LEITUNG.has(ich.rolle) || ich.rolle === 'scout') {
if (!liste.creator.length) {
$('unterzeile').textContent = ich.rolle === 'scout'
/* Der Hinweis stand bis zum 02.09.2026 NUR in der Unterzeile --
einer grauen Zeile unter der Überschrift, die man beim
Überfliegen für Beiwerk hält. Darunter blieb die Seite leer,
und leer sieht aus wie kaputt. Der Satz gehört auch dorthin,
wo man den Inhalt erwartet. */
const satz = ich.rolle === 'scout'
? 'Dir ist noch kein Creator zugeteilt. DogFather legt fest, wen du betreust.'
: 'Es gibt noch keinen Creator. Lege zuerst unter Personen & Zugänge einen an.';
$('unterzeile').textContent = satz;
const hinweis = document.createElement('p');
hinweis.className = 'leer-hinweis';
hinweis.textContent = satz;
document.querySelector('main')?.append(hinweis);
return;
}
if (ich.rolle === 'scout') {
workspace/assets/js/report.js
+15 -2
View File
@@ -303,8 +303,21 @@
/* Ein Scout waehlt zwischen SEINEN Creator -- "alle" gibt es
fuer ihn nicht, das waere die Gesamtuebersicht. */
if (!creator.length) {
$('unterzeile').textContent =
'Dir ist noch kein Creator zugeteilt. DogFather legt fest, wen du betreust.';
/* Nicht nur die Unterzeile beschriften: Der Berichtsbereich
stand danach für immer auf "Report wird erstellt …", weil
ihn nichts mehr anfasste. Für ein Vorleseprogramm ist eine
dauerhaft beschäftigte Fläche das Zeichen, hier nicht
weiterzulesen. Gefunden beim Rollen-Rundgang 02.09.2026. */
const satz = 'Dir ist noch kein Creator zugeteilt. '
+ 'DogFather legt fest, wen du betreust.';
$('unterzeile').textContent = satz;
const ziel = $('bericht');
ziel.setAttribute('aria-busy', 'false');
ziel.textContent = '';
const hinweis = document.createElement('p');
hinweis.className = 'leer-hinweis';
hinweis.textContent = satz;
ziel.append(hinweis);
return;
}
$('creator-block').hidden = false;
workspace/assets/js/startcheck.js
+7
View File
@@ -275,6 +275,13 @@
if (!liste.creator.length) {
$('felder').textContent = '';
/* aria-busy zurücksetzen, sonst meldet die Seite für immer "wird
geladen" -- an einer Stelle, an der gerade fertig geladen und
festgestellt wurde, dass es nichts zu laden gibt. Für ein
Vorleseprogramm ist eine dauerhaft beschäftigte Fläche das
Zeichen, dass es sich nicht lohnt weiterzulesen; gefunden beim
Rollen-Rundgang am 02.09.2026. */
$('felder').setAttribute('aria-busy', 'false');
$('felder').append(el('p', 'leer-hinweis', ich.rolle === 'scout'
? 'Dir ist noch kein Creator zugeteilt. DogFather legt fest, wen du betreust.'
: 'Es gibt noch keinen Creator.'));
workspace/assets/js/wahl.js
+235 -33
View File
@@ -21,6 +21,33 @@
Die Liste haengt an `position: fixed`, nicht am Elternelement: In
einer Karte mit `overflow: hidden` waere sie sonst abgeschnitten.
---------------------------------------------------------------------
SUCHEN UND SELBST EINTRAGEN (02.09.2026)
Wunsch: "ich will da auch sachen selber noch eintragen können, also
aussuchen und selbst eintragen."
Zwei Dinge kamen dafuer dazu, und beide sitzen HIER und nicht in einem
zweiten Bauteil daneben. Der erste Anlauf war genau das -- eine eigene
Personenwahl neben dieser hier. Sie hat sich prompt mit ihr gebissen:
Zwei Bauteile haben denselben <select> eingepackt, und das Feld stand
danach in doppelter Huelle. Ein zweites Bauteil haette ausserdem
anders ausgesehen und waere beim naechsten Umbau nur an einer von
beiden Stellen nachgezogen worden.
1. EIN SUCHFELD ueber der Liste, sobald es mehr als acht Eintraege
gibt. Tippen filtert. Gilt fuer JEDES Auswahlfeld -- bei
siebzehn Personen ist Scrollen die falsche Bedienung.
2. FREIE NAMEN, aber nur wo es ausdruecklich erlaubt ist
(`data-frei="ja"`). Dann nimmt die Liste den getippten Text als
eigenen Eintrag an: eine Agentur, eine Marke, ein Gast ohne
Konto. Der Text steht danach in `feld.dataset.extern`, und das
<select> ist leer -- entweder eine Person ODER ein Name, nie
beides. Die Seiten schicken beides getrennt zum Server.
Ohne Erlaubnis bleibt alles beim Alten: filtern ja, erfinden nein.
=================================================================== */
(() => {
'use strict';
@@ -28,6 +55,11 @@
const OFFEN = new WeakMap();
let aktiv = null; // gerade offene Liste
/* Ab wann ein Suchfeld erscheint. Bei drei Eintraegen waere es nur im
Weg, bei siebzehn ist Scrollen die falsche Bedienung. */
const SUCHE_AB = 8;
const EXTERN_MAX = 80;
const el = (tag, klasse, text) => {
const k = document.createElement(tag);
if (klasse) k.className = klasse;
@@ -83,58 +115,163 @@
}
function zeige(z) {
const extern = z.feld.dataset.extern || '';
const gewaehlt = z.feld.selectedOptions[0];
z.text.textContent = gewaehlt ? gewaehlt.textContent : '';
z.knopf.dataset.leer = gewaehlt && gewaehlt.value ? 'nein' : 'ja';
z.knopf.disabled = z.feld.disabled || !z.feld.options.length;
/* Ein frei eingetragener Name schlaegt die Auswahl -- das <select>
steht dann auf "leer", und ohne diese Zeile zeigte der Knopf den
Platzhalter an, obwohl etwas eingetragen ist. */
z.text.textContent = extern || (gewaehlt ? gewaehlt.textContent : '');
z.knopf.dataset.leer = extern || (gewaehlt && gewaehlt.value) ? 'nein' : 'ja';
z.knopf.dataset.extern = extern ? 'ja' : 'nein';
/* Bei erlaubten freien Namen darf der Knopf NICHT abschalten, wenn
die Liste leer ist -- man kann ja trotzdem etwas eintragen. */
z.knopf.disabled = z.feld.disabled
|| (!z.feld.options.length && z.feld.dataset.frei !== 'ja');
hinweisZeigen(z);
}
/* Der Satz unter dem Feld erscheint NUR, wenn wirklich ein freier
Name drinsteht. Ein dauerhaft sichtbarer Warnsatz wird nach zwei
Tagen ueberlesen. */
function hinweisZeigen(z) {
const text = z.feld.dataset.extern ? (z.feld.dataset.freiHinweis || '') : '';
if (!text) { z.hinweis?.remove(); z.hinweis = null; return; }
if (!z.hinweis) {
z.hinweis = el('p', 'wahl2__hinweis');
z.knopf.parentNode.append(z.hinweis);
}
z.hinweis.textContent = text;
}
/** Einen frei eingetragenen Namen setzen (oder mit '' wieder loeschen).
* Loest `change` aus, damit die Seiten davon erfahren -- sie haengen
* alle daran. */
function externSetzen(z, text) {
const sauber = String(text || '').replace(/\s+/g, ' ').trim().slice(0, EXTERN_MAX);
z.feld.dataset.extern = sauber;
if (sauber) z.feld.value = '';
z.feld.dispatchEvent(new Event('change', { bubbles: true }));
zeige(z);
}
/* ---------- Liste ------------------------------------------------------- */
function oeffnen(z) {
schliessen();
if (z.feld.disabled || !z.feld.options.length) return;
const frei = z.feld.dataset.frei === 'ja';
if (z.feld.disabled || (!z.feld.options.length && !frei)) return;
const liste = el('div', 'wahl2__liste');
liste.setAttribute('role', 'listbox');
z.liste = liste;
let vorherigeGruppe = null;
for (const o of z.feld.options) {
/* Gruppen (optgroup) mitnehmen -- die Kategoriewahl lebt davon. */
const gruppe = o.parentElement.tagName === 'OPTGROUP' ? o.parentElement.label : null;
if (gruppe && gruppe !== vorherigeGruppe) {
liste.append(el('p', 'wahl2__gruppe', gruppe));
vorherigeGruppe = gruppe;
}
const zeile = el('button', 'wahl2__eintrag', o.textContent);
zeile.type = 'button';
zeile.setAttribute('role', 'option');
zeile.setAttribute('aria-selected', o.selected ? 'true' : 'false');
if (o.selected) zeile.dataset.an = 'ja';
if (o.disabled) { zeile.disabled = true; zeile.dataset.aus = 'ja'; }
zeile.addEventListener('click', () => {
if (o.disabled) return;
z.feld.value = o.value;
/* Von Hand ausloesen: Ein per Skript gesetzter Wert meldet sich
nicht von selbst, und die Seiten haengen an `change`. */
z.feld.dispatchEvent(new Event('change', { bubbles: true }));
zeige(z);
schliessen();
z.knopf.focus();
const zeilen = el('div', 'wahl2__zeilen');
/* Ein Suchfeld gibt es, sobald die Liste lang wird -- oder immer,
wenn man auch selbst etwas eintragen darf. Bei drei Eintraegen
waere es nur im Weg. */
let suchfeld = null;
if (frei || z.feld.options.length > SUCHE_AB) {
suchfeld = el('input', 'wahl2__suche');
suchfeld.type = 'text';
suchfeld.autocomplete = 'off';
suchfeld.spellcheck = false;
suchfeld.placeholder = frei ? 'Suchen oder Namen eintippen …' : 'Suchen …';
suchfeld.setAttribute('aria-label', suchfeld.placeholder);
suchfeld.value = z.feld.dataset.extern || '';
suchfeld.addEventListener('input', () => fuellen(suchfeld.value));
suchfeld.addEventListener('keydown', (e) => {
/* Enter nimmt den ersten Treffer -- oder, wenn es keinen gibt
und freie Namen erlaubt sind, den getippten Text. Ohne das
muesste man nach dem Tippen noch klicken. */
if (e.key === 'Enter') {
e.preventDefault();
zeilen.querySelector('.wahl2__eintrag:not([disabled])')?.click();
}
});
liste.append(zeile);
liste.append(suchfeld);
}
liste.append(zeilen);
function waehle(wert) {
z.feld.dataset.extern = '';
z.feld.value = wert;
/* Von Hand ausloesen: Ein per Skript gesetzter Wert meldet sich
nicht von selbst, und die Seiten haengen an `change`. */
z.feld.dispatchEvent(new Event('change', { bubbles: true }));
zeige(z);
schliessen();
z.knopf.focus();
}
function fuellen(suche = '') {
const s = suche.trim().toLowerCase();
zeilen.replaceChildren();
/* Der getippte Text als eigener Eintrag -- ganz oben, damit man
ihn ohne Scrollen erreicht. Nur, wenn er nicht sowieso genau
auf einen vorhandenen Eintrag passt. */
const genauSo = [...z.feld.options]
.some((o) => o.value && o.textContent.trim().toLowerCase() === s);
if (frei && s && !genauSo) {
const eigen = el('button', 'wahl2__eintrag wahl2__eintrag--eigen',
`„${suche.trim()}" eintragen`);
eigen.type = 'button';
eigen.setAttribute('role', 'option');
eigen.addEventListener('click', () => {
externSetzen(z, suche);
schliessen();
z.knopf.focus();
});
zeilen.append(eigen);
}
let vorherigeGruppe = null;
let treffer = 0;
for (const o of z.feld.options) {
if (s && !o.textContent.toLowerCase().includes(s)) continue;
treffer++;
/* Gruppen (optgroup) mitnehmen -- die Kategoriewahl lebt davon. */
const gruppe = o.parentElement.tagName === 'OPTGROUP' ? o.parentElement.label : null;
if (gruppe && gruppe !== vorherigeGruppe) {
zeilen.append(el('p', 'wahl2__gruppe', gruppe));
vorherigeGruppe = gruppe;
}
const zeile = el('button', 'wahl2__eintrag', o.textContent);
zeile.type = 'button';
zeile.setAttribute('role', 'option');
const an = o.selected && !z.feld.dataset.extern;
zeile.setAttribute('aria-selected', an ? 'true' : 'false');
if (an) zeile.dataset.an = 'ja';
if (o.disabled) { zeile.disabled = true; zeile.dataset.aus = 'ja'; }
zeile.addEventListener('click', () => { if (!o.disabled) waehle(o.value); });
zeilen.append(zeile);
}
/* Ein leeres Ergebnis muss etwas sagen. Eine wortlos leere Liste
sieht aus, als sei etwas kaputt. */
if (!treffer && !(frei && s)) {
zeilen.append(el('p', 'wahl2__leer',
s ? 'Nichts gefunden.' : 'Nichts zur Auswahl.'));
}
}
fuellen(suchfeld ? suchfeld.value : '');
document.body.append(liste);
stelle(z);
z.knopf.setAttribute('aria-expanded', 'true');
aktiv = z;
const erster = liste.querySelector('.wahl2__eintrag[data-an="ja"]')
|| liste.querySelector('.wahl2__eintrag:not([disabled])');
erster?.focus();
erster?.scrollIntoView({ block: 'nearest' });
if (suchfeld) {
suchfeld.focus();
suchfeld.select();
} else {
const erster = zeilen.querySelector('.wahl2__eintrag[data-an="ja"]')
|| zeilen.querySelector('.wahl2__eintrag:not([disabled])');
erster?.focus();
erster?.scrollIntoView({ block: 'nearest' });
}
}
/* Position berechnen. Passt die Liste nicht mehr nach unten, klappt
@@ -167,9 +304,23 @@
if (!aktiv) return;
const eintraege = [...aktiv.liste.querySelectorAll('.wahl2__eintrag:not([disabled])')];
const wo = eintraege.indexOf(document.activeElement);
/* Steht der Zeiger im Suchfeld, gehoeren die Tasten DORTHIN. Ohne
diese Unterscheidung haette der Sprung-zum-Buchstaben unten jeden
Tastendruck abgefangen: Man tippt ein "a", und der Zeiger springt
aus dem Suchfeld auf einen Eintrag -- Suchen waere unmoeglich. */
const imSuchfeld = document.activeElement?.classList.contains('wahl2__suche');
if (e.key === 'Escape') { e.preventDefault(); const k = aktiv.knopf; schliessen(); k.focus(); }
else if (e.key === 'ArrowDown') { e.preventDefault(); eintraege[Math.min(wo + 1, eintraege.length - 1)]?.focus(); }
else if (e.key === 'ArrowUp') { e.preventDefault(); eintraege[Math.max(wo - 1, 0)]?.focus(); }
else if (e.key === 'ArrowUp') {
e.preventDefault();
/* Vom ersten Eintrag zurueck ins Suchfeld -- sonst sitzt man
darin fest und kommt an den getippten Text nicht mehr heran. */
if (wo === 0 && aktiv.liste.querySelector('.wahl2__suche')) {
aktiv.liste.querySelector('.wahl2__suche').focus();
} else eintraege[Math.max(wo - 1, 0)]?.focus();
}
else if (imSuchfeld) { /* alles Weitere gehoert dem Suchfeld */ }
else if (e.key === 'Home') { e.preventDefault(); eintraege[0]?.focus(); }
else if (e.key === 'End') { e.preventDefault(); eintraege.at(-1)?.focus(); }
else if (e.key.length === 1 && /\S/.test(e.key)) {
@@ -189,6 +340,22 @@
addEventListener('resize', schliessen);
addEventListener('scroll', schliessen, true);
/* Ein Formular-reset() leert das <select>, kennt aber den frei
eingetragenen Namen nicht -- ohne das hier stuende er nach dem
Abbrechen noch da und behauptete eine Zuordnung, die es nicht mehr
gibt. */
document.addEventListener('reset', (e) => {
const felder = e.target?.querySelectorAll?.('select[data-extern]');
if (!felder) return;
setTimeout(() => {
for (const f of felder) {
f.dataset.extern = '';
const z = OFFEN.get(f);
if (z) zeige(z);
}
}, 0);
});
/* ---------- Aufwerten, jetzt und spaeter --------------------------------- */
const alle = () => document.querySelectorAll('select:not(.wahl2__echt)');
@@ -202,4 +369,39 @@
new MutationObserver(() => laufen()).observe(document.documentElement, {
childList: true, subtree: true,
});
/* ---------- Freie Namen erlauben -----------------------------------------
Die Seiten rufen das auf, nachdem sie ihre Personen geladen haben:
window.personenwahl?.('f-creator', { hinweis: '…' });
Danach nimmt genau dieses Feld auch einen getippten Namen an. Der
Hinweis steht unter dem Feld, sobald wirklich einer eingetragen ist.
Als Attribute am Feld und nicht als Zustand hier drinnen: So
ueberlebt die Einstellung, wenn die Seite das Feld spaeter neu
aufbaut -- und man sieht ihr im Browser-Werkzeug an, dass sie
gesetzt ist. */
window.personenwahl = function (feld, optionen = {}) {
const f = typeof feld === 'string' ? document.getElementById(feld) : feld;
if (!f) return null;
f.dataset.frei = optionen.frei === false ? 'nein' : 'ja';
if (optionen.hinweis) f.dataset.freiHinweis = optionen.hinweis;
if (!f.dataset.extern) f.dataset.extern = '';
/* Falls das Feld schon aufgewertet ist, den Knopf neu beschriften --
"disabled" haengt jetzt an einer anderen Bedingung. */
const z = OFFEN.get(f);
if (z) zeige(z);
return {
wert: () => f.value,
extern: () => f.dataset.extern || '',
zuruecksetzen() {
f.value = '';
f.dataset.extern = '';
const zz = OFFEN.get(f);
if (zz) zeige(zz);
},
};
};
})();