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

Zwei bis drei Bilder je Supportmeldung -- und zwei Funde unterwegs

Browse Source 
VanVan im Support, Meldung #11, VIERMAL gemeldet: „Hier im
Supportbereich kann man immer nur ein Bild hinzufuegen bei einer
Meldung. 2-3 waeren besser." Und in der zweiten Runde der Satz, auf
den es ankommt: „wenn man es nacheinander versucht hinzuzufuegen wird
das Bild immer nur ersetzt."

EINE TABELLE STATT NEUER SPALTEN

`support_bilder` haelt ab jetzt JEDES Supportbild -- das der Meldung
(`runde_nr` NULL) und das einer Antwort (`runde_nr` = Runde). Die
Alternative waere `bild2_datei`, `bild3_datei` gewesen, und beim
vierten Bild wieder. Eine Zeile je Bild kennt keine Obergrenze im
Schema; die Grenze steht an EINER Stelle im Code (`BILDER_MAX = 3`)
und kommt von dort in die Oberflaeche, statt dort ein zweites Mal
zu stehen.

DIE ACHT VORHANDENEN BILDER WANDERN MIT. Ohne diesen Schritt haette
die neue Tabelle ab heute recht und die alten Bilder waeren
unsichtbar -- ohne Fehler, ohne rote Zeile, nur acht leere Karten.
Der Umzug steht NACH der Spaltennachruestung: Er liest
`urteil_bild_datei`, und die gibt es in einer bestehenden Datenbank
erst, nachdem sie ergaenzt wurde. Stuende er davor, scheiterte er
genau dort, wo es darauf ankommt -- live, waehrend lokal alles gruen
bliebe, weil jede Pruefung ihre Datenbank frisch anlegt.

DREI BILDER IN EINER ANFRAGE

`x-bilder: 20481,15320` sagt, wo zu schneiden ist, der Rumpf ist die
Aneinanderreihung. `multipart/form-data` haette einen Zerleger
gebraucht, den dieses Haus nicht hat; drei Anfragen nacheinander
haetten den Zustand „Meldung da, Bild zwei laedt noch" erzeugt --
genau den, gegen den die Kommentare an dieser Route schon vorher
argumentieren. Die Summe muss auf das Byte stimmen, und jedes Stueck
wird einzeln an seinen ersten Bytes erkannt: Wer falsch schneidet,
bekommt eine Absage, kein verfaelschtes Bild. Ohne den Kopf gilt der
ganze Rumpf als ein Bild -- derselbe Satz mit einer Laenge, damit
eine Seite aus dem Zwischenspeicher weiterlaeuft.

EINE ROUTE STATT DREI. `/:id/bild` und `/:id/runde/:nr/bild` sind
weg; es gibt `/:id/bild/:bid`. Wohin ein Bild gehoert, steht in
seiner Zeile -- der Weg muss es nicht wiederholen. Die
Meldungsnummer bleibt trotzdem im Pfad: Sie ist die
Sichtbarkeitsfrage, und beides muss zusammenpassen (gemessen).

ZWEI FUNDE, DIE DIE PRUEFUNG GEMACHT HAT UND NICHT ICH

 1. UEBER DIE SEITE KAM GAR KEIN BILD MEHR AN. Beim Melden stand
    kein `Content-Type`. Das ging gut, solange der Rumpf eine
    einzelne Datei war -- ein `File` bringt seinen Typ mit. Ein
    `Blob` aus mehreren hat keinen, `fetch` schickt die Zeile dann
    gar nicht, `express.raw` fuehlt sich nicht zustaendig, und der
    Server bekam einen leeren Rumpf. Die Meldung waere durchgegangen,
    der Text angekommen, die Bilder weg -- ohne Fehlermeldung. Alle
    Pruefungen am Server waren dabei gruen; gefunden hat es erst der
    echte Browser.

 2. DAS KREUZ DES DRITTEN BILDES LAG AUF DEM ZWEITEN. Der
    Entfernen-Knopf ist 44 px breit und absolut gesetzt, der Kasten
    aber nur so breit wie sein Bild. Bei einem schmalen Bild ragt er
    darueber hinaus -- wer „das zweite weg" antippt, loescht das
    dritte. `min-width`/`min-height` loesen das an der Ursache: Ein
    Kasten ist nie schmaler als der Knopf in ihm.

WAS ICH FALSCH ANGENOMMEN HATTE: Ich hatte eingebaut, dass ein
Nachtrag in derselben Runde die Bilder ersetzt. Die Pruefung dazu
wurde rot -- zu Recht: Eine zweite Antwort in derselben Runde kann
es nicht geben, die erste verlaesst den Stand „wartet". Der Code
waere nie gelaufen und damit nie pruefbar gewesen. Er ist weg; an
seiner Stelle steht der Beweis, dass er nicht fehlt.

DREI WEITERE ROTE ZEILEN, DIE NICHT ZU DIESEM UMBAU GEHOERTEN

 * `manager-ziele.js` hatte einen ZWEITEN Notnagel
   (`frageNach ? … : confirm(…)`). `nachfrage.js` hat denselben
   laengst, und zwar mit dem vollstaendigen Text; der hiesige war
   der kuerzere und haette gewonnen. Zwei Antworten auf dieselbe
   Frage -- gemeldet von `pruef-nachfrage`.
 * Zwei Mittelpunkte in `reaktion.css` standen woertlich im
   `content`. Sie liegen im Latin-1-Block, wo `pruef-zeichen` die
   Truemmer einer verunglueckten Kodierung sucht. Jetzt als Escape
   -- im Browser nachgemessen, es steht Zeichen fuer Zeichen
   dasselbe da.
 * Das Aufraeumen nach 90 Tagen loeschte nur das EINE Bild der
   Meldung; die Bilder aus den Antwortrunden blieben ohne Zeile auf
   der Platte liegen. Die Liste kommt jetzt aus einer Abfrage statt
   aus einer Spalte und kann deshalb nicht wieder unvollstaendig
   sein.

GEPRUEFT

  pruef-support            78 -> 104 ok
    darunter: der Umzug der alten Bilder auf einer eigenen
    Wegwerf-Datenbank -- zweimal und dreimal gestartet, nichts
    verdoppelt, Datum von damals erhalten
  pruef-support-bilder     NEU, 36 ok (echter Browser)
    dreimal nacheinander waehlen ergibt drei, das vierte wird mit
    einem Satz abgelehnt, dasselbe zaehlt nicht doppelt, einzeln
    entfernen laesst die anderen stehen, alle drei laden wirklich
    (naturalWidth), Kreuze 44x44 und keines verdeckt (mit Gegenprobe
    per Deckel), nichts ragt auf 390 px heraus
  pruef-nachfrage          69 -> 74 ok
  pruef-struktur          102 ok, 413 Routen (vorher 414: zwei weg,
                          eine neu)
  pruef-zeichen             7 ok (vorher 1 Fehler)
  pruef-aufbewahrung       45 ok
  pruef-manager-ziele     216 ok
  pruef-ports              10 ok · pruef-portnummern 41 ok
    (die neue Pruefdatei verschiebt die abgeleiteten Nummern)

NUR DAS AGENTURHAUS IST BETROFFEN. Die Supportseite liegt unter
`/workspace`; am Crew-Haus aendert sich keine Zeile.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-10-02 23:38:03 +02:00
co-authored by Claude Opus 5
parent 3ab69d36a5
commit b31bd9b515
58 changed files with 2587 additions and 1011 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/assets/css/module.css
+40 -3
View File
@@ -1030,11 +1030,29 @@ body > .dialog__knoepfe { position: static; background: none; backdrop-filter: n
}
/* DIE VORSCHAU IST KLEIN UND HAT EINE OBERGRENZE. Ein hochkantes
Bildschirmfoto vom Handy ist sonst höher als der ganze Dialog, und
die Knöpfe darunter wären nicht mehr zu sehen. */
.nachfrage__vorschau {
die Knöpfe darunter wären nicht mehr zu sehen.
SEIT DEM 02.10.2026 KÖNNEN ES MEHRERE SEIN (VanVan, Meldung #11:
„2-3 wären besser"). Sie stehen nebeneinander und brechen um; die
Obergrenze sinkt deshalb von 160 auf 120 Pixel — bei drei Bildern
untereinander wäre sonst der Bestätigungsknopf aus dem Bild. */
.nachfrage__vorschauen {
margin-top: 6px;
display: flex; flex-wrap: wrap; gap: 8px;
}
/* MINDESTENS SO GROSS WIE SEIN KREUZ -- siehe die ausfuehrliche
Begruendung in support.css. Bei einem schmalen Bild legt sich das
44 px breite Kreuz sonst auf den Nachbarn, und wer „das zweite
weg" antippt, loescht das dritte. Gefunden hat das eine Pruefung,
nicht das Auge. */
.nachfrage__vorschau {
position: relative; display: block;
min-width: 56px; min-height: 56px;
}
.nachfrage__vorschau img {
display: block;
max-width: 100%;
max-height: 160px;
max-height: 120px;
width: auto;
border-radius: 10px;
border: 1px solid var(--rand);
@@ -1042,6 +1060,25 @@ body > .dialog__knoepfe { position: static; background: none; backdrop-filter: n
/* Augenschonend: kein greller weißer Kasten, bevor das Bild da ist. */
background: rgba(255, 255, 255, .03);
}
/* DAS KREUZ LIEGT AUF DEM BILD, damit es nicht die halbe Dialoghöhe
kostet — mit eigenem dunklem Grund, weil ein helles Kreuz auf einem
hellen Bildschirmfoto unsichtbar wäre. 44 Pixel wie jeder Knopf. */
.nachfrage__vorschau-weg {
position: absolute; top: 3px; right: 3px;
min-width: 44px; min-height: 44px;
display: grid; place-items: center;
border: 1px solid var(--rand);
border-radius: 999px;
background: rgba(10, 14, 20, .78);
color: var(--text);
font-size: 1rem; line-height: 1;
cursor: pointer;
}
.nachfrage__vorschau-weg:hover,
.nachfrage__vorschau-weg:focus-visible {
background: rgba(10, 14, 20, .92);
border-color: color-mix(in srgb, var(--akzent) 55%, var(--rand));
}
.nachfrage__form input,
.nachfrage__form textarea {
width: 100%;
workspace/assets/css/reaktion.css
+12 -2
View File
@@ -652,7 +652,16 @@ body.reaktion-seite > .kopfleiste { flex: none; }
/* Ein Schild, damit niemand ein stehendes Bild fuer eine
eingefrorene Kamera haelt. */
.kamera[data-bildschirm="ja"] .kamera__name::before {
content: "Bildschirm · ";
/* DER MITTELPUNKT ALS ESCAPE (02.10.2026). Er liegt im
Latin-1-Block — genau dort, wo eine verunglückte Kodierung ihre
Trümmer hinterlässt, und `pruef-zeichen` meldet deshalb jedes
Zeichen von dort in einem `content`. Die Warnung ist berechtigt:
Stünde hier statt des Punktes ein Rest aus einer falsch
gelesenen Datei, sähe man das im Quelltext kaum. Als Escape ist
es eindeutig, zeigt dasselbe und bleibt prüfbar.
Das `\0020` dahinter ist das Leerzeichen: Ohne eigenes Escape
würde CSS es als Fortsetzung der Zahl lesen. */
content: "Bildschirm \00B7\0020";
color: var(--schrift-leise);
}
.kamera__name {
@@ -2411,7 +2420,8 @@ body.reaktion-seite > .kopfleiste { flex: none; }
unterscheidet, sieht ihn gar nicht. Ein Wort kann man nicht
uebersehen. Fuer Hilfsmittel steht daneben `aria-pressed`. */
.muenzsatz[aria-pressed="true"] .muenzsatz__name::after {
content: " · gewählt";
/* Mittelpunkt als Escape — Begründung oben bei „Bildschirm". */
content: " \00B7\0020gewählt";
color: #9ab7ff; font-weight: 700;
}
.muenzsatz__wort {
workspace/assets/css/support.css
+94 -29
View File
@@ -71,13 +71,66 @@
}
.s-bild__name { font-size: .8rem; color: var(--text-still); }
.s-vorschau { margin-top: 12px; }
/* ===== BIS ZU DREI VORSCHAUEN (02.10.2026) =========================
VanVan, Meldung #11: „2-3 waeren besser." Aus einem Bild wird eine
Reihe -- sie bricht um, statt schmal zu werden: Drei auf 280 Pixel
gequetschte Bildschirmfotos zeigen nichts mehr, und genau das Zeigen
ist der Zweck der Vorschau.
KLEINER, WENN ES MEHRERE SIND, steht hier NICHT als eigene Regel:
`max-height` gilt fuer alle gleich, und der Umbruch erledigt den
Rest. Eine Sonderregel „ab zwei Bildern 140 px" waere eine zweite
Zahl, die beim naechsten Mal vergessen wird. */
.s-vorschau {
margin-top: 12px;
display: flex; flex-wrap: wrap; gap: 10px;
}
/* ==== DER KASTEN MUSS SEIN EIGENES KREUZ TRAGEN (02.10.2026) ======
Gefunden von `pruef-support-bilder`, nicht beim Nachdenken: Beim
Klick auf das Kreuz des ZWEITEN Bildes meldete Playwright, das
Kreuz des DRITTEN liege davor. Grund: Das Kreuz ist 44 px breit
und absolut gesetzt, der Kasten aber nur so breit wie sein Bild.
Bei einem schmalen Bild -- ein Ausschnitt, ein hochkantes Foto in
Briefmarkengroesse -- ragt das Kreuz ueber den Kasten hinaus und
legt sich auf den Nachbarn. Wer dann „das zweite weg" antippt,
loescht das dritte.
`min-width` und `min-height` loesen das an der Ursache: Ein Kasten
ist nie schmaler als der Knopf, der in ihm liegt. */
.s-vorschau__eins {
position: relative; display: block;
min-width: 56px; min-height: 56px;
}
.s-vorschau img {
display: block; max-width: 100%; max-height: 260px;
display: block; max-width: 100%; max-height: 200px;
width: auto; height: auto;
border-radius: var(--radius-klein);
border: 1px solid var(--rand);
}
/* DAS KREUZ GEHOERT ZUM BILD, nicht in eine Liste darunter. Wer das
dritte Bild falsch erwischt hat, trifft es dort, wo er hinsieht.
44 PIXEL, wie jeder Knopf im Haus -- auf dem Bild liegend, deshalb
mit eigenem dunklem Grund: Ein helles Kreuz auf einem hellen
Bildschirmfoto waere unsichtbar. */
.s-vorschau__weg {
position: absolute; top: 4px; right: 4px;
min-width: 44px; min-height: 44px;
display: grid; place-items: center;
border: 1px solid var(--rand);
border-radius: 999px;
background: rgba(10, 14, 20, .78);
color: var(--text);
font-size: 1rem; line-height: 1;
cursor: pointer;
}
.s-vorschau__weg:hover,
.s-vorschau__weg:focus-visible {
background: rgba(10, 14, 20, .92);
border-color: color-mix(in srgb, var(--akzent) 55%, var(--rand));
}
.s-knopfreihe {
display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
@@ -255,7 +308,16 @@
}
.s-karte__wo { margin: 8px 0 0; font-size: .78rem; color: var(--text-still); }
.s-karte__bild { margin-top: 11px; }
/* MEHRERE BILDER STEHEN NEBENEINANDER und brechen um (02.10.2026).
Hier stand nur ein `margin-top` -- ein Kasten fuer genau ein Bild.
DIE SCHRANKE IST DIE BREITE, nicht die Anzahl: 340 Pixel halten die
Reihe auch dann zusammen, wenn sie rechts neben dem Text steht
(ab 760 px, siehe unten). Ohne sie waere die Bildspalte bei drei
Bildern breiter als der Text daneben. */
.s-karte__bild { margin-top: 11px; display: flex; flex-wrap: wrap; gap: 8px; }
.s-karte__bild[data-viele] { max-width: 340px; }
.s-karte__bild[data-viele] img { max-height: 150px; }
.s-karte__bild img {
display: block; max-width: 100%; max-height: 300px;
width: auto; height: auto;
@@ -292,24 +354,14 @@
Dieselbe Fase, derselbe heller werdende Rand und dieselbe
Fokusmarke wie oben: Was gleich funktioniert, soll gleich
aussehen. */
.s-runde__bild {
display: block;
margin-top: 8px;
border-radius: 3px;
}
.s-runde__bild img {
display: block; max-width: 100%; max-height: 180px;
width: auto; height: auto;
border: 1px solid var(--rand);
clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
box-shadow: 0 8px 20px -16px rgba(0, 0, 0, .95);
transition: border-color var(--tempo, .18s);
}
.s-runde__bild:hover img,
.s-runde__bild:focus-visible img {
border-color: color-mix(in srgb, var(--akzent) 55%, var(--rand));
}
.s-runde__bild:focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; }
/* SEIT DEM 02.10. DERSELBE KASTEN wie oben (`.s-karte__bild`), nur
kleiner. Hier stand eine eigene Klasse `.s-runde__bild` mit fast
denselben zwanzig Zeilen -- zwei Stellen, an denen dasselbe steht,
und beim naechsten Mal wird nur eine davon verbessert. Was bleibt,
ist der Groessenunterschied, und der ist der ganze Grund: */
.s-runde .s-karte__bild { margin-top: 8px; }
.s-runde .s-karte__bild img { max-height: 180px; }
.s-runde .s-karte__bild[data-viele] img { max-height: 120px; }
/* =====================================================================
DAS BILD NEBEN DEN TEXT, NICHT DARUNTER (25.09.2026)
@@ -328,8 +380,15 @@
Breite waere eine Luecke bei jeder Meldung ohne Bild -- und die sind
die Mehrzahl.
===================================================================== */
/* `:has(> …)` UND NICHT `:has(…)` -- der Pfeil ist seit dem 02.10.
nicht mehr Geschmackssache. Seit die Rundenbilder denselben Kasten
benutzen (siehe oben), traefe die Regel ohne Pfeil auch auf eine
Karte zu, deren Bild tief im Verlauf steckt: Die Karte bekaeme eine
zweite Spalte, in der nichts steht, und der Text waere ohne Grund
halb so breit. Gefragt ist das EIGENE Bild der Meldung, also das
direkte Kind. */
@media (min-width: 760px) {
.s-karte:has(.s-karte__bild) {
.s-karte:has(> .s-karte__bild) {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
@@ -341,12 +400,12 @@
column-gap: 20px;
align-items: start;
}
.s-karte:has(.s-karte__bild) > .s-karte__kopf { grid-area: kopf; }
.s-karte:has(.s-karte__bild) > .s-karte__text { grid-area: text; }
.s-karte:has(.s-karte__bild) > .s-karte__wo { grid-area: wo; }
.s-karte:has(.s-karte__bild) > .s-antwort { grid-area: antwort; }
.s-karte:has(.s-karte__bild) > .s-karte__tun { grid-area: tun; }
.s-karte:has(.s-karte__bild) > .s-karte__bild {
.s-karte:has(> .s-karte__bild) > .s-karte__kopf { grid-area: kopf; }
.s-karte:has(> .s-karte__bild) > .s-karte__text { grid-area: text; }
.s-karte:has(> .s-karte__bild) > .s-karte__wo { grid-area: wo; }
.s-karte:has(> .s-karte__bild) > .s-antwort { grid-area: antwort; }
.s-karte:has(> .s-karte__bild) > .s-karte__tun { grid-area: tun; }
.s-karte:has(> .s-karte__bild) > .s-karte__bild {
grid-area: bild; margin-top: 0; align-self: start;
}
/* 180 UND NICHT 260 (gemessen 25.09.2026). Bei 260 war die Karte
@@ -355,7 +414,13 @@
anklickbar ("In voller Groesse ansehen"), eine Vorschau reicht
also. Ein Handy-Bildschirmfoto ist bei 180 px noch als solches zu
erkennen; darum geht es an dieser Stelle. */
.s-karte:has(.s-karte__bild) > .s-karte__bild img { max-height: 180px; }
.s-karte:has(> .s-karte__bild) > .s-karte__bild img { max-height: 180px; }
/* UND KLEINER, WENN ES MEHRERE SIND. Bei 180 px stuenden zwei
nebeneinander und das dritte darunter -- die Karte waere hoeher
als bei einem einzigen grossen Bild, und genau das sollte die
zweite Spalte verhindern. Bei 120 px passen drei in zwei Reihen
in dieselbe Hoehe. */
.s-karte:has(> .s-karte__bild) > .s-karte__bild[data-viele] img { max-height: 120px; }
}
.s-karte__bild a:focus-visible img { outline: 2px solid var(--akzent); outline-offset: 2px; }
workspace/assets/js/manager-ziele.js
+23 -8
View File
@@ -659,14 +659,29 @@
async function eintragLoeschen(e, aufgabe) {
const was = e.name || (e.link ? kurzLink(e.link) : tagText(e.datum));
const frage = window.frageNach
? await window.frageNach({
titel: `„${was}“ löschen?`,
was: 'Der Eintrag verschwindet aus deinem Monatszähler.',
bleibt: e.lead_id ? 'Der Lead im Scout-CRM bleibt bestehen.' : '',
endgueltig: true, ja: 'Löschen',
})
: window.confirm(`„${was}“ löschen?`);
/* ==== KEIN ZWEITER NOTNAGEL (02.10.2026) =======================
Hier stand `window.frageNach ? … : window.confirm(…)`. Der
Hintergedanke war richtig -- es soll etwas passieren, auch wenn
die Datei fehlt. Nur hat `nachfrage.js` genau diesen Notnagel
SCHON, und zwar mit demselben Text wie der richtige Dialog
(siehe den Kopf dieser Datei: „wer den Notnagel bekommt, soll
dieselbe Auskunft haben wie alle anderen").
Der Rückfall hier war der zweite -- und der schlechtere: nur
„‚X' löschen?", ohne den Satz, was verschwindet, und ohne den
Hinweis, dass der Lead im Scout-CRM bleibt. Zwei Antworten auf
dieselbe Frage, und die kürzere hätte gewonnen.
`pruef-nachfrage` hat es gemeldet („keine Seite benutzt noch
confirm() oder prompt()"); die Seite lädt `nachfrage.js`, das
prüft dieselbe Datei eine Zeile weiter. */
const frage = await window.frageNach({
titel: `„${was}“ löschen?`,
was: 'Der Eintrag verschwindet aus deinem Monatszähler.',
bleibt: e.lead_id ? 'Der Lead im Scout-CRM bleibt bestehen.' : '',
endgueltig: true, ja: 'Löschen',
});
if (!frage) return;
try {
const a = await hole(`${BASIS}/eintrag/${e.id}`, { method: 'DELETE' });
workspace/assets/js/nachfrage.js
+129 -44
View File
@@ -82,10 +82,15 @@
gleichzeitig kann der Browser ohnehin nicht, und ein neuer je
Aufruf wuerde den Fokus verlieren. */
var dlg = null, feld = null, tippfeld = null, zahlfeld = null, fehlerZeile = null;
/* Das gewaehlte Bild und die Adresse seiner Vorschau. Beides lebt
hier und nicht im Aufruf: `bauen()` haengt die Zuhoerer einmal an,
und die muessen auch beim naechsten Oeffnen noch dasselbe meinen. */
var bildfeld = null, gewaehltesBild = null, bildUrl = null;
/* Die gewaehlten Bilder. Sie leben hier und nicht im Aufruf:
`bauen()` haengt die Zuhoerer einmal an, und die muessen auch
beim naechsten Oeffnen noch dasselbe meinen.
EINE LISTE SEIT DEM 02.10.2026 (vorher eine einzelne Variable).
VanVan im Support, Meldung #11: „2-3 wären besser." `bildMax`
sagt, wie viele diese eine Frage zulaesst -- die Vorgabe 1 haelt
jeden anderen Aufruf im Haus bei genau dem Verhalten von vorher. */
var bildfeld = null, gewaehlteBilder = [], bildMax = 1;
function bauen() {
if (dlg) return dlg;
@@ -133,7 +138,7 @@
zehn anderen Aufrufer im Haus nichts. */
+ '<div class="nachfrage__zeile" data-teil="bildzeile" hidden>'
+ '<span class="feld-schild" data-teil="bildschild"></span>'
+ '<input id="nachfrage-bild" type="file" accept="image/*" hidden />'
+ '<input id="nachfrage-bild" type="file" accept="image/*" multiple hidden />'
+ '<div class="nachfrage__bild">'
+ '<button type="button" class="knopf knopf--klein" data-teil="bildwaehlen">'
+ 'Bild wählen</button>'
@@ -141,7 +146,7 @@
+ '<button type="button" class="abmelden" data-teil="bildweg" hidden>'
+ 'Entfernen</button>'
+ '</div>'
+ '<img class="nachfrage__vorschau" data-teil="bildvorschau" alt="" hidden />'
+ '<div class="nachfrage__vorschauen" data-teil="bildvorschauen" hidden></div>'
+ '</div>'
+ '<p class="nachfrage__fehler" data-teil="fehler" role="alert"></p>'
+ '<div class="dialog__knoepfe">'
@@ -162,50 +167,124 @@
teil('bildwaehlen').addEventListener('click', function () { bildfeld.click(); });
teil('bildweg').addEventListener('click', function () {
bildfeld.value = '';
bildSetzen(null);
gewaehlteBilder = [];
bilderZeichnen();
});
bildfeld.addEventListener('change', function (e) {
var datei = (e.target.files && e.target.files[0]) || null;
/* NUR BILDER -- derselbe Satz wie beim Melden. Der Server sagt
es auch, aber erst nach dem Hochladen; hier steht es, bevor
jemand wartet. */
if (datei && datei.type && datei.type.indexOf('image/') !== 0) {
fehlerZeile.textContent = 'Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.';
bildfeld.value = '';
bildSetzen(null);
return;
}
fehlerZeile.textContent = '';
bildSetzen(datei);
bilderDazu(e.target.files ? Array.prototype.slice.call(e.target.files) : []);
/* DAS FELD WIRD GELEERT, die Liste nicht. Sonst meldet der
Browser beim zweiten Antippen DESSELBEN Bildes kein
`change` -- er sieht keine Aenderung -- und es saehe aus, als
waere der Knopf kaputt. */
e.target.value = '';
});
return dlg;
}
/** Was gewaehlt ist -- auf dem Bildschirm und in der Variablen.
/** Neu Gewaehltes DAZULEGEN statt ersetzen.
*
* VanVan, Meldung #11, zweite Runde: „wenn man es nacheinander
* versucht hinzuzufügen wird das Bild immer nur ersetzt." Auch mit
* `multiple` ersetzt jede neue Auswahl die `files`-Liste komplett;
* auf dem Handy tippt man aber dreimal statt einmal. */
function bilderDazu(neue) {
var meldung = '';
/* ==== BEI GENAU EINEM PLATZ IST EINE NEUE WAHL EINE KORREKTUR ==
Zwei Faelle, eine Regel: Mehr als `bildMax` geht nie.
Ist `bildMax` 1, gibt es nichts, wozu man etwas DAZULEGEN
koennte -- wer dann noch einmal waehlt, meint „doch lieber
dieses". Ihn erst auf „Entfernen" zu schicken waere ein
Klick, der nichts klaert. Das ist genau das Verhalten, das
dieser Dialog seit dem 02.10. frueh hatte, und es bleibt.
Ab zwei Plaetzen wird gefuellt und das Ueberzaehlige
ABGELEHNT -- dort waere „ersetzen" der Fehler, den VanVan
gemeldet hat: Das zuerst Gewaehlte verschwaende unbemerkt. */
if (bildMax === 1 && neue.length) gewaehlteBilder = [];
for (var i = 0; i < neue.length; i++) {
var datei = neue[i];
if (gewaehlteBilder.length >= bildMax) {
meldung = bildMax === 1
? 'Hier geht nur ein Bild.'
: 'Mehr als ' + bildMax + ' Bilder gehen nicht.';
break;
}
/* NUR BILDER -- derselbe Satz wie beim Melden. Der Server sagt
es auch, aber erst nach dem Hochladen; hier steht es, bevor
jemand wartet. */
if (datei.type && datei.type.indexOf('image/') !== 0) {
meldung = 'Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.';
continue;
}
var schon = gewaehlteBilder.some(function (d) {
return d.name === datei.name && d.size === datei.size
&& d.lastModified === datei.lastModified;
});
if (!schon) gewaehlteBilder.push(datei);
}
fehlerZeile.textContent = meldung;
bilderZeichnen();
}
/** Was gewaehlt ist -- auf dem Bildschirm.
*
* DIE VORSCHAU IST DER PUNKT. Wer sieht, was er anhaengt, haengt
* seltener das falsche Bild an; dieselbe Ueberlegung wie auf der
* Supportseite beim Melden. `createObjectURL` wird wieder
* freigegeben -- sonst haelt jedes abgewaehlte Bild den Speicher
* bis zum naechsten Laden der Seite. */
function bildSetzen(datei) {
if (bildUrl) { try { URL.revokeObjectURL(bildUrl); } catch (e) { /* egal */ } }
bildUrl = null;
gewaehltesBild = datei || null;
* Supportseite beim Melden.
*
* JEDES BILD HAT SEIN EIGENES KREUZ, seit es mehrere sein duerfen:
* Wer das dritte falsch erwischt hat, soll nicht alle drei neu
* waehlen muessen.
*
* DIE ADRESSEN WERDEN WIEDER FREIGEGEBEN -- sonst haelt jede
* Vorschau ihr Bild bis zum naechsten Laden der Seite im
* Arbeitsspeicher fest. */
function bilderZeichnen() {
var name = teil('bildname');
var weg = teil('bildweg');
var schau = teil('bildvorschau');
if (!datei) {
var schau = teil('bildvorschauen');
var alte = schau.querySelectorAll('img[data-url]');
for (var a = 0; a < alte.length; a++) {
try { URL.revokeObjectURL(alte[a].dataset.url); } catch (e) { /* egal */ }
}
schau.textContent = '';
if (!gewaehlteBilder.length) {
name.textContent = 'Noch keins gewählt';
weg.hidden = true;
schau.hidden = true;
schau.removeAttribute('src');
return;
}
name.textContent = datei.name + ' · ' + Math.round(datei.size / 1024) + ' KB';
name.textContent = gewaehlteBilder.length === 1
? gewaehlteBilder[0].name + ' · ' + Math.round(gewaehlteBilder[0].size / 1024) + ' KB'
: gewaehlteBilder.length + ' von ' + bildMax + ' Bildern';
weg.hidden = false;
bildUrl = URL.createObjectURL(datei);
schau.src = bildUrl;
gewaehlteBilder.forEach(function (datei, i) {
var kasten = document.createElement('div');
kasten.className = 'nachfrage__vorschau';
var url = URL.createObjectURL(datei);
var img = document.createElement('img');
img.dataset.url = url;
img.src = url;
img.alt = 'Vorschau von ' + datei.name;
kasten.appendChild(img);
var raus = document.createElement('button');
raus.type = 'button';
raus.className = 'nachfrage__vorschau-weg';
raus.textContent = '✕';
raus.title = datei.name + ' wieder entfernen';
raus.setAttribute('aria-label', datei.name + ' wieder entfernen');
raus.addEventListener('click', function () {
gewaehlteBilder.splice(i, 1);
bilderZeichnen();
});
kasten.appendChild(raus);
schau.appendChild(kasten);
});
schau.hidden = false;
}
@@ -265,10 +344,13 @@
var zahlMax = o.zahlMax || 0;
var zahlLeer = !!o.zahlLeer;
var zahlHinweis = o.zahlHinweis || '';
/* EIN BILD DAZU -- die Beschriftung der Zeile, leer heisst: kein
/* BILDER DAZU -- die Beschriftung der Zeile, leer heisst: kein
Bildfeld. Nie Pflicht: Ein Bildschirmfoto hilft, aber wer
keines hat, soll trotzdem antworten koennen. */
keines hat, soll trotzdem antworten koennen.
`bildMax` sagt, wie viele. Vorgabe 1 -- ohne diese Angabe
verhaelt sich der Dialog wie vor dem 02.10.2026. */
var bild = o.bild || '';
bildMax = Math.max(1, Number(o.bildMax) || 1);
var NIE_ZURUECK = 'Das lässt sich danach nicht mehr rückgängig machen.';
/* ---- Ausgang 2: kein <dialog> -> confirm() mit DEMSELBEN Text ----
@@ -304,9 +386,11 @@
/* IM NOTAUSGANG GIBT ES KEIN BILD, und das wird gesagt statt
verschwiegen: `window.prompt` kann keine Datei. Wer hier
landet, hat einen Browser ohne `<dialog>` -- er kann
antworten, nur eben ohne Anhang. `bild: null` sorgt dafuer,
dass die aufrufende Stelle nicht raten muss. */
if (bild) erg.bild = null;
antworten, nur eben ohne Anhang. Die LEERE LISTE sorgt
dafuer, dass die aufrufende Stelle nicht raten muss -- und
dass sie dieselbe Form bekommt wie im Normalfall, statt
einmal `null` und einmal ein Feld. */
if (bild) erg.bilder = [];
return Promise.resolve((grund || zahl || eingabe || bild) ? erg : true);
}
@@ -355,7 +439,8 @@
/* JEDES OEFFNEN FAENGT LEER AN. Ohne diese Zeile haengt beim
zweiten Mal noch das Bild vom ersten dran -- und niemand
sieht es, weil der Dialog oben schon zu war. */
bildSetzen(null);
gewaehlteBilder = [];
bilderZeichnen();
}
fehlerZeile.textContent = '';
@@ -424,11 +509,11 @@
}
erg2.zahl = n;
}
/* `null`, wenn keins gewaehlt wurde -- und nicht `undefined`.
Die aufrufende Stelle fragt dann `antwort.bild`, bekommt
eine klare Absage und muss nicht wissen, ob das Feld
ueberhaupt angeboten wurde. */
if (bild) erg2.bild = gewaehltesBild || null;
/* IMMER EINE LISTE, auch wenn sie leer ist -- und nicht
`undefined`. Die aufrufende Stelle schleift darueber und
muss weder wissen, ob das Feld angeboten wurde, noch den
Sonderfall „genau eines" kennen. */
if (bild) erg2.bilder = gewaehlteBilder.slice();
antwort = (grund || zahl || eingabe || bild) ? erg2 : true;
dlg.close();
}
workspace/assets/js/support.js
+227 -87
View File
@@ -33,7 +33,18 @@
let leitung = false;
let meldungen = [];
let filter = 'offen';
let gewaehltesBild = null;
/* ==== BIS ZU DREI BILDER (02.10.2026) ==========================
Hier stand `let gewaehltesBild = null` — eine Variable für genau
ein Bild, und jede neue Auswahl überschrieb sie. Das war VanVans
zweite Meldung dazu, wörtlich: „wenn man es nacheinander versucht
hinzuzufügen wird das Bild immer nur ersetzt."
JETZT EINE LISTE, und `bilderMax` kommt vom Server. Eine feste 3
an dieser Stelle wäre die Zahl, die beim Ändern vergessen wird —
dasselbe Muster wie die 380 px vom 06.09. */
let gewaehlteBilder = [];
let bilderMax = 3;
/* Anzeige-Wörter, keine Regel. Der Server schickt den Schlüssel; was
daraus auf dem Bildschirm wird, ist eine Frage der Sprache. */
@@ -109,51 +120,120 @@
MELDEN
=================================================================== */
function bildZeigen(datei) {
gewaehltesBild = datei || null;
/** Die Auswahl neu zeichnen — Name, Knöpfe, Vorschaubilder.
*
* JEDES BILD HAT SEIN EIGENES KREUZ. Wer versehentlich das falsche
* dritte Bild erwischt, soll nicht alle drei neu wählen müssen;
* genau dort hört man sonst auf und schickt eben nur eines.
*
* DIE ADRESSEN WERDEN WIEDER FREIGEGEBEN (`revokeObjectURL`).
* Ohne das hält jede Vorschau ihr Bild bis zum Neuladen der Seite
* im Arbeitsspeicher fest — bei drei Handyfotos sind das schnell
* fünfzehn Megabyte, die niemand mehr braucht. */
function bilderZeigen() {
const name = $('bild-name');
const weg = $('bild-weg');
const vorschau = $('vorschau');
if (!datei) {
/* Erst die alten Adressen zurückgeben, dann neu bauen. */
for (const img of vorschau.querySelectorAll('img[data-url]')) {
URL.revokeObjectURL(img.dataset.url);
}
vorschau.textContent = '';
if (!gewaehlteBilder.length) {
name.textContent = '';
weg.hidden = true;
vorschau.hidden = true;
$('vorschau-bild').removeAttribute('src');
return;
}
name.textContent = `${datei.name} · ${Math.round(datei.size / 1024)} KB`;
const kb = gewaehlteBilder.reduce((s, d) => s + d.size, 0) / 1024;
name.textContent = gewaehlteBilder.length === 1
? `${gewaehlteBilder[0].name} · ${Math.round(kb)} KB`
: `${gewaehlteBilder.length} von ${bilderMax} Bildern · ${Math.round(kb)} KB`;
weg.hidden = false;
/* DIE VORSCHAU KOMMT AUS DER DATEI SELBST, nicht vom Server: Sie
ist noch gar nicht hochgeladen. `URL.createObjectURL` zeigt das
Bild aus dem Arbeitsspeicher — wer sieht, was er anhängt, hängt
nicht versehentlich das falsche an. */
const url = URL.createObjectURL(datei);
const img = $('vorschau-bild');
img.onload = () => URL.revokeObjectURL(url);
img.src = url;
for (const [i, datei] of gewaehlteBilder.entries()) {
const kasten = el('div', 's-vorschau__eins');
/* DIE VORSCHAU KOMMT AUS DER DATEI SELBST, nicht vom Server:
Sie ist noch gar nicht hochgeladen. `URL.createObjectURL`
zeigt das Bild aus dem Arbeitsspeicher — wer sieht, was er
anhängt, hängt nicht versehentlich das falsche an. */
const url = URL.createObjectURL(datei);
const img = el('img');
img.dataset.url = url;
img.src = url;
img.alt = `Vorschau von ${datei.name}`;
kasten.append(img);
const raus = el('button', 's-vorschau__weg', '✕');
raus.type = 'button';
raus.title = `${datei.name} wieder entfernen`;
raus.setAttribute('aria-label', `${datei.name} wieder entfernen`);
raus.addEventListener('click', () => {
gewaehlteBilder.splice(i, 1);
bilderZeigen();
});
kasten.append(raus);
vorschau.append(kasten);
}
vorschau.hidden = false;
}
/** Neu gewählte Dateien DAZULEGEN statt ersetzen.
*
* ==== VANVANS ZWEITE MELDUNG (02.10.2026) =======================
*
* „wenn man es nacheinander versucht hinzuzufügen wird das Bild
* immer nur ersetzt."
*
* `multiple` am Feld allein löst das NICHT: Auch mit `multiple`
* ersetzt jede neue Auswahl die `files`-Liste vollständig. Auf dem
* Handy wählt man aber selten drei Bilder in einem Rutsch — man
* tippt dreimal. Deshalb wird hier angehängt.
*
* DOPPELTE WERDEN NICHT ZWEIMAL GENOMMEN. Wer das Feld zweimal
* öffnet und zweimal dasselbe Foto antippt, hat eines gemeint.
* Erkannt an Name, Größe und Änderungszeit — zwei verschiedene
* Bildschirmfotos stimmen in allen dreien nicht überein. */
function bilderDazu(neue) {
let abgelehnt = '';
for (const datei of neue) {
if (gewaehlteBilder.length >= bilderMax) {
abgelehnt = `Mehr als ${bilderMax} Bilder gehen nicht – nimm die wichtigsten.`;
break;
}
/* DIE GRENZE STEHT HIER NUR ALS FREUNDLICHKEIT. Abgelehnt wird
am Server; dieser Hinweis erspart es, zwölf Megabyte erst
hochzuladen, um danach eine Absage zu lesen. */
if (datei.size > 12 * 1024 * 1024) {
abgelehnt = `„${datei.name}“ ist größer als 12 MB – bitte ein kleineres.`;
continue;
}
const schon = gewaehlteBilder.some((d) => d.name === datei.name
&& d.size === datei.size && d.lastModified === datei.lastModified);
if (schon) continue;
gewaehlteBilder.push(datei);
}
melde('melden-fehler', abgelehnt);
bilderZeigen();
}
function meldenEinrichten() {
$('bild-waehlen').addEventListener('click', () => $('bild').click());
$('bild-weg').addEventListener('click', () => {
$('bild').value = '';
bildZeigen(null);
gewaehlteBilder = [];
bilderZeigen();
});
$('bild').addEventListener('change', (e) => {
const datei = e.target.files?.[0] || null;
if (!datei) { bildZeigen(null); return; }
/* DIE GRENZE STEHT HIER NUR ALS FREUNDLICHKEIT. Abgelehnt wird
am Server; dieser Hinweis erspart es, zwölf Megabyte erst
hochzuladen, um danach eine Absage zu lesen. */
if (datei.size > 12 * 1024 * 1024) {
melde('melden-fehler', 'Das Bild ist größer als 12 MB – bitte ein kleineres.');
$('bild').value = '';
bildZeigen(null);
return;
}
melde('melden-fehler', '');
bildZeigen(datei);
bilderDazu([...(e.target.files || [])]);
/* DAS FELD WIRD GELEERT, die Liste nicht. Sonst meldet der
Browser beim zweiten Antippen DESSELBEN Bildes kein
`change` — er sieht keine Änderung — und es sähe aus, als
wäre der Knopf kaputt. */
e.target.value = '';
});
$('melden').addEventListener('submit', async (e) => {
@@ -169,14 +249,47 @@
melde('melden-fehler', '');
$('melden-hinweis').textContent = 'wird geschickt …';
try {
/* DER TEXT REIST IM KOPF, das Bild im Rumpf — derselbe Weg wie
bei Chat-Anhängen. Ein Weg für beides, damit es keinen
Zustand „Meldung da, Bild fehlt noch" gibt. */
const kopf = { 'x-text': encodeURIComponent(text), 'x-seite': location.pathname };
/* DER TEXT REIST IM KOPF, die Bilder im Rumpf — derselbe Weg
wie bei Chat-Anhängen. Ein Weg für beides, damit es keinen
Zustand „Meldung da, Bild fehlt noch" gibt.
Was `x-bilder` bedeutet, steht in workspace-support.js bei
`rumpfZerlegen`. */
const kopf = {
'x-text': encodeURIComponent(text),
'x-seite': location.pathname,
/* ==== DIESE ZEILE IST PFLICHT (02.10.2026) ==============
Hier stand gar kein Typ. Das ging gut, solange der Rumpf
eine EINZELNE Datei war: Ein `File` bringt seinen Typ
mit, und `fetch` setzt daraus den Kopf. Ein `Blob` aus
mehreren Dateien hat KEINEN Typ -- dann schickt `fetch`
die Zeile gar nicht, `express.raw` fuehlt sich mit
seinem Sternchen-Muster nicht zustaendig (ohne Kopf
passt kein Muster), und der Server bekommt einen leeren
Rumpf.
(Das Muster steht hier absichtlich NICHT woertlich da:
Ein Sternchen mit Schraegstrich beendet diesen
Kommentar. Genau daran ist der erste Versuch dieser
Zeile gescheitert -- die Seite lud danach gar nicht
mehr, und die Pruefung hat es in derselben Minute
gemeldet.)
FOLGE WAERE GEWESEN: Die Meldung geht durch, der Text
kommt an, die Bilder sind weg -- ohne Fehler, ohne
Meldung. Genau das, was VanVan gemeldet hat, nur
schlimmer. Die Pruefungen am Server waren dabei gruen;
gefunden hat es erst `pruef-support-bilder` im echten
Browser. */
'Content-Type': 'application/octet-stream',
};
if (gewaehlteBilder.length) {
kopf['x-bilder'] = gewaehlteBilder.map((d) => d.size).join(',');
}
const a = await hole('/workspace/api/support', {
method: 'POST',
headers: kopf,
body: gewaehltesBild || new Blob([]),
body: new Blob(gewaehlteBilder),
});
if (!a.ok) {
melde('melden-fehler', await fehlerText(a, 'Das hat nicht geklappt.'));
@@ -184,7 +297,8 @@
}
$('text').value = '';
$('bild').value = '';
bildZeigen(null);
gewaehlteBilder = [];
bilderZeigen();
$('melden-hinweis').textContent = 'Danke – ist angekommen.';
setTimeout(() => { $('melden-hinweis').textContent = ''; }, 6000);
await laden();
@@ -201,28 +315,45 @@
EINE MELDUNG ALS KARTE
=================================================================== */
function bildAnhaengen(karte, m) {
if (!m.bild) return;
/** Die Bilder einer Meldung oder einer Antwortrunde anzeigen.
*
* ==== EINE FUNKTION FÜR BEIDE STELLEN (02.10.2026) ==============
*
* Hier stand `bildAnhaengen(karte, m)` für das eine Bild der
* Meldung, und weiter unten noch einmal fast derselbe Block für
* das Bild einer Runde. Mit bis zu drei Bildern wären daraus zwei
* Schleifen geworden, die dasselbe tun und beim nächsten Mal nur
* an einer Stelle verbessert werden.
*
* Der Server schickt an beiden Stellen dieselbe Form (`bilder`:
* Liste aus `{ weg, breite, hoehe }`), deshalb genügt eine
* Funktion und ein Alternativtext, der sagt, wo man ist. */
function bilderAnhaengen(wohin, bilder, wortDazu) {
const liste = Array.isArray(bilder) ? bilder : [];
if (!liste.length) return;
const kasten = el('div', 's-karte__bild');
const a = el('a');
a.href = m.bild;
a.target = '_blank';
a.rel = 'noopener';
a.title = 'In voller Größe ansehen';
const img = document.createElement('img');
img.src = m.bild;
img.alt = 'Bild zur Meldung';
img.loading = 'lazy';
/* BREITE UND HÖHE STEHEN DRAN, wenn der Server sie kennt: Dann
reserviert der Browser den Platz, bevor das Bild da ist, und die
Liste springt beim Laden nicht. */
if (m.bild_breite > 0 && m.bild_hoehe > 0) {
img.width = m.bild_breite;
img.height = m.bild_hoehe;
if (liste.length > 1) kasten.dataset.viele = 'ja';
for (const [i, b] of liste.entries()) {
const a = el('a');
a.href = b.weg;
a.target = '_blank';
a.rel = 'noopener noreferrer';
a.title = 'In voller Größe ansehen';
const img = el('img');
img.src = b.weg;
img.alt = liste.length > 1
? `${wortDazu} – Bild ${i + 1} von ${liste.length}`
: wortDazu;
img.loading = 'lazy';
img.decoding = 'async';
/* BREITE UND HÖHE STEHEN DRAN, wenn der Server sie kennt: Dann
reserviert der Browser den Platz, bevor das Bild da ist, und
die Liste springt beim Laden nicht. */
if (b.breite > 0 && b.hoehe > 0) { img.width = b.breite; img.height = b.hoehe; }
a.append(img);
kasten.append(a);
}
a.append(img);
kasten.append(a);
karte.append(kasten);
wohin.append(kasten);
}
function karteBauen(m) {
@@ -245,7 +376,7 @@
/* `textContent` mit erhaltenen Zeilenumbrüchen (das CSS setzt
`white-space: pre-wrap`). Kein innerHTML, siehe der Kopf. */
k.append(el('p', 's-karte__text', m.text));
bildAnhaengen(k, m);
bilderAnhaengen(k, m.bilder, 'Bild zur Meldung');
if (leitung && m.seite) {
const wo = el('p', 's-karte__wo', 'gemeldet auf ' + m.seite);
@@ -294,21 +425,14 @@
genau diese Frage löst einen wiederkehrenden Fehler.
ANKLICKBAR UND IN EIGENEM FENSTER: dieselbe Behandlung wie
das Bild der Meldung weiter oben. Ein Bildschirmfoto in
Briefmarkengröße beantwortet keine Frage. */
if (r.urteil_bild) {
const a = el('a', 's-runde__bild');
a.href = r.urteil_bild;
a.target = '_blank';
a.rel = 'noopener noreferrer';
const img = el('img');
img.src = r.urteil_bild;
img.loading = 'lazy';
img.decoding = 'async';
img.alt = 'Bildschirmfoto zur Antwort in Runde ' + r.nr;
a.append(img);
runde.append(a);
}
die Bilder der Meldung weiter oben. Ein Bildschirmfoto in
Briefmarkengröße beantwortet keine Frage.
SEIT DEM 02.10. DIESELBE FUNKTION wie oben, und bis zu
drei Bilder. Hier stand ein eigener, fast gleicher Block —
zwei Stellen, an denen dasselbe passiert, sind eine zu
viel. */
bilderAnhaengen(runde, r.bilder, 'Bildschirmfoto zur Antwort in Runde ' + r.nr);
liste.append(runde);
}
k.append(liste);
@@ -375,11 +499,17 @@
neues auf, hilft das alte Bild niemandem.
NIE PFLICHT. Wer keines hat, antwortet ohne -- ein
Bildschirmfoto ist Hilfe, keine Hürde. */
bild: 'Bildschirmfoto dazu (freiwillig)',
Bildschirmfoto ist Hilfe, keine Hürde.
SEIT DEM 02.10. BIS ZU DREI, genau wie beim Melden.
VanVan, Meldung #11: „2-3 wären besser." Dass es beim
Melden drei sein dürfen und bei der Antwort eines, wäre
dieselbe Frage mit zwei Antworten. */
bild: 'Bildschirmfotos dazu (freiwillig)',
bildMax: bilderMax,
});
if (!antwort) return;
await rueckmelden(m, false, antwort.grund || '', antwort.bild || null);
await rueckmelden(m, false, antwort.grund || '', antwort.bilder || []);
});
reihe.append(nicht);
return reihe;
@@ -395,24 +525,28 @@
* OHNE BILD IST DER RUMPF LEER, und das ist zulässig. Dann steht
* im Kopf alles, was es zu sagen gibt.
*/
async function rueckmelden(m, geht, text, bild) {
async function rueckmelden(m, geht, text, bilder) {
melde('eingang-fehler', '');
const anhang = Array.isArray(bilder) ? bilder : (bilder ? [bilder] : []);
try {
const kopf = {
/* Der Typ sagt, was im RUMPF liegt. Bei mehreren Bildern ist
das kein einzelnes Bildformat mehr, sondern eine Folge --
`application/octet-stream` ist dafür die ehrlichste
Auskunft, und der Server erkennt jedes Stück ohnehin an
seinen ersten Bytes statt an dieser Zeile. */
'Content-Type': 'application/octet-stream',
'x-geht': geht ? 'ja' : 'nein',
/* Prozentkodiert, weil ein Kopf keine Umlaute trägt -- und
„Grüße" in einer Begründung ist der Normalfall, nicht die
Ausnahme. Genauso macht es das Melden. */
'x-text': encodeURIComponent(text || ''),
};
if (anhang.length) kopf['x-bilder'] = anhang.map((d) => d.size).join(',');
const a = await hole(`/workspace/api/support/${m.id}/rueckmeldung`, {
method: 'POST',
headers: {
/* Der Typ sagt, was im RUMPF liegt. Ohne Bild ist das
nichts -- `application/octet-stream` ist dafür die
ehrlichste Auskunft. */
'Content-Type': bild ? (bild.type || 'application/octet-stream')
: 'application/octet-stream',
'x-geht': geht ? 'ja' : 'nein',
/* Prozentkodiert, weil ein Kopf keine Umlaute trägt -- und
„Grüße" in einer Begründung ist der Normalfall, nicht die
Ausnahme. Genauso macht es das Melden. */
'x-text': encodeURIComponent(text || ''),
},
body: bild || new Blob([]),
headers: kopf,
body: new Blob(anhang),
});
/* DURCH DIESELBE UEBERSETZUNG WIE ALLES ANDERE (25.09.2026,
gefunden von pruef-meldungen). Hier stand `f.fehler` roh --
@@ -622,6 +756,12 @@
const r = await a.json();
leitung = r.leitung === true;
meldungen = Array.isArray(r.meldungen) ? r.meldungen : [];
/* WIE VIELE BILDER GEHEN, SAGT DER SERVER (02.10.2026). Steht
es nicht in der Antwort (eine Seite aus dem Zwischenspeicher
trifft auf einen neuen Server oder umgekehrt), bleibt der
Vorgabewert — eine fehlende Zahl darf die Auswahl nicht auf
null setzen. */
if (Number.isInteger(r.bilder_max) && r.bilder_max > 0) bilderMax = r.bilder_max;
/* DIE SEITE STELLT SICH AUF DEN UM, DER SIE ÖFFNET. */
$('eingang-block').hidden = !leitung;