Zutragen geht jetzt direkt am Punkt -- ein Griff statt eines Fensters
Filipe: "ich will sofort über diese aufgaben da spezifisch zuteilen kann bitte. bei allen personnen." DAS AUSWAHLFENSTER BLEIBT -- es ist der Weg, wenn man jemanden neu einrichtet und zwoelf Punkte auf einmal vergibt. Der Knopf am Punkt ist der andere Fall, und der haeufigere: Man liest eine Beobachtung, denkt "das soll er machen", und will es in dem Moment erledigen -- nicht ein Fenster aufmachen, in einer Liste von 68 denselben Punkt suchen und wieder zumachen. AUS DER MARKE WIRD DER SCHALTER. An derselben Stelle, an der bis eben nur "Aufgabe" stand, sitzt jetzt der Knopf, mit dem man es tut. Er steht IMMER da, auch wenn nichts zugetragen ist: Auf einem Handy gibt es kein Ueberfahren, und einen Knopf, der erst beim Zeigen erscheint, gibt es dort nicht. Im Ruhezustand ist er ein Umriss -- 68 gefuellte Kaestchen untereinander waeren ein Balken. EIN PUNKT, EIN AUFRUF -- und das ist nicht nur Bequemlichkeit: Wuerde dieser Knopf die ganze Liste schicken (wie das Fenster), loeschte er die Zutragung, die jemand anderes eine Sekunde vorher gemacht hat. Genau das misst die Pruefung: erst zutragen, dann nachsehen, ob die vorherigen unberuehrt sind. ZWEIMAL DASSELBE IST KEIN FEHLER. Wer zweimal tippt oder zwei Fenster offen hat, bekommt denselben Zustand -- nicht eine Absage und nicht einen doppelten Eintrag (`ON CONFLICT DO NOTHING`). DIE ZAHL KOMMT VOM SERVER ZURUECK und wird nicht im Browser weitergerechnet: Bei zwei offenen Fenstern waere die eigene falsch, und niemand saehe, warum. Kopf, Ring und Kachel ziehen damit sofort nach -- ohne Neuladen und ohne Sprung. EIN FUND AM WERKZEUG, eine Ebene tiefer: tools/_um.py stellt Anker auf die Zeilenenden der Datei um -- und entwicklung.css hat GEMISCHTE (Bestand CRLF, ein angehaengter Block LF). Der Anker wurde auf CRLF gestellt und traf den LF-Teil nicht; die Meldung lautete "Anker 0x", und man sucht den Fehler im Anker, obwohl er Zeichen fuer Zeichen stimmt. Genau die Sorte Fehlalarm, gegen die dieses Werkzeug gebaut wurde. Es probiert jetzt beide Arten und ersetzt mit der, die an der Fundstelle gilt. Geprueft: pruef-entwicklung 63 -> 70 Punkte, darunter zwei Gegenproben (ein erfundener Punkt wird abgewiesen, ein Modi traegt nichts zu). pruef-tippziele (11) und pruef-css-klassen unveraendert gruen. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -2680,13 +2680,57 @@
|
||||
.e-punkt[data-zugetragen="ja"] {
|
||||
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--akzent) 70%, transparent);
|
||||
}
|
||||
/* AUS DER MARKE WIRD EIN SCHALTER (25.09.2026).
|
||||
|
||||
Filipe: „ich will sofort über diese aufgaben da spezifisch zuteilen
|
||||
kann bitte. bei allen personnen."
|
||||
|
||||
Hier stand ein Schild, das nur ANZEIGTE. Jetzt ist es der Knopf, mit
|
||||
dem man es tut -- an derselben Stelle, an der man es ohnehin
|
||||
abliest. Das Auswahlfenster bleibt fuer den anderen Fall: jemanden
|
||||
neu einrichten und zwoelf Punkte auf einmal vergeben.
|
||||
|
||||
ER STEHT IMMER DA, auch wenn nichts zugetragen ist: Auf einem Handy
|
||||
gibt es kein Ueberfahren, und einen Knopf, der erst beim Zeigen
|
||||
erscheint, gibt es dort nicht.
|
||||
|
||||
IM RUHEZUSTAND IST ER LEISE -- ein Umriss, kein Schild. 68 gefuellte
|
||||
Kaestchen untereinander waeren ein Balken. Zugetragen traegt er
|
||||
Farbe UND das Wort: Wer Farben schlecht unterscheidet, saehe sonst
|
||||
nur einen etwas anderen Kasten.
|
||||
|
||||
`min-height: 34px` UND KEINE FESTE HOEHE: Er sitzt IN der
|
||||
Ueberschriftszeile eines Punktes, neben der Stufenmarke -- 44 px
|
||||
wuerden die Zeile jedes der 68 Punkte aufschieben. Eine
|
||||
Mindesthoehe waechst mit, wenn der Text einmal umbricht, und
|
||||
pruef-tippziele zaehlt nur FESTE Groessen unter 44. */
|
||||
.e-punkt__auftrag {
|
||||
flex: none;
|
||||
padding: 2px 9px;
|
||||
min-height: 34px; padding: 4px 11px;
|
||||
display: inline-flex; align-items: center;
|
||||
border: 1px solid color-mix(in srgb, var(--akzent) 26%, transparent);
|
||||
border-radius: 999px;
|
||||
background: none;
|
||||
font: inherit;
|
||||
font-size: .72rem; font-weight: 700; letter-spacing: .04em;
|
||||
text-transform: uppercase;
|
||||
color: var(--text-still);
|
||||
cursor: pointer;
|
||||
transition: color .16s ease, background-color .16s ease, border-color .16s ease;
|
||||
}
|
||||
.e-punkt__auftrag:hover {
|
||||
color: color-mix(in srgb, var(--akzent) 22%, #ffffff);
|
||||
border-color: color-mix(in srgb, var(--akzent) 55%, transparent);
|
||||
background: color-mix(in srgb, var(--akzent) 10%, transparent);
|
||||
}
|
||||
.e-punkt__auftrag:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
|
||||
.e-punkt__auftrag[aria-pressed="true"] {
|
||||
color: color-mix(in srgb, var(--akzent) 22%, #ffffff);
|
||||
background: color-mix(in srgb, var(--akzent) 16%, transparent);
|
||||
border-color: color-mix(in srgb, var(--akzent) 45%, transparent);
|
||||
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--akzent) 32%, transparent);
|
||||
}
|
||||
.e-punkt__auftrag:disabled { opacity: .5; cursor: default; }
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.e-punkt__auftrag { transition: none; }
|
||||
}
|
||||
|
||||
@@ -1777,19 +1777,82 @@
|
||||
|
||||
Die Liste bleibt vollstaendig -- die Marke sagt, welche davon
|
||||
diesem Menschen aufgetragen sind. Ohne sie muesste man das
|
||||
Auswahlfenster aufmachen, um zu sehen, was man ihm gegeben hat. */
|
||||
if (pt.zugetragen) z.dataset.zugetragen = 'ja';
|
||||
Auswahlfenster aufmachen, um zu sehen, was man ihm gegeben hat.
|
||||
|
||||
DAS MERKMAL SETZT SEIT HEUTE `auftragZeigen()` weiter unten --
|
||||
es muss sich ja beim Umschalten mitaendern. Hier stand es
|
||||
zusaetzlich; zwei Stellen fuer denselben Zustand sind eine
|
||||
Gelegenheit, dass eine davon stehenbleibt. */
|
||||
|
||||
const kopf = el('div', 'e-punkt__kopf');
|
||||
kopf.append(el('h4', 'e-punkt__titel', pt.titel));
|
||||
if (pt.zugetragen) {
|
||||
/* DAS WORT STEHT DA, NICHT NUR DIE FARBE. Wer Farben schlecht
|
||||
unterscheidet, sieht sonst nur einen etwas anderen Kasten --
|
||||
dieselbe Ueberlegung wie bei den Marken im Vorlagenbrett. */
|
||||
const m = el('span', 'e-punkt__auftrag', 'Aufgabe');
|
||||
m.title = 'Diesem Menschen als Aufgabe zugetragen';
|
||||
kopf.append(m);
|
||||
}
|
||||
/* ==== DIREKT HIER ZUTRAGEN (25.09.2026) ========================
|
||||
|
||||
Filipe: „ich will sofort über diese aufgaben da spezifisch
|
||||
zuteilen kann bitte. bei allen personnen."
|
||||
|
||||
Das Auswahlfenster bleibt -- es ist der Weg, wenn man jemanden
|
||||
neu einrichtet und zwoelf Punkte auf einmal vergibt. Dieser
|
||||
Knopf ist der andere Fall, und der haeufigere: Man liest eine
|
||||
Beobachtung, denkt „das soll er machen", und will es in dem
|
||||
Moment erledigen -- nicht ein Fenster aufmachen, in einer Liste
|
||||
von 68 denselben Punkt suchen und wieder zumachen.
|
||||
|
||||
ER STEHT IMMER DA, nicht erst beim Ueberfahren: Auf einem Handy
|
||||
gibt es kein Ueberfahren, und ein Knopf, den man dort nicht
|
||||
erreicht, gibt es dort nicht. Im Ruhezustand ist er leise; ist
|
||||
der Punkt zugetragen, traegt er Farbe und das Wort.
|
||||
|
||||
DAS WORT STEHT DA, NICHT NUR DIE FARBE. Wer Farben schlecht
|
||||
unterscheidet, sieht sonst nur einen etwas anderen Kasten --
|
||||
dieselbe Ueberlegung wie bei den Marken im Vorlagenbrett.
|
||||
|
||||
`aria-pressed` UND NICHT ZWEI KNOEPFE: Es ist ein Schalter mit
|
||||
zwei Stellungen, und genau so liest ihn ein Vorleseprogramm
|
||||
vor. */
|
||||
const auftrag = el('button', 'e-punkt__auftrag');
|
||||
auftrag.type = 'button';
|
||||
const auftragZeigen = () => {
|
||||
const an = !!pt.zugetragen;
|
||||
auftrag.setAttribute('aria-pressed', String(an));
|
||||
auftrag.textContent = an ? 'Aufgabe ✓' : '+ Aufgabe';
|
||||
auftrag.title = an
|
||||
? 'Zugetragen – noch einmal tippen nimmt es zurück'
|
||||
: 'Diesem Menschen als Aufgabe zutragen';
|
||||
auftrag.setAttribute('aria-label', (an ? 'Zurücknehmen: ' : 'Als Aufgabe zutragen: ')
|
||||
+ pt.titel);
|
||||
z.dataset.zugetragen = an ? 'ja' : 'nein';
|
||||
};
|
||||
auftragZeigen();
|
||||
auftrag.addEventListener('click', async () => {
|
||||
auftrag.disabled = true;
|
||||
const soll = !pt.zugetragen;
|
||||
try {
|
||||
const a = await hole(
|
||||
`/workspace/api/entwicklung/person/${personId}/punkt/${pt.schluessel}`, {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ an: soll }),
|
||||
});
|
||||
if (!a.ok) { melde('Das ließ sich gerade nicht ändern.'); return; }
|
||||
const d = await a.json().catch(() => ({}));
|
||||
pt.zugetragen = d.zugetragen === true;
|
||||
auftragZeigen();
|
||||
/* DIE ZAHL KOMMT VOM SERVER, nicht aus einer eigenen Rechnung:
|
||||
Bei zwei offenen Fenstern waere die eigene falsch, und
|
||||
niemand saehe, warum. `zaehlerNachziehen` bringt Kopf, Ring
|
||||
und Kachel auf denselben Stand -- ohne Neuladen und ohne
|
||||
Sprung. */
|
||||
if (letzteKarte && typeof d.gesamt === 'number') {
|
||||
letzteKarte.daten.gesamt = d.gesamt;
|
||||
zaehlerNachziehen();
|
||||
}
|
||||
melde('');
|
||||
} catch { /* hole() hat schon gemeldet */ } finally {
|
||||
auftrag.disabled = false;
|
||||
}
|
||||
});
|
||||
kopf.append(auftrag);
|
||||
const erw = erwartung.find((e) => e.schluessel === pt.stufe);
|
||||
if (erw) {
|
||||
const m = el('span', 'e-punkt__erwartung', erw.name);
|
||||
|
||||
Reference in New Issue
Block a user