922 px auf einem 844-px-Bildschirm -- die halbe Antwort war zu wenig

VanVan im Support, Meldung #15: „Die Modis koennen die Antworten auf
die Bewerbungen im Bereich eure Aufgaben noch nicht einklappen. Das
wird mit der Zeit unuebersichtlich."

Heute Nacht habe ich dazu „Verstanden" gebaut: Gelesenes rutscht
hinter eine zugeklappte Zeile. Das ist richtig und war trotzdem nur
die halbe Antwort -- denn UNGELESENE stehen absichtlich offen da,
und davon hat ein Modi im Haus gerade neun.

GEMESSEN STATT GESCHAETZT, an seinem echten Bestand nachgebaut, auf
dem Handy (390 x 844 px):

    Band:            922 px   -- hoeher als das ganze Fenster
    Anteil der Seite: 49 %

Das IST ihr Satz. Mein Umbau loeste es erst NACH einem Griff auf
„Alle verstanden"; bis dahin stand die Wand unveraendert da.

GEAENDERT: Hoechstens drei stehen offen, der Rest ist einen Griff
entfernt („und 6 weitere"). Danach:

    Band:            566 px   -- passt in den Bildschirm
    nach einem Griff: 46 px   (zugeklappte Zeile)

WARUM NICHT NULL: Eine Absage, die man aufklappen muss, ist keine
Nachricht mehr -- das war die Begruendung vom 30.09., und sie gilt.
WARUM NICHT ALLE: siehe oben. Drei ist die Zahl, bei der Kopf,
Zeilen und Sammelknopf unter einem Bildschirm bleiben.

DIE NEUESTEN ZUERST -- der Server sortiert nach `entschieden_am
DESC`. Wer nicht aufklappt, hat die juengsten gesehen.

GEPRUEFT -- pruef-bewerbung-aufgaben 178 -> 184 ok

    mit fuenf Ungelesenen stehen drei offen (3)
      und der Rest ist einen Griff entfernt („und 3 weitere")
      das Band passt in den Bildschirm (436 px bei 1000 px)
    aufgeklappt stehen alle da (6, „Weniger zeigen")
    und wieder zu — der Knopf geht in beide Richtungen
    und die Probezeilen sind wieder weg — der Stand ist wie vorher

Die dritte Zeile ist die eigentliche Aussage: „drei Zeilen" waere
eine Zahl, „passt in den Bildschirm" ist der Zweck. Die letzte raeumt
die vier Probezeilen wieder weg -- ohne sie zaehlten die Pruefungen
darunter („1 aeltere Antwort", „2 aeltere Antworten") sechs statt
zwei und wuerden rot, ohne dass etwas kaputt ist.

Der Knopf geht in BEIDE Richtungen, und auch das steht da: Sonst
waere er ein Einwegschalter, und das faellt erst auf, wenn jemand
zurueckklappen will.

AUSSERDEM AN CASPERLINOS ECHTEN NEUN GEMESSEN (Kopie der Datenbank,
eigener Port, nichts im Live-System): neun Antworten, alle
ungelesen; „Verstanden" nimmt genau eine; „Alle verstanden" den
Rest; nachlesbar bleiben alle neun; ein zweiter Druck zaehlt null;
eine fremde Nummer gibt 404.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-10-03 11:45:03 +02:00
co-authored by Claude Opus 5
parent 63211252d2
commit ad5e758721
48 changed files with 825 additions and 685 deletions
+45 -1
View File
@@ -181,6 +181,10 @@
deshalb hier und nicht am Server: Wer nachlesen will, macht auf;
beim naechsten Laden ist wieder zu, und das ist richtig so. */
let aeltereOffen = false;
/* Ob die ungelesenen Antworten ueber die ersten drei hinaus
ausgeklappt sind. Nur Anzeige, deshalb hier und nicht am Server:
Beim naechsten Laden ist wieder zu, und das ist richtig so. */
let mehrAntworten = false;
let vBereich = 'live';
let vStufe = 'anfaenger';
@@ -611,7 +615,47 @@
neueA.length === 1
? 'Antwort auf deine Bewerbung:'
: `${neueA.length} Antworten auf deine Bewerbungen:`));
for (const a2 of neueA) band.append(zeileBauen(a2, true));
/* ==== HOECHSTENS DREI AUF EINMAL (03.10.2026) ===========
GEMESSEN, NICHT GESCHAETZT: Mit den neun Antworten, die
ein Modi im Haus wirklich liegen hat, war dieses Band auf
dem Handy 922 px hoch -- bei 844 px Fenster. Es fuellte
also mehr als den Bildschirm und machte 49 % der ganzen
Seite aus. Das ist woertlich VanVans Satz: „Das wird mit
der Zeit unuebersichtlich."
Mein erster Umbau loeste das erst NACH einem Griff auf
„Alle verstanden". Vorher stand die Wand trotzdem da --
also die halbe Antwort.
DREI STEHEN OFFEN, der Rest ist einen Griff entfernt.
Warum nicht null: Eine Absage, die man aufklappen muss,
ist keine Nachricht mehr -- das war die Begruendung vom
30.09., und sie gilt. Warum nicht alle: siehe oben.
Drei ist die Zahl, bei der das Band mit Kopf und
Sammelknopf unter einem halben Bildschirm bleibt.
DIE NEUESTEN ZUERST -- der Server sortiert nach
`entschieden_am DESC`. Wer aufklappt, findet die aelteren
darunter; wer nicht aufklappt, hat die neuesten gesehen. */
const OFFEN_MAX = 3;
const zeigen = mehrAntworten ? neueA : neueA.slice(0, OFFEN_MAX);
for (const a2 of zeigen) band.append(zeileBauen(a2, true));
if (neueA.length > OFFEN_MAX) {
const mehr = el('button', 'vorlagenbrett__antwort-kopf');
mehr.type = 'button';
mehr.setAttribute('aria-expanded', mehrAntworten ? 'true' : 'false');
mehr.append(el('span', null, mehrAntworten
? 'Weniger zeigen'
: `und ${neueA.length - OFFEN_MAX} weitere`));
mehr.append(el('span', 'vorlagenbrett__antwort-pfeil',
mehrAntworten ? '▴' : '▾'));
mehr.addEventListener('click', () => {
mehrAntworten = !mehrAntworten;
vorlagenbrettZeigen();
});
band.append(mehr);
}
/* AB ZWEI EIN KNOPF FÜR ALLE. Wer nach dem Urlaub sieben
Antworten vorfindet, soll nicht siebenmal tippen — und
sieben Anfragen wären sieben Gelegenheiten, dass eine