Wie geht es dir: achtzehn Fragen in sechs Feldern, eine Zusammenfassung
Sechs Fragen mehr (jetzt 18), und alle in sechs Feldern gegliedert: Last & Erholung, Miteinander, Sinn & Anerkennung, Klarheit & Rueckhalt, Grenzen & Sicherheit, Weiterkommen & Ausblick. Die Felder sind nicht ausgedacht -- es sind die Gebiete, die die Forschung zu belasteten Rollen durchgehend abfragt. Die drei neuen Luecken, die sie schliessen: Schlaf (zeigt Erschoepfung frueher als jede andere Frage), Widersprechen (der Kern dessen, was psychologische Sicherheit heisst) und Mitreden (viel Anforderung bei wenig Einfluss ist die Kombination, aus der Erschoepfung entsteht). Jede neue Frage hat ihre belegte Einordnung -- eine Frage ohne Grundlage ist eine Frage, die jemand gut fand. DIE ROTATION MUSSTE NEU. Der Katalog ist nach Themen sortiert; wer daraus drei aufeinanderfolgende nimmt, bekommt drei aus demselben Feld. Jetzt wird der Ring vorher verzahnt -- erst je eine Frage aus jedem Feld, dann je eine zweite. Ein Fenster trifft damit von selbst verschiedene Felder. Ein erster Anlauf reservierte feste Plaetze fuer die kernlosen Felder. Begruendet mit einer Auswertung je Feld, die es gar nicht gibt -- und er kostete: zwoelf Runden, bis jede Frage einmal gestellt war, fast ein halbes Jahr. Gefunden hat das pruef-befinden.mjs, nicht das Nachdenken. Mit dem verzahnten Ring und vier Plaetzen je Runde sind es vier Runden. DIE EINE ZUSAMMENFASSUNG AM ENDE, nicht eine je Kategorie. Sie sagt in dieser Reihenfolge: die Lage in einem Satz, was traegt (benannt, nicht als Zahl), hoechstens EINE Sache zum Hinschauen, ein Schluss, der zur Lage passt. Umgekehrt waere es eine Maengelliste mit Trostpflaster, und so etwas beantwortet man beim naechsten Mal nicht mehr ehrlich. ZUR FRAGE NACH DER BESTEN KOSTENLOSEN MOEGLICHKEIT: bewusst KEINE KI. Das sind Gesundheitsdaten (wer nachts wach liegt, wer angefeindet wird, wer ans Aufhoeren denkt) -- deshalb sind sie im ganzen Haus als nurSelbst markiert. Kostenlose KI-Angebote bezahlt man mit den Daten. Ein Sprachmodell erfindet ausserdem, und zwar ueberzeugend. Und ein fremder Dienst faellt aus. Jeder Grund reicht einzeln. Die Begruendung steht ausfuehrlich in workspace-befinden-resuemee.js. Nebenbefund behoben: Die Zusammenfassung blieb direkt NACH einer abgeschlossenen Runde leer -- da ist keine Antwort mehr "frisch". Genau der Moment, in dem man sie sehen will. Auch eine Pruefung korrigiert: Sie verbot den Text "entwicklung.js" irgendwo in der Datei und schlug an einem Kommentar an, der die Serverdatei benennt. Sie misst jetzt die Skript-Quellen. pruef-befinden.mjs 112/0, pruef-resuemee.mjs 35/0 (neu). Offener Befund, aelter als diese Aenderung: pruef-entwicklung.mjs meldet "ein Modi: keine Kachel fuehrt mehr ersatzweise auf die Entwicklungsseite" -- auch ohne diese Commits. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -1481,3 +1481,140 @@
|
||||
}
|
||||
.t-kuemmern__seit { font-size: .78rem; color: var(--text-still); }
|
||||
|
||||
|
||||
|
||||
/* =====================================================================
|
||||
DIE FELDER DER BEFINDENSFRAGEN (20.09.2026)
|
||||
|
||||
Filipe: „bei der frage wie geht es dir will ich viel mehr fragen aber
|
||||
kategorisiert und so. psychologisch hochprofessionell … es soll
|
||||
extrem übersichtlich sein und sich speziell anfühlen."
|
||||
|
||||
ÜBERSICHTLICH HEISST HIER: RUHIG. Eine Seite, auf der jemand über
|
||||
sein Befinden nachdenkt, ist der falsche Ort für kräftige Farben und
|
||||
Kästen. Die Feldüberschrift ist deshalb kein Kasten, sondern eine
|
||||
Linie mit einem Zeichen davor — sie gliedert, ohne sich
|
||||
dazwischenzustellen. Augenschonend ist hier nicht nur eine
|
||||
Hausregel, sondern Teil der Sache.
|
||||
===================================================================== */
|
||||
.e-feld {
|
||||
margin: 30px 0 12px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid var(--rand);
|
||||
}
|
||||
/* Das erste Feld braucht oben keinen Abstand -- sonst klafft zwischen
|
||||
der Taktzeile und der ersten Frage ein Loch, das wie ein Ladefehler
|
||||
aussieht. */
|
||||
#fragen > .e-feld:first-child { margin-top: 4px; }
|
||||
|
||||
.e-feld__wort {
|
||||
display: flex; align-items: baseline; gap: 9px;
|
||||
margin: 0;
|
||||
font-size: .96rem; font-weight: 650;
|
||||
color: var(--text);
|
||||
letter-spacing: .01em;
|
||||
}
|
||||
.e-feld__zeichen {
|
||||
flex: 0 0 auto;
|
||||
font-size: .8rem;
|
||||
color: var(--akzent);
|
||||
/* Es ist ein Gliederungszeichen, kein Symbol mit Bedeutung -- im
|
||||
Markup steht deshalb aria-hidden, und hier bekommt es nur so viel
|
||||
Gewicht, dass das Auge die Überschrift findet. */
|
||||
opacity: .85;
|
||||
}
|
||||
.e-feld__text {
|
||||
margin: 4px 0 0;
|
||||
font-size: .82rem; line-height: 1.5;
|
||||
color: var(--text-leise);
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
DIE EINE ZUSAMMENFASSUNG
|
||||
|
||||
SIE DARF ANDERS AUSSEHEN ALS ALLES DARÜBER — sie ist das Einzige auf
|
||||
der Seite, das jemand FÜR die Person geschrieben hat, statt sie zu
|
||||
fragen. Das ist der eine Ort, an dem „speziell" nicht Dekoration
|
||||
ist, sondern Bedeutung trägt.
|
||||
|
||||
Gemacht wird das mit einem sehr weichen Verlauf und einer Kante
|
||||
links — nicht mit Leuchten oder Farbe. Hausregel: augenschonend,
|
||||
gedeckt statt Neon. Wer hier gerade liest, dass fünf von acht Sachen
|
||||
haken, braucht keine fröhlichen Farben dazu.
|
||||
===================================================================== */
|
||||
.b-fazit {
|
||||
margin: 34px 0 0;
|
||||
padding: 20px 22px;
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid color-mix(in srgb, var(--akzent) 26%, var(--rand));
|
||||
border-left: 3px solid var(--akzent);
|
||||
background:
|
||||
linear-gradient(160deg,
|
||||
color-mix(in srgb, var(--akzent) 9%, transparent) 0%,
|
||||
transparent 62%),
|
||||
color-mix(in srgb, var(--flaeche) 80%, transparent);
|
||||
}
|
||||
.b-fazit .e-abschnitt { margin-top: 0; }
|
||||
|
||||
/* DER KOPFSATZ IST DER GRÖSSTE TEXT DER SEITE. Wer nur ihn liest, soll
|
||||
richtig informiert sein -- dieselbe Regel wie beim Satz über der
|
||||
Musteranalyse. */
|
||||
.b-fazit__kopf {
|
||||
margin: 6px 0 0;
|
||||
font-size: 1.04rem; line-height: 1.6;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.b-fazit__traegt { margin-top: 16px; }
|
||||
.b-fazit__schild {
|
||||
margin: 0 0 6px;
|
||||
font-size: .74rem; font-weight: 650;
|
||||
letter-spacing: .06em; text-transform: uppercase;
|
||||
color: var(--text-leise);
|
||||
}
|
||||
.b-fazit__liste { margin: 0; padding: 0; list-style: none;
|
||||
display: flex; flex-direction: column; gap: 5px; }
|
||||
.b-fazit__punkt {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
font-size: .9rem; line-height: 1.5;
|
||||
color: var(--text);
|
||||
}
|
||||
/* Ein Haken, kein Aufzählungspunkt: Was trägt, ist etwas Erledigtes,
|
||||
und das sieht man an der Form schneller als am Wort. */
|
||||
.b-fazit__punkt::before {
|
||||
content: "¹3";
|
||||
position: absolute; left: 0; top: 0;
|
||||
color: var(--gut, #5fc08a);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.b-fazit__thema {
|
||||
margin: 16px 0 0;
|
||||
padding: 11px 13px;
|
||||
border-radius: var(--radius-klein);
|
||||
background: color-mix(in srgb, var(--warn, #e0a355) 10%, transparent);
|
||||
border-left: 2px solid color-mix(in srgb, var(--warn, #e0a355) 55%, transparent);
|
||||
font-size: .9rem; line-height: 1.55;
|
||||
color: var(--text);
|
||||
}
|
||||
.b-fazit__themafragen {
|
||||
display: inline-block; margin-top: 5px;
|
||||
font-size: .82rem; color: var(--text-leise);
|
||||
}
|
||||
|
||||
.b-fazit__schluss {
|
||||
margin: 16px 0 0;
|
||||
font-size: .92rem; line-height: 1.6;
|
||||
color: var(--text);
|
||||
}
|
||||
.b-fazit__zahlen {
|
||||
margin: 12px 0 0;
|
||||
font-size: .76rem;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
.b-fazit { border: 2px solid CanvasText; }
|
||||
.e-feld { border-bottom: 1px solid CanvasText; }
|
||||
}
|
||||
|
||||
@@ -135,7 +135,63 @@
|
||||
ziel.textContent = '';
|
||||
ziel.setAttribute('aria-busy', 'false');
|
||||
|
||||
for (const pt of daten.punkte) {
|
||||
/* =====================================================================
|
||||
NACH FELDERN GEGLIEDERT (20.09.2026)
|
||||
|
||||
Filipe: „bei der frage wie geht es dir will ich viel mehr fragen
|
||||
aber kategorisiert und so. psychologisch hochprofessionell."
|
||||
|
||||
Acht Fragen in einer Reihe sind ein Fragebogen; acht Fragen in
|
||||
sechs Feldern sind ein Gespräch mit Themen. Die Überschrift ist
|
||||
dabei nicht Schmuck, sondern Teil der Frage: „Ich kann nein
|
||||
sagen" heißt unter „Klarheit & Rückhalt" etwas anderes als unter
|
||||
„Miteinander" — sie beantwortet die Rückfrage, bevor sie
|
||||
entsteht.
|
||||
|
||||
DIE REIHENFOLGE KOMMT VOM SERVER, nicht aus einer Liste hier.
|
||||
Sie geht von außen nach innen: „Wie viel ist es" lässt sich
|
||||
leicht beantworten, „bleibe ich" ist die schwerste Frage der
|
||||
Liste und steht zuletzt.
|
||||
|
||||
EIN FELD OHNE FRAGEN WIRD NICHT GEZEICHNET. Eine leere
|
||||
Überschrift sieht aus, als wäre etwas verlorengegangen — und der
|
||||
Server sorgt ohnehin dafür, dass in jeder Runde jedes Feld
|
||||
vorkommt. */
|
||||
const felder = Array.isArray(daten.felder) ? daten.felder : [];
|
||||
/* ABGELEITET STATT ANGENOMMEN: Fragen ohne bekanntes Feld (eine
|
||||
neue, die noch keins hat) landen in einer eigenen Gruppe am
|
||||
Ende, statt zu verschwinden. Ein Eintrag, den man angelegt hat
|
||||
und nirgends wiederfindet, ist der schlimmere Fehler. */
|
||||
const gruppen = felder.map((f) => ({
|
||||
feld: f,
|
||||
punkte: daten.punkte.filter((pt) => pt.feld === f.schluessel),
|
||||
})).filter((g) => g.punkte.length);
|
||||
const bekannt = new Set(felder.map((f) => f.schluessel));
|
||||
const uebrig = daten.punkte.filter((pt) => !bekannt.has(pt.feld));
|
||||
if (uebrig.length) gruppen.push({ feld: null, punkte: uebrig });
|
||||
|
||||
for (const g of gruppen) {
|
||||
if (g.feld) {
|
||||
const kopf = el('div', 'e-feld');
|
||||
const wort = el('h3', 'e-feld__wort');
|
||||
if (g.feld.zeichen) {
|
||||
const zch = el('span', 'e-feld__zeichen', g.feld.zeichen);
|
||||
zch.setAttribute('aria-hidden', 'true');
|
||||
wort.append(zch);
|
||||
}
|
||||
wort.append(document.createTextNode(g.feld.name));
|
||||
kopf.append(wort);
|
||||
if (g.feld.text) kopf.append(el('p', 'e-feld__text', g.feld.text));
|
||||
ziel.append(kopf);
|
||||
}
|
||||
for (const pt of g.punkte) zeichneFrage(pt, ziel);
|
||||
}
|
||||
}
|
||||
|
||||
/** Eine einzelne Frage. Ausgelagert, damit die Gliederung oben
|
||||
* lesbar bleibt -- der Inhalt ist unverändert. */
|
||||
function zeichneFrage(pt, ziel) {
|
||||
{
|
||||
const z = el('article', 'e-punkt e-punkt--meins');
|
||||
if (pt.meins) z.dataset.stufe = pt.meins.stufe;
|
||||
/* ALT, ABER SICHTBAR. Die Antwort vom letzten Mal stehen zu
|
||||
@@ -190,6 +246,92 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
DIE EINE ZUSAMMENFASSUNG (20.09.2026)
|
||||
|
||||
Filipe: „am ende von allen fragen will ich eine gesamte
|
||||
zusammenfassung, nicht bei jeder frage oder kategorie eine, sondern
|
||||
EINE gesamte am ende. eine motivierende zusammenfassung für die
|
||||
person."
|
||||
|
||||
GERECHNET HAT SIE DER SERVER — hier wird nur gezeichnet. Dieselbe
|
||||
Regel wie bei der Analyse darunter, und aus demselben Grund: Diese
|
||||
Antworten dürfen das Haus nicht verlassen, und eine Auswertung im
|
||||
Browser hieße, sie dorthin zu schicken, wo man sie abgreifen kann.
|
||||
|
||||
WARUM KEIN SPRACHMODELL: steht in workspace-befinden-resuemee.js.
|
||||
Kurz: Gesundheitsdaten, ein Modell erfindet, ein fremder Dienst
|
||||
fällt aus.
|
||||
|
||||
DIE REIHENFOLGE DER VIER TEILE IST DIE AUSSAGE:
|
||||
1. der Kopfsatz — die Lage in einem Satz
|
||||
2. was trägt — benannt, nicht als Zahl
|
||||
3. höchstens EINE Sache zum Hinschauen
|
||||
4. ein Schluss, der zur Lage passt
|
||||
|
||||
Erst das Tragende, dann das Thema. Umgekehrt wäre es eine
|
||||
Mängelliste mit Trostpflaster — und so etwas beantwortet man beim
|
||||
nächsten Mal nicht mehr ehrlich.
|
||||
===================================================================== */
|
||||
function fazit() {
|
||||
const block = $('fazit-block');
|
||||
if (!block) return;
|
||||
const f = daten.resuemee;
|
||||
/* KEINE ANTWORTEN, KEIN FAZIT. Ein freundlicher Satz über nichts
|
||||
wäre schlimmer als gar keiner -- er behauptet, es sei schon
|
||||
etwas gesagt worden. */
|
||||
if (!f || !f.moeglich) { block.hidden = true; return; }
|
||||
block.hidden = false;
|
||||
|
||||
/* WORAUF SIE SICH BEZIEHT. „Was das zusammen heißt" über eine
|
||||
Runde von vorgestern ist etwas anderes als über die, die man
|
||||
gerade ausfüllt -- und wer das nicht weiß, bezieht den Satz auf
|
||||
den falschen Tag. */
|
||||
const schild = block.querySelector('.e-abschnitt');
|
||||
if (schild) {
|
||||
schild.textContent = daten.resuemee_stand === 'letzte'
|
||||
? 'Was deine letzte Runde zusammen heißt'
|
||||
: 'Was das zusammen heißt';
|
||||
}
|
||||
|
||||
$('fazit-kopf').textContent = f.kopf || '';
|
||||
|
||||
const tBlock = $('fazit-traegt'), tListe = $('fazit-traegt-liste');
|
||||
tListe.textContent = '';
|
||||
if (f.traegt?.length) {
|
||||
tBlock.hidden = false;
|
||||
for (const t of f.traegt) tListe.append(el('li', 'b-fazit__punkt', t.titel));
|
||||
} else tBlock.hidden = true;
|
||||
|
||||
const th = $('fazit-thema');
|
||||
if (f.thema?.satz) {
|
||||
th.hidden = false;
|
||||
th.textContent = f.thema.satz;
|
||||
/* Welche Fragen es sind, gehört dazu -- „Klarheit & Rückhalt"
|
||||
allein ist eine Überschrift, keine Auskunft. */
|
||||
if (f.thema.titel?.length) {
|
||||
th.append(document.createElement('br'));
|
||||
const w = el('span', 'b-fazit__themafragen', f.thema.titel.join(' · '));
|
||||
th.append(w);
|
||||
}
|
||||
} else th.hidden = true;
|
||||
|
||||
$('fazit-schluss').textContent = f.schluss || '';
|
||||
|
||||
/* DIE ZAHLEN GANZ UNTEN UND LEISE. Sie sind die Belegstelle für
|
||||
alles darüber -- wer sie nicht will, überliest sie; wer prüfen
|
||||
will, ob der Satz stimmt, findet sie. */
|
||||
const z = f.zahlen || {};
|
||||
const teile = [];
|
||||
if (z.traegt) teile.push(`${z.traegt}× läuft`);
|
||||
if (z.waechst) teile.push(`${z.waechst}× wächst`);
|
||||
if (z.hakt) teile.push(`${z.hakt}× hakt`);
|
||||
if (z.unklar) teile.push(`${z.unklar}× ohne Antwort`);
|
||||
$('fazit-zahlen').textContent = teile.length
|
||||
? `${z.gefragt} Fragen aus ${z.felder} Feldern: ${teile.join(' · ')}.`
|
||||
: '';
|
||||
}
|
||||
|
||||
/* ---- Der Verlauf ----------------------------------------------------- */
|
||||
function verlauf() {
|
||||
const block = $('verlauf-block');
|
||||
@@ -381,6 +523,7 @@
|
||||
stufen = daten.stufen || [];
|
||||
takt();
|
||||
fragen();
|
||||
fazit();
|
||||
verlauf();
|
||||
analyse();
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user