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

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:
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
+17 -8
View File
@@ -77,15 +77,21 @@ const png = Buffer.from(
"iVBORw0KGgoAAAANSUhEUgAAAGQAAADwCAYAAAB7ovsMAAAAWklEQVR42u3QMQEAAAjAoNu/" "iVBORw0KGgoAAAANSUhEUgAAAGQAAADwCAYAAAB7ovsMAAAAWklEQVR42u3QMQEAAAjAoNu/"
+ "tBmeIAfpVoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA" + "tBmeIAfpVoAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA"
+ "AQIECBAgQIAAAQIECBAgQIAAAe4W1H8B4aXvOgAAAABJRU5ErkJggg==", "base64"); + "AQIECBAgQIAAAQIECBAgQIAAAe4W1H8B4aXvOgAAAABJRU5ErkJggg==", "base64");
d.prepare(`INSERT INTO support_meldungen /* DIE BILDER STEHEN IN `support_bilder` (ab 02.10.2026), nicht mehr
(person_id, text, seite, bild_datei, bild_typ, bild_breite, bild_hoehe, in Spalten der Meldung. Hier direkt dort eintragen und NICHT auf
stand, erstellt, geaendert) die Uebernahme beim Start hoffen: Die ist schon gelaufen, der
VALUES (?,?,?,?,?,?,?,?,?,?)`) Server steht oben in dieser Datei laengst. */
.run(idModi, const meldungId = d.prepare(`INSERT INTO support_meldungen
(person_id, text, seite, stand, erstellt, geaendert)
VALUES (?,?,?,?,?,?) RETURNING id`)
.get(idModi,
"Ich konnte da wieder nicht zurück gehen, musste die App schließen " "Ich konnte da wieder nicht zurück gehen, musste die App schließen "
+ "damit ich wieder auf die Hauptseite kam", + "damit ich wieder auf die Hauptseite kam",
"/workspace/support.html", "probe.png", "image/png", 100, 240, "/workspace/support.html", "in_arbeit", jetzt, jetzt).id;
"in_arbeit", jetzt, jetzt); d.prepare(`INSERT INTO support_bilder
(meldung_id, runde_nr, datei, typ, breite, hoehe, erstellt)
VALUES (?,NULL,?,?,?,?,?)`)
.run(meldungId, "probe.png", "image/png", 100, 240, jetzt);
d.prepare(`INSERT INTO support_meldungen d.prepare(`INSERT INTO support_meldungen
(person_id, text, seite, stand, erstellt, geaendert) (person_id, text, seite, stand, erstellt, geaendert)
VALUES (?,?,?,?,?,?)`) VALUES (?,?,?,?,?,?)`)
@@ -95,7 +101,10 @@ d.prepare(`INSERT INTO support_meldungen
const { DATEN_ORDNER } = await import("./workspace.js"); const { DATEN_ORDNER } = await import("./workspace.js");
try { try {
const { mkdirSync, writeFileSync } = await import("node:fs"); const { mkdirSync, writeFileSync } = await import("node:fs");
const ziel = join(DATEN_ORDNER, "support"); /* DER ORDNER HEISST `support-bilder`, nicht `support` -- so steht
es in workspace-support.js. Hier stand der falsche Name, und das
Bild landete neben der Tuer statt dahinter. */
const ziel = join(DATEN_ORDNER, "support-bilder");
mkdirSync(ziel, { recursive: true }); mkdirSync(ziel, { recursive: true });
writeFileSync(join(ziel, "probe.png"), png); writeFileSync(join(ziel, "probe.png"), png);
} catch (f) { console.log("Bild nicht abgelegt:", f?.message); } } catch (f) { console.log("Bild nicht abgelegt:", f?.message); }
+78 -8
View File
@@ -756,12 +756,17 @@ if (process.env.OHNE_BROWSER === "ja") {
}); });
await seite.waitForTimeout(400); await seite.waitForTimeout(400);
const gewaehlt = await seite.evaluate(() => { const gewaehlt = await seite.evaluate(() => {
const schau = document.querySelector('dialog.nachfrage [data-teil="bildvorschau"]'); /* EIN KASTEN MIT EINER LISTE statt eines einzelnen <img>
(02.10.2026): Seit VanVans Meldung #11 koennen es bis zu
drei sein, und `bildMax` entscheidet, wie viele. */
const kasten = document.querySelector('dialog.nachfrage [data-teil="bildvorschauen"]');
const schau = kasten?.querySelector("img") || null;
return { return {
name: document.querySelector('dialog.nachfrage [data-teil="bildname"]') name: document.querySelector('dialog.nachfrage [data-teil="bildname"]')
?.textContent || "", ?.textContent || "",
wegDa: document.querySelector('dialog.nachfrage [data-teil="bildweg"]')?.hidden === false, wegDa: document.querySelector('dialog.nachfrage [data-teil="bildweg"]')?.hidden === false,
vorschau: !!schau && !schau.hidden && (schau.getAttribute("src") || "").length > 0, vorschau: !!kasten && !kasten.hidden && !!schau
&& (schau.getAttribute("src") || "").length > 0,
hoch: schau ? Math.round(schau.getBoundingClientRect().height) : 0, hoch: schau ? Math.round(schau.getBoundingClientRect().height) : 0,
}; };
}); });
@@ -796,7 +801,7 @@ if (process.env.OHNE_BROWSER === "ja") {
feld.files = dt.files; feld.files = dt.files;
feld.dispatchEvent(new Event("change", { bubbles: true })); feld.dispatchEvent(new Event("change", { bubbles: true }));
await new Promise((r) => setTimeout(r, 300)); await new Promise((r) => setTimeout(r, 300));
const schau = document.querySelector('dialog.nachfrage [data-teil="bildvorschau"]'); const schau = document.querySelector('dialog.nachfrage .nachfrage__vorschau img');
const dlg = document.querySelector("dialog.nachfrage"); const dlg = document.querySelector("dialog.nachfrage");
const ja = document.querySelector('dialog.nachfrage [data-teil="ja"]'); const ja = document.querySelector('dialog.nachfrage [data-teil="ja"]');
const r = schau.getBoundingClientRect(); const r = schau.getBoundingClientRect();
@@ -813,9 +818,14 @@ if (process.env.OHNE_BROWSER === "ja") {
dialogHoch: Math.round(dlg.getBoundingClientRect().height), dialogHoch: Math.round(dlg.getBoundingClientRect().height),
}; };
}); });
/* 120 STATT 160 SEIT DEM 02.10.2026. Der Deckel ist gesunken,
weil in dem Kasten jetzt bis zu drei Bilder nebeneinander
stehen koennen -- bei 160 waere der Senden-Knopf bei drei
hochkanten Bildern aus dem Fenster. Die Zahl steht in
module.css und wird hier nachgemessen, nicht geraten. */
pruef(` ein 300x900 grosses Bild wird auf ${hoch.gezeigt} px gedeckelt` pruef(` ein 300x900 grosses Bild wird auf ${hoch.gezeigt} px gedeckelt`
+ ` (echt ${hoch.echt}, höchstens 160)`, + ` (echt ${hoch.echt}, höchstens 120)`,
hoch.echt === 900 && hoch.gezeigt > 0 && hoch.gezeigt <= 160); hoch.echt === 900 && hoch.gezeigt > 0 && hoch.gezeigt <= 120);
pruef(` und es bleibt in der Breite (${hoch.breit} px)`, hoch.breit <= 300); pruef(` und es bleibt in der Breite (${hoch.breit} px)`, hoch.breit <= 300);
pruef(` der Senden-Knopf steht weiter im Fenster (Dialog ${hoch.dialogHoch} px)`, pruef(` der Senden-Knopf steht weiter im Fenster (Dialog ${hoch.dialogHoch} px)`,
hoch.jaImFenster); hoch.jaImFenster);
@@ -825,15 +835,23 @@ if (process.env.OHNE_BROWSER === "ja") {
await seite.waitForTimeout(500); await seite.waitForTimeout(500);
const erg = await seite.evaluate(async () => { const erg = await seite.evaluate(async () => {
const a = await window.__probe; const a = await window.__probe;
/* `bilder` UND NICHT `bild` (02.10.2026): Der Dialog gibt
immer eine Liste zurueck, auch wenn nur eines erlaubt war.
Ein Sonderfall „genau eines" waere die zweite Auskunft auf
dieselbe Frage -- und die veraltet. */
const eins = a && Array.isArray(a.bilder) ? a.bilder[0] : null;
return { return {
grund: a && a.grund, grund: a && a.grund,
bildName: a && a.bild ? a.bild.name : null, anzahl: a && Array.isArray(a.bilder) ? a.bilder.length : -1,
bildTyp: a && a.bild ? a.bild.type : null, bildName: eins ? eins.name : null,
istDatei: !!(a && a.bild && typeof a.bild.size === "number"), bildTyp: eins ? eins.type : null,
istDatei: !!(eins && typeof eins.size === "number"),
}; };
}); });
pruef(`der Dialog gibt den Grund zurück („${erg.grund}")`, pruef(`der Dialog gibt den Grund zurück („${erg.grund}")`,
/siehe Bild/.test(erg.grund || "")); /siehe Bild/.test(erg.grund || ""));
pruef(` er gibt eine LISTE zurueck, nicht ein Feld (${erg.anzahl})`,
erg.anzahl === 1);
pruef(` und die Datei dazu (${erg.bildName}, ${erg.bildTyp})`, pruef(` und die Datei dazu (${erg.bildName}, ${erg.bildTyp})`,
/* und nicht : Zwei Zeilen /* und nicht : Zwei Zeilen
weiter oben wurde das Bild ERSETZT. Meine erste Fassung weiter oben wurde das Bild ERSETZT. Meine erste Fassung
@@ -875,6 +893,58 @@ if (process.env.OHNE_BROWSER === "ja") {
/Noch keins/.test(frisch)); /Noch keins/.test(frisch));
await seite.click('dialog.nachfrage [data-teil="nein"]'); await seite.click('dialog.nachfrage [data-teil="nein"]');
await seite.waitForTimeout(300); await seite.waitForTimeout(300);
/* ==== UND MIT `bildMax` SIND ES MEHRERE (02.10.2026) =========
VanVan im Support, Meldung #11: „2-3 wären besser." Der
Dialog kann das seither; ohne Angabe bleibt es bei einem,
damit sich fuer jeden anderen Aufruf im Haus nichts aendert.
DER UNTERSCHIED ZUM FALL DARUEBER IST DER PUNKT: Dort hat die
zweite Wahl die erste ERSETZT (ein Platz, eine Korrektur),
hier muss sie DAZUKOMMEN. Beides in derselben Pruefung, sonst
beweist keines etwas. */
await seite.evaluate(() => {
window.__probe4 = window.frageNach({
titel: "Mit dreien", ja: "Senden",
grund: "Was geht noch nicht?", grundPflicht: true, grundMin: 3,
bild: "Bildschirmfotos dazu (freiwillig)", bildMax: 3,
});
});
await seite.waitForSelector("dialog.nachfrage[open]", { timeout: 6000 });
const zaehl = () => seite.evaluate(() =>
document.querySelectorAll("dialog.nachfrage .nachfrage__vorschau").length);
for (const name of ["a.png", "b.png", "c.png", "d.png"]) {
await seite.setInputFiles("dialog.nachfrage #nachfrage-bild", {
name, mimeType: "image/png", buffer: PNG_PROBE,
});
await seite.waitForTimeout(250);
}
const dreiDa = await zaehl();
pruef(`mit bildMax 3 legt jede Wahl DAZU (${dreiDa} nach vier Griffen)`,
dreiDa === 3);
const grenzWort = await seite.evaluate(() =>
document.querySelector('dialog.nachfrage [data-teil="fehler"]')?.textContent || "");
pruef(` und das vierte wird mit einem Satz abgelehnt („${grenzWort}")`,
/3 Bilder/.test(grenzWort));
/* EINZELN WEGNEHMEN, nicht alles. */
await seite.click("dialog.nachfrage .nachfrage__vorschau:nth-child(2) "
+ ".nachfrage__vorschau-weg");
await seite.waitForTimeout(200);
pruef(` eines einzeln entfernen laesst die anderen stehen (${await zaehl()})`,
await zaehl() === 2);
await seite.fill("dialog.nachfrage #nachfrage-grund", "Hier zwei Bilder dazu.");
await seite.click('dialog.nachfrage [data-teil="ja"]');
await seite.waitForTimeout(400);
const viele = await seite.evaluate(async () => {
const a = await window.__probe4;
return (a && Array.isArray(a.bilder)) ? a.bilder.map((b) => b.name) : null;
});
pruef(` und der Dialog gibt beide zurueck (${(viele || []).join(", ")})`,
Array.isArray(viele) && viele.length === 2
&& viele[0] === "a.png" && viele[1] === "c.png");
} }
pruef("keine Abstürze im Browser", abstuerze.length === 0, abstuerze[0] || ""); pruef("keine Abstürze im Browser", abstuerze.length === 0, abstuerze[0] || "");
+466
View File
@@ -0,0 +1,466 @@
/* =====================================================================
MEHRERE BILDER IM SUPPORT — IM ECHTEN BROWSER (02.10.2026)
=====================================================================
VanVan im Support, Meldung #11 -- VIERMAL gemeldet: „Hier im
Supportbereich kann man immer nur ein Bild hinzufügen bei einer
Meldung. 2-3 wären besser." Und in der zweiten Runde der Satz, auf
den es ankommt:
„wenn man es nacheinander versucht hinzuzufügen wird das Bild
immer nur ersetzt."
WARUM `pruef-support` DAFÜR NICHT REICHT. Die dortigen Prüfungen
sprechen mit dem Server und bekommen drei Bilder zurück -- grün,
und trotzdem wäre VanVans Problem unverändert da. Denn „es wird
nur ersetzt" passiert NICHT am Server, sondern in `support.js`:
Eine neue Auswahl im Dateifeld wirft die vorige weg, und zwar auch
dann, wenn das Feld `multiple` trägt. Ein Server, der drei Bilder
annimmt, hilft niemandem, dem der Browser nur eines mitgibt.
Also wird hier das gemessen, was SIE tut: dreimal hintereinander
ein Bild wählen. Und einmal viermal, damit die Grenze nicht nur im
Quelltext steht.
DREI AUSGÄNGE. Steht Playwright nicht bereit, endet die Prüfung mit
2 und sagt, was fehlt -- „konnte nicht nachsehen" ist etwas anderes
als „in Ordnung".
Aufrufen mit: node server/pruef-support-bilder.mjs
===================================================================== */
import { mkdtempSync, rmSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";
import { eigenerPort } from "./helfer-port.mjs";
const PORT = await eigenerPort(import.meta);
const ordner = mkdtempSync(join(tmpdir(), "ws-supbild-"));
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
process.env.PORT = String(PORT);
process.env.SITE_ACCESS_SECRET = "lokaler-test";
process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
const express = (await import("express")).default;
const ec = express.response.cookie;
express.response.cookie = function (n, w, o) {
return ec.call(this, n, w, { ...(o || {}), secure: false });
};
import { notbremse } from "./helfer-notbremse.mjs";
await import("./index.js");
notbremse(300_000, "pruef-support-bilder");
await new Promise((r) => setTimeout(r, 900));
process.on("uncaughtException", (f) => { console.error("ABSTURZ:", f); process.exit(7); });
process.on("unhandledRejection", (f) => { console.error("ABSTURZ (Versprechen):", f); process.exit(7); });
const BASIS = `http://127.0.0.1:${PORT}`;
let geprueft = 0, fehler = 0;
function ok(bedingung, text) {
geprueft++;
if (bedingung) { console.log(" ok " + text); return true; }
fehler++; console.log(" FEHL " + text); return false;
}
const melde = (t) => console.log(t);
/* ---- Zugänge ------------------------------------------------------ */
const { DatabaseSync } = await import("node:sqlite");
const { scryptSync, randomBytes, createHmac } = await import("node:crypto");
const d = new DatabaseSync(process.env.WORKSPACE_DB);
const jetzt = new Date().toISOString();
const sch = randomBytes(32).toString("hex");
d.prepare("INSERT INTO einstellungen (schluessel, wert, geaendert, von)"
+ " VALUES (?,?,?,NULL) ON CONFLICT(schluessel) DO NOTHING")
.run("code_kennung_schluessel", sch, jetzt);
const anlegen = (name, rolle, code) => {
const s = randomBytes(16).toString("hex");
const h = scryptSync(code, s, 64,
{ N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex");
return d.prepare("INSERT INTO personen"
+ " (name, rolle, code_hash, code_salt, code_n, code_kennung, aktiv, erstellt)"
+ " VALUES (?,?,?,?,?,?,1,?) RETURNING id")
.get(name, rolle, h, s, 32768,
createHmac("sha256", sch).update(code).digest("hex"), jetzt).id;
};
anlegen("Filipe", "admin", "CODE-DOGI-0001");
anlegen("Miss", "modi", "CODE-MODI-0001");
d.close();
async function keksFuer(rolle, code) {
const an = await fetch(BASIS + "/workspace/api/anmelden", {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ rolle, code }),
});
return (an.headers.getSetCookie?.() || []).map((z) => z.split(";")[0]).join("; ");
}
const keksModi = await keksFuer("modi", "CODE-MODI-0001");
const keksHand = await keksFuer("admin", "CODE-DOGI-0001");
/* ---- Playwright, oder der dritte Ausgang -------------------------- */
let pw = null;
try {
pw = await import(
"file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
} catch (f) {
console.log("KONNTE NICHT NACHSEHEN: Playwright fehlt (" + (f?.message || "") + ").");
console.log(" Diese Pruefung braucht einen echten Browser -- was VanVan gemeldet hat,");
console.log(" passiert im Dateifeld und ist ueber die Schnittstelle nicht zu sehen.");
console.log(" Nachinstallieren in C:/Users/qciga/Documents/Obelix/Analyse:");
console.log(" npm i -D playwright && npx playwright install chromium");
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
process.exit(2);
}
const browser = await pw.chromium.launch();
/** Drei verschiedene Bilder -- verschieden LANG und verschieden GROSS.
*
* Drei gleiche waeren nicht zu unterscheiden: Wuerde die Oberflaeche
* dreimal dasselbe anzeigen oder die Reihenfolge vertauschen, faellt
* das nur auf, wenn die Bilder sich unterscheiden. */
const BILDER = [
{ name: "eins.png", typ: "image/png", b64:
"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==" },
{ name: "zwei.gif", typ: "image/gif", b64:
"R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" },
{ name: "drei.webp", typ: "image/webp", b64:
"UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==" },
];
/** Eine Datei in ein `<input type=file>` legen -- SO WIE EIN MENSCH.
*
* `setInputFiles` von Playwright ersetzt die ganze Auswahl und
* feuert `change` -- also genau das, was auch der Dateidialog des
* Browsers tut. Mehrmals aufgerufen ist es genau VanVans Weg:
* „nacheinander versucht hinzuzufuegen". */
async function waehle(seite, wahl, bilder) {
await seite.setInputFiles(wahl, bilder.map((b) => ({
name: b.name, mimeType: b.typ, buffer: Buffer.from(b.b64, "base64"),
})));
await seite.waitForTimeout(120);
}
async function neueSeite(breite, keks) {
const kontext = await browser.newContext({
viewport: { width: breite, height: 900 }, hasTouch: breite <= 860,
});
await kontext.addCookies(keks.split("; ").map((k) => {
const [n, ...r] = k.split("=");
return { name: n, value: r.join("="), domain: "127.0.0.1", path: "/" };
}));
const seite = await kontext.newPage();
seite.on("pageerror", (f) => { console.log(" JS-FEHLER: " + f.message); fehler++; });
await seite.goto(BASIS + "/workspace/support.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(500);
return { kontext, seite };
}
/* =====================================================================
1. NACHEINANDER WAEHLEN LEGT DAZU — VanVans Satz, gemessen
===================================================================== */
melde("\n=== Nacheinander waehlen (VanVan, Meldung #11, Runde 2) ===");
{
const { kontext, seite } = await neueSeite(390, keksModi);
const zahl = () => seite.locator("#vorschau .s-vorschau__eins").count();
ok(await zahl() === 0, `vorher ist nichts gewaehlt (${await zahl()})`);
await waehle(seite, "#bild", [BILDER[0]]);
const n1 = await zahl();
ok(n1 === 1, `nach dem ersten Bild: eine Vorschau (${n1})`);
/* HIER WAR DER FEHLER. Vorher stand die Auswahl in einer einzigen
Variablen -- der zweite Griff warf den ersten weg, und genau das
hat VanVan beschrieben. */
await waehle(seite, "#bild", [BILDER[1]]);
const n2 = await zahl();
ok(n2 === 2, `nach dem ZWEITEN: zwei (${n2}) — vorher wurde hier ersetzt`);
await waehle(seite, "#bild", [BILDER[2]]);
const n3 = await zahl();
ok(n3 === 3, `nach dem dritten: drei (${n3})`);
/* DIE REIHENFOLGE BLEIBT, und es sind wirklich die drei. Abgelesen
am Alternativtext, in dem der Dateiname steht. */
const texte = await seite.locator("#vorschau img").evaluateAll(
(bilder) => bilder.map((b) => b.alt));
ok(texte.length === 3 && /eins\.png/.test(texte[0])
&& /zwei\.gif/.test(texte[1]) && /drei\.webp/.test(texte[2]),
`und zwar in der Reihenfolge des Waehlens (${texte.join(", ")})`);
/* ---- DIE GRENZE ----------------------------------------------- */
await waehle(seite, "#bild", [{ ...BILDER[0], name: "vier.png" }]);
const n4 = await zahl();
ok(n4 === 3, `ein viertes kommt nicht dazu (${n4})`);
const hinweis = (await seite.locator("#melden-fehler").textContent() || "").trim();
ok(/3 Bilder|drei Bilder/i.test(hinweis) && hinweis.length > 10,
`und es steht dabei, warum („${hinweis}")`);
/* ---- DASSELBE BILD ZWEIMAL IST EINES --------------------------- */
const vorher = await zahl();
await waehle(seite, "#bild", [BILDER[0]]);
ok(await zahl() === vorher,
`dasselbe Bild noch einmal zaehlt nicht doppelt (${await zahl()})`);
/* ---- EINZELN WIEDER WEGNEHMEN ---------------------------------- */
await seite.locator("#vorschau .s-vorschau__eins").nth(1)
.locator(".s-vorschau__weg").click();
await seite.waitForTimeout(120);
const nachWeg = await seite.locator("#vorschau img").evaluateAll(
(bilder) => bilder.map((b) => b.alt));
ok(nachWeg.length === 2 && /eins\.png/.test(nachWeg[0]) && /drei\.webp/.test(nachWeg[1]),
`das mittlere einzeln entfernen laesst die anderen stehen (${nachWeg.join(", ")})`);
/* ---- UND „ALLE WEG" NIMMT ALLE ---------------------------------- */
await seite.locator("#bild-weg").click();
await seite.waitForTimeout(120);
ok(await zahl() === 0, `„Alle weg" raeumt auf (${await zahl()})`);
ok(await seite.locator("#vorschau").isHidden(),
"und der leere Kasten nimmt keinen Platz mehr ein");
await kontext.close();
}
/* =====================================================================
2. DIE KREUZE SIND ZU TREFFEN — 44 px und nichts davor
===================================================================== */
melde("\n=== Die Kreuze auf 390 px ===");
{
const { kontext, seite } = await neueSeite(390, keksModi);
for (const b of BILDER) await waehle(seite, "#bild", [b]);
const mass = await seite.evaluate(() => {
const raus = [];
for (const k of document.querySelectorAll("#vorschau .s-vorschau__weg")) {
const r = k.getBoundingClientRect();
const oben = document.elementFromPoint(r.left + r.width / 2, r.top + r.height / 2);
raus.push({
breite: Math.round(r.width), hoehe: Math.round(r.height),
frei: k.contains(oben) || k === oben,
imBild: r.right <= document.documentElement.clientWidth + 0.5 && r.left >= -0.5,
});
}
return raus;
});
ok(mass.length === 3, `drei Kreuze da (${mass.length})`);
const zuKlein = mass.filter((m) => m.breite < 44 || m.hoehe < 44);
ok(mass.length === 3 && zuKlein.length === 0,
`jedes misst mindestens 44x44 (${mass.map((m) => `${m.breite}x${m.hoehe}`).join(", ")})`);
const verdeckt = mass.filter((m) => !m.frei);
ok(mass.length === 3 && verdeckt.length === 0,
`und keines liegt unter etwas anderem (${verdeckt.length} verdeckt)`);
const draussen = mass.filter((m) => !m.imBild);
ok(mass.length === 3 && draussen.length === 0,
`alle drei stehen im sichtbaren Bereich (${draussen.length} daneben)`);
/* GEGENPROBE: Kann diese Messung ueberhaupt „verdeckt" sagen? Ein
Deckel ueber das erste Kreuz, und sie MUSS anschlagen -- sonst
waere der gruene Haken oben wertlos. */
await seite.evaluate(() => {
const k = document.querySelector("#vorschau .s-vorschau__weg");
const r = k.getBoundingClientRect();
const deckel = document.createElement("div");
deckel.id = "probe-deckel";
deckel.style.cssText = `position:fixed;left:${r.left}px;top:${r.top}px;`
+ `width:${r.width}px;height:${r.height}px;z-index:9999;`;
document.body.append(deckel);
});
const mitDeckel = await seite.evaluate(() => {
const k = document.querySelector("#vorschau .s-vorschau__weg");
const r = k.getBoundingClientRect();
const oben = document.elementFromPoint(r.left + r.width / 2, r.top + r.height / 2);
return k.contains(oben) || k === oben;
});
ok(mitDeckel === false, "Gegenprobe: ein Deckel darueber wird erkannt");
await seite.evaluate(() => document.getElementById("probe-deckel")?.remove());
/* ---- UND NICHTS RAGT AUS DER SEITE -------------------------- */
const ueber = await seite.evaluate(() =>
document.documentElement.scrollWidth - document.documentElement.clientWidth);
ok(ueber <= 0, `die Seite mit drei Vorschauen ist nicht zu breit (${ueber} px)`);
await kontext.close();
}
/* =====================================================================
3. ABSCHICKEN UND WIEDERSEHEN
===================================================================== */
melde("\n=== Abschicken und wiedersehen ===");
let meldungId = 0;
{
const { kontext, seite } = await neueSeite(390, keksModi);
await seite.fill("#text", "Vorher, der Klick und nachher – drei Bilder dazu.");
for (const b of BILDER) await waehle(seite, "#bild", [b]);
await seite.click("#senden");
await seite.waitForTimeout(1200);
const bilder = await seite.locator("#meine-liste .s-karte__bild img").count();
ok(bilder === 3, `die eigene Karte zeigt alle drei (${bilder})`);
/* GELADEN HEISST GELADEN. Ein <img> mit kaputter Adresse steht
genauso im Baum wie ein gutes -- `naturalWidth` ist der
Unterschied. Ohne diese Zeile waeren drei 404er gruen. */
await seite.waitForTimeout(600);
const echt = await seite.locator("#meine-liste .s-karte__bild img").evaluateAll(
(bs) => bs.filter((b) => b.complete && b.naturalWidth > 0).length);
ok(echt === 3, `und alle drei kommen wirklich vom Server (${echt} geladen)`);
const wege = await seite.locator("#meine-liste .s-karte__bild a").evaluateAll(
(as) => as.map((a) => a.getAttribute("href")));
ok(new Set(wege).size === 3,
`drei verschiedene Adressen, nicht dreimal dieselbe (${new Set(wege).size})`);
const ueber = await seite.evaluate(() =>
document.documentElement.scrollWidth - document.documentElement.clientWidth);
ok(ueber <= 0, `die Karte mit drei Bildern ist nicht zu breit (${ueber} px)`);
/* Das Feld ist danach leer -- sonst haengt beim naechsten Melden
noch die alte Auswahl dran. */
ok(await seite.locator("#vorschau .s-vorschau__eins").count() === 0,
"nach dem Abschicken ist die Auswahl leer");
meldungId = await seite.evaluate(() => {
const k = document.querySelector("#meine-liste .s-karte");
return Number((k?.id || "").replace("meldung-", "")) || 0;
});
ok(meldungId > 0, `die Meldung hat eine Nummer (#${meldungId})`);
await kontext.close();
}
/* =====================================================================
4. UND IM „NOCH NICHT"-FENSTER GENAUSO
===================================================================== */
melde("\n=== Bilder in der Rueckfrage ===");
{
/* Die Leitung schickt die Meldung zum Melder zurueck -- erst dann
gibt es die zwei Knoepfe. */
await fetch(BASIS + `/workspace/api/support/${meldungId}`, {
method: "PATCH",
headers: { "Content-Type": "application/json", cookie: keksHand },
body: JSON.stringify({ stand: "erledigt", antwort: "Sollte jetzt gehen." }),
});
const { kontext, seite } = await neueSeite(390, keksModi);
await seite.locator("#meine-liste .s-tun--geht").waitFor({ timeout: 8000 });
await seite.locator("#meine-liste .s-karte__tun .schritt:not(.s-tun--geht)").click();
await seite.locator("dialog.nachfrage").waitFor({ state: "visible", timeout: 8000 });
ok(true, "das Fenster „Geht es noch nicht?“ geht auf");
const dz = () => seite.locator("dialog.nachfrage .nachfrage__vorschau").count();
ok(await dz() === 0, `vorher keine Vorschau (${await dz()})`);
await waehle(seite, "#nachfrage-bild", [BILDER[0]]);
ok(await dz() === 1, `ein Bild (${await dz()})`);
await waehle(seite, "#nachfrage-bild", [BILDER[1]]);
ok(await dz() === 2, `nacheinander gewaehlt macht zwei (${await dz()}) — auch hier`);
await waehle(seite, "#nachfrage-bild", [BILDER[2]]);
await waehle(seite, "#nachfrage-bild", [{ ...BILDER[1], name: "vier.gif" }]);
ok(await dz() === 3, `und bei drei ist Schluss (${await dz()})`);
await seite.fill("#nachfrage-grund", "Geht noch nicht, hier drei Bildschirmfotos.");
await seite.locator("dialog.nachfrage [data-teil=\"ja\"]").click();
await seite.waitForTimeout(1500);
const imVerlauf = await seite.locator("#meine-liste .s-runde .s-karte__bild img").count();
ok(imVerlauf === 3, `im Verlauf haengen alle drei an der Runde (${imVerlauf})`);
const echt = await seite.locator("#meine-liste .s-runde .s-karte__bild img").evaluateAll(
(bs) => bs.filter((b) => b.complete && b.naturalWidth > 0).length);
ok(echt === 3, `und alle drei laden (${echt})`);
/* DIE BILDER DER MELDUNG BLEIBEN OBEN, die der Antwort unten. Sonst
waere nach drei Runden nicht mehr zu sehen, was wozu gehoert. */
const oben = await seite.locator("#meine-liste .s-karte > .s-karte__bild img").count();
ok(oben === 3, `oben stehen weiterhin die drei vom Melden (${oben})`);
const ueber = await seite.evaluate(() =>
document.documentElement.scrollWidth - document.documentElement.clientWidth);
ok(ueber <= 0, `und die Seite bleibt schmal genug (${ueber} px)`);
await kontext.close();
}
/* =====================================================================
5. AUF DEM GROSSEN BILDSCHIRM: KEINE LEERE SPALTE
=====================================================================
Ab 760 px steht das Bild der Meldung NEBEN dem Text. Seit die
Rundenbilder denselben Kasten benutzen, trifft diese Regel ohne den
Pfeil in `:has(> …)` auch auf eine Karte zu, deren einziges Bild
tief im Verlauf steckt -- die Karte bekaeme eine zweite Spalte, in
der nichts steht.
===================================================================== */
melde("\n=== Die zweite Spalte nur mit eigenem Bild ===");
{
/* Eine Meldung OHNE Bild, aber mit einem Bild in der Antwortrunde. */
const neu = await fetch(BASIS + "/workspace/api/support", {
method: "POST",
headers: { cookie: keksModi, "Content-Type": "text/plain",
"x-text": encodeURIComponent("Diese Meldung hat selbst kein Bild.") },
});
const id2 = (await neu.json())?.meldung?.id;
await fetch(BASIS + `/workspace/api/support/${id2}`, {
method: "PATCH",
headers: { "Content-Type": "application/json", cookie: keksHand },
body: JSON.stringify({ stand: "erledigt", antwort: "Schau mal." }),
});
await fetch(BASIS + `/workspace/api/support/${id2}/rueckmeldung`, {
method: "POST",
headers: { cookie: keksModi, "Content-Type": "application/octet-stream",
"x-geht": "nein", "x-text": encodeURIComponent("Geht noch nicht, siehe Bild.") },
body: Buffer.from(BILDER[0].b64, "base64"),
});
const { kontext, seite } = await neueSeite(1280, keksModi);
const mass = await seite.evaluate((nr) => {
const k = document.getElementById("meldung-" + nr);
if (!k) return null;
const st = getComputedStyle(k);
const text = k.querySelector(".s-karte__text");
return {
raster: st.display,
spalten: st.gridTemplateColumns,
textBreite: Math.round(text?.getBoundingClientRect().width || 0),
karteBreite: Math.round(k.getBoundingClientRect().width),
};
}, id2);
ok(!!mass, `die Karte ohne eigenes Bild ist da (#${id2})`);
/* GEMESSEN WIRD `display`, NICHT DIE TEXTBREITE. Erst stand hier
„der Text nimmt mehr als 90 % ein" -- und die Gegenprobe darunter
wurde rot, obwohl alles stimmte: Die Pruefbilder sind 1x1 Bildpunkt
gross, die Bildspalte damit wenige Pixel breit, und der Text nimmt
auch MIT zweiter Spalte 93 %. Die Zahl mass die Bildgroesse, nicht
die Regel. `display` sagt genau das, was die Regel schaltet. */
ok(mass?.raster !== "grid",
`und sie bekommt KEINE zweite Spalte (display: ${mass?.raster})`);
/* GEGENPROBE: Bei einer Karte MIT eigenem Bild soll die zweite
Spalte sehr wohl kommen -- sonst waere die Zeile darueber nur
deshalb gruen, weil die Regel gar nicht mehr wirkt. */
const mitBild = await seite.evaluate((nr) => {
const k = document.getElementById("meldung-" + nr);
if (!k) return null;
return {
display: getComputedStyle(k).display,
spalten: getComputedStyle(k).gridTemplateColumns,
eigene: k.querySelectorAll(":scope > .s-karte__bild img").length,
imVerlauf: k.querySelectorAll(".s-runde .s-karte__bild img").length,
};
}, meldungId);
ok(mitBild?.display === "grid" && mitBild.eigene === 3,
`Gegenprobe: MIT eigenem Bild gibt es die zweite Spalte `
+ `(${mitBild?.display}, ${mitBild?.eigene} eigene Bilder)`);
/* UND BEIDE KARTEN HABEN BILDER IM VERLAUF -- die eine mit, die
andere ohne eigenes. Ohne diese Zeile koennte der Unterschied
oben auch daher ruehren, dass die zweite Karte ueberhaupt kein
Bild hat. */
ok((mitBild?.imVerlauf || 0) === 3,
` und beide Karten haben Rundenbilder (${mitBild?.imVerlauf})`);
await kontext.close();
}
await browser.close();
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
console.log("");
console.log(`${geprueft} Pruefungen, ${fehler} Fehler`);
console.log(fehler ? "NICHT IN ORDNUNG" : "ALLES IN ORDNUNG");
process.exit(fehler ? 1 : 0);
+380 -17
View File
@@ -158,6 +158,20 @@ const PNG = Buffer.from(
"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk" "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk"
+ "YPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==", "base64"); + "YPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==", "base64");
/** Noch zwei Bilder -- und zwar mit ABSICHTLICH VERSCHIEDENEN LAENGEN
* (gemessen: PNG 70, GIF 42, WebP 34 Bytes).
*
* Drei gleich lange Bilder wuerden die Zerlegung des Rumpfes nicht
* pruefen: Waere die Reihenfolge der Laengen vertauscht oder die
* Schnittstelle um ein Byte verschoben, kaeme trotzdem etwas
* Bildaehnliches heraus. Mit 70/42/34 faellt jeder Fehlschnitt auf,
* weil das Ergebnis dann weder erkannt wird noch die richtige Zahl
* Bytes hat. Drei verschiedene Formate pruefen nebenbei, dass der
* Typ je Bild aus SEINEN Kopfbytes kommt und nicht aus dem
* Content-Type der ganzen Anfrage. */
const GIF = Buffer.from("R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", "base64");
const WEBP = Buffer.from("UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA==", "base64");
const kekse = {}; const kekse = {};
melde("\n=== Alle neun Rollen kommen herein ==="); melde("\n=== Alle neun Rollen kommen herein ===");
for (const [rolle] of ROLLEN) { for (const [rolle] of ROLLEN) {
@@ -279,6 +293,7 @@ melde("\n=== Die Seite ist fuer jede Rolle offen ===");
===================================================================== */ ===================================================================== */
melde("\n=== Melden ==="); melde("\n=== Melden ===");
let meldungMitBild = 0; let meldungMitBild = 0;
let bildWeg = "";
{ {
/* Ohne Text geht nichts -- sonst stehen leere Zeilen im Eingang. */ /* Ohne Text geht nichts -- sonst stehen leere Zeilen im Eingang. */
const leer = await hol("creator", "/workspace/api/support", { const leer = await hol("creator", "/workspace/api/support", {
@@ -305,8 +320,16 @@ let meldungMitBild = 0;
if (mitBild.status === 201) { if (mitBild.status === 201) {
const j = await mitBild.json(); const j = await mitBild.json();
meldungMitBild = j.meldung?.id || 0; meldungMitBild = j.meldung?.id || 0;
ok(!!j.meldung?.bild, "und die Antwort nennt die Adresse des Bildes"); bildWeg = j.meldung?.bilder?.[0]?.weg || "";
} else { ok(false, "kein Bild in der Antwort"); } /* EINE LISTE, AUCH BEI EINEM BILD (02.10.2026). Vorher stand hier
`j.meldung.bild` -- ein Feld fuer genau eines. Seit VanVans
Meldung #11 sind es bis zu drei, und ein Sonderfall „genau
eines" waere die zweite Auskunft auf dieselbe Frage. */
ok(Array.isArray(j.meldung?.bilder) && j.meldung.bilder.length === 1,
`und die Antwort nennt genau ein Bild (${j.meldung?.bilder?.length})`);
ok(/^\/workspace\/api\/support\/\d+\/bild\/\d+$/.test(bildWeg),
` mit seiner eigenen Nummer im Weg (${bildWeg})`);
} else { ok(false, "kein Bild in der Antwort"); ok(false, "kein Weg zum Bild"); }
/* DER STANDARDFEHLER BEI UPLOADS: eine HTML-Datei mit Bildnamen. /* DER STANDARDFEHLER BEI UPLOADS: eine HTML-Datei mit Bildnamen.
Sie liefe im Browser als Seite DIESER Domain, mit Zugriff auf die Sie liefe im Browser als Seite DIESER Domain, mit Zugriff auf die
@@ -360,11 +383,11 @@ melde("\n=== Wer sieht was ===");
} }
/* DAS BILD EINER FREMDEN MELDUNG bleibt fremd. */ /* DAS BILD EINER FREMDEN MELDUNG bleibt fremd. */
const fremd = await hol("creator", `/workspace/api/support/${meldungMitBild}/bild`); const fremd = await hol("creator", bildWeg);
ok(fremd.status === 404, ok(fremd.status === 404,
`das Bild einer fremden Meldung gibt es fuer andere nicht (${fremd.status})`); `das Bild einer fremden Meldung gibt es fuer andere nicht (${fremd.status})`);
const eigen = await hol("modi", `/workspace/api/support/${meldungMitBild}/bild`); const eigen = await hol("modi", bildWeg);
ok(eigen.status === 200, `der Melder sieht sein eigenes Bild (${eigen.status})`); ok(eigen.status === 200, `der Melder sieht sein eigenes Bild (${eigen.status})`);
ok(eigen.headers.get("content-type") === "image/png", ok(eigen.headers.get("content-type") === "image/png",
`ausgeliefert wird der ERKANNTE Typ (${eigen.headers.get("content-type")})`); `ausgeliefert wird der ERKANNTE Typ (${eigen.headers.get("content-type")})`);
@@ -373,8 +396,22 @@ melde("\n=== Wer sieht was ===");
ok(/sandbox/.test(eigen.headers.get("content-security-policy") || ""), ok(/sandbox/.test(eigen.headers.get("content-security-policy") || ""),
"und einer Richtlinie, die jede Ausfuehrung nimmt"); "und einer Richtlinie, die jede Ausfuehrung nimmt");
const leitungSieht = await hol("hand", `/workspace/api/support/${meldungMitBild}/bild`); const leitungSieht = await hol("hand", bildWeg);
ok(leitungSieht.status === 200, "die Leitung sieht es auch"); ok(leitungSieht.status === 200, "die Leitung sieht es auch");
/* ==== DIE MELDUNGSNUMMER IM WEG IST DIE SICHTBARKEITSFRAGE =======
Der Weg lautet `/support/<meldung>/bild/<bild>`, und die
Bildnummer allein waere eindeutig. Trotzdem muss BEIDES
zusammenpassen -- sonst koennte man die eigene Meldungsnummer
vorn hinschreiben und hinten die Bildnummer einer fremden
durchprobieren. Gegenprobe: derselbe Bildweg, aber eine andere
Meldung davor. */
const bildNr = Number((bildWeg.match(/\/bild\/(\d+)$/) || [])[1] || 0);
const vertauscht = await hol("modi",
`/workspace/api/support/${meldungMitBild + 1}/bild/${bildNr}`);
ok(bildNr > 0 && vertauscht.status === 404,
`eine fremde Meldungsnummer vor der eigenen Bildnummer gibt 404 (${vertauscht.status})`);
} }
/* ===================================================================== /* =====================================================================
@@ -597,19 +634,25 @@ melde("\n=== Sich kuemmern ===");
const stand = await standVon("modi", neuId); const stand = await standVon("modi", neuId);
const r1 = (stand?.verlauf || [])[0]; const r1 = (stand?.verlauf || [])[0];
ok(!!r1?.urteil_bild, const r1weg = r1?.bilder?.[0]?.weg || "";
`im Verlauf haengt das Bild an Runde ${r1?.nr} (${r1?.urteil_bild})`); ok((r1?.bilder || []).length === 1,
`im Verlauf haengt das Bild an Runde ${r1?.nr} (${(r1?.bilder || []).length})`);
/* AN DER RUNDE UND NICHT AN DER MELDUNG. Sonst waere nach drei /* AN DER RUNDE UND NICHT AN DER MELDUNG. Sonst waere nach drei
Runden nicht mehr zu sehen, welches Bild zu welchem Versuch Runden nicht mehr zu sehen, welches Bild zu welchem Versuch
gehoerte. */ gehoerte.
ok(/\/runde\/1\/bild$/.test(r1?.urteil_bild || ""), SEIT DEM 02.10. STEHT DAS NICHT MEHR IM WEG (die Adresse nennt
" und zwar an DIESER Runde, nicht oben an der Meldung"); nur noch die Bildnummer), also wird es dort geprueft, wo es
jetzt steht: Die Meldung selbst hat KEIN Bild bekommen. Das
ist die staerkere Pruefung -- sie misst die Zuordnung in den
Daten statt eine Zeichenkette. */
ok((stand?.bilder || []).length === 0,
` und NICHT oben an der Meldung (${(stand?.bilder || []).length} dort)`);
ok(/noch nicht|nicht/.test(r1?.urteil || ""), ` das Urteil steht dabei (${r1?.urteil})`); ok(/noch nicht|nicht/.test(r1?.urteil || ""), ` das Urteil steht dabei (${r1?.urteil})`);
ok(/springt sie nach oben/.test(r1?.urteil_text || ""), ok(/springt sie nach oben/.test(r1?.urteil_text || ""),
` und der Text kam durch den Kopf heil an („${r1?.urteil_text}")`); ` und der Text kam durch den Kopf heil an („${r1?.urteil_text}")`);
/* ---- Das Bild kommt auch heraus ------------------------------ */ /* ---- Das Bild kommt auch heraus ------------------------------ */
const holen = await hol("modi", r1.urteil_bild); const holen = await hol("modi", r1weg);
const bytes = Buffer.from(await holen.arrayBuffer()); const bytes = Buffer.from(await holen.arrayBuffer());
ok(holen.status === 200 && bytes.length === PNG.length, ok(holen.status === 200 && bytes.length === PNG.length,
`der Melder bekommt es wieder (HTTP ${holen.status}, ${bytes.length} von ${PNG.length} Bytes)`); `der Melder bekommt es wieder (HTTP ${holen.status}, ${bytes.length} von ${PNG.length} Bytes)`);
@@ -620,21 +663,25 @@ melde("\n=== Sich kuemmern ===");
ok(holen.headers.get("accept-ranges") === "bytes", ok(holen.headers.get("accept-ranges") === "bytes",
"und ueber den gemeinsamen Ausliefer-Weg (Accept-Ranges)"); "und ueber den gemeinsamen Ausliefer-Weg (Accept-Ranges)");
const auchLeitung = await hol("hand", r1.urteil_bild); const auchLeitung = await hol("hand", r1weg);
ok(auchLeitung.status === 200, ok(auchLeitung.status === 200,
`die Leitung sieht es auch (${auchLeitung.status}) — sie soll ja darauf schauen`); `die Leitung sieht es auch (${auchLeitung.status}) — sie soll ja darauf schauen`);
/* ---- GEGENPROBEN ---------------------------------------------- */ /* ---- GEGENPROBEN ---------------------------------------------- */
const fremder = await hol("gast", r1.urteil_bild); const fremder = await hol("gast", r1weg);
ok(fremder.status === 404, ok(fremder.status === 404,
`ein Fremder bekommt 404 (${fremder.status}) — nicht 403, sonst waere die Nummer verraten`); `ein Fremder bekommt 404 (${fremder.status}) — nicht 403, sonst waere die Nummer verraten`);
const ohneAnmeldung = await fetch(BASIS + r1.urteil_bild); const ohneAnmeldung = await fetch(BASIS + r1weg);
ok(ohneAnmeldung.status !== 200, ok(ohneAnmeldung.status !== 200,
`ohne Anmeldung gar nichts (${ohneAnmeldung.status})`); `ohne Anmeldung gar nichts (${ohneAnmeldung.status})`);
const gibtsNicht = await hol("modi", `/workspace/api/support/${neuId}/runde/9/bild`); /* EINE BILDNUMMER, DIE ES NICHT GIBT. Vorher stand hier
ok(gibtsNicht.status === 404, `eine Runde ohne Bild gibt 404 (${gibtsNicht.status})`); „eine Runde ohne Bild" -- die Route dazu gibt es seit dem
02.10. nicht mehr, weil Bilder jetzt ihre eigene Nummer haben.
Gefragt wird dieselbe Sache an der neuen Tuer. */
const gibtsNicht = await hol("modi", `/workspace/api/support/${neuId}/bild/999999`);
ok(gibtsNicht.status === 404, `eine erfundene Bildnummer gibt 404 (${gibtsNicht.status})`);
/* KEIN BILD IST WEITERHIN ERLAUBT -- ein Bildschirmfoto ist Hilfe, /* KEIN BILD IST WEITERHIN ERLAUBT -- ein Bildschirmfoto ist Hilfe,
keine Huerde. Ohne diese Zeile koennte die Pflicht hereinrutschen, keine Huerde. Ohne diese Zeile koennte die Pflicht hereinrutschen,
@@ -665,6 +712,322 @@ melde("\n=== Sich kuemmern ===");
} }
} }
/* =====================================================================
5b. MEHRERE BILDER JE MELDUNG (02.10.2026)
=====================================================================
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 Runde 2 der Grund, warum der
erste Anlauf nicht reichte: „wenn man es nacheinander versucht
hinzuzufuegen wird das Bild immer nur ersetzt."
DREI VERSCHIEDENE FORMATE MIT DREI VERSCHIEDENEN LAENGEN (PNG 70,
GIF 42, WebP 34). Waeren alle drei gleich lang, wuerde ein
Fehlschnitt im Rumpf gar nicht auffallen -- siehe die Begruendung
bei den Konstanten oben.
===================================================================== */
melde("\n=== Mehrere Bilder ===");
{
const drei = [PNG, GIF, WEBP];
const dreiAn = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: {
"x-text": encodeURIComponent("Vorher, der Klick und nachher - drei Bilder."),
"Content-Type": "application/octet-stream",
"x-bilder": drei.map((b) => b.length).join(","),
},
body: Buffer.concat(drei),
});
ok(dreiAn.status === 201, `drei Bilder auf einmal (${dreiAn.status})`);
const dreiM = dreiAn.status === 201 ? (await dreiAn.json()).meldung : null;
ok((dreiM?.bilder || []).length === 3,
`und alle drei haengen dran (${(dreiM?.bilder || []).length})`);
/* JEDES BILD EINZELN NACHGEMESSEN -- Reihenfolge, Laenge, Typ.
Das ist der eigentliche Beweis, dass der Rumpf richtig zerlegt
wurde: Eine um ein Byte verschobene Grenze gaebe hier sofort
einen anderen Typ oder eine andere Laenge. */
const erwartet = [
{ bytes: PNG, typ: "image/png" },
{ bytes: GIF, typ: "image/gif" },
{ bytes: WEBP, typ: "image/webp" },
];
let stimmen = 0;
for (const [i, e] of erwartet.entries()) {
const weg = dreiM?.bilder?.[i]?.weg;
if (!weg) continue;
const a = await hol("modi", weg);
const roh = Buffer.from(await a.arrayBuffer());
if (a.status === 200 && roh.equals(e.bytes)
&& a.headers.get("content-type") === e.typ) stimmen++;
}
/* DIE ZAHL STEHT IN DER BEDINGUNG, nicht nur im Text -- sonst waere
die Pruefung auch mit null geholten Bildern gruen. */
ok(stimmen === 3,
`jedes kommt in SEINER Reihenfolge und mit SEINEM Typ zurueck (${stimmen} von 3)`);
/* ---- Die Grenze gilt ------------------------------------------- */
const vier = [PNG, GIF, WEBP, PNG];
const zuViele = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: {
"x-text": encodeURIComponent("Hier sind es vier Bilder, das ist eines zu viel."),
"Content-Type": "application/octet-stream",
"x-bilder": vier.map((b) => b.length).join(","),
},
body: Buffer.concat(vier),
});
ok(zuViele.status === 400, `vier Bilder sind eines zu viel (${zuViele.status})`);
/* ---- Eine falsche Laenge wird nicht einfach hingenommen -------- */
const schief = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: {
"x-text": encodeURIComponent("Die Laengen im Kopf passen nicht zum Rumpf."),
"Content-Type": "application/octet-stream",
"x-bilder": `${PNG.length},${GIF.length - 5}`,
},
body: Buffer.concat([PNG, GIF]),
});
ok(schief.status === 400,
`eine Summe, die nicht aufgeht, wird abgelehnt (${schief.status})`);
/* ---- UND EIN FAULES UNTER DREI VERDIRBT ALLE DREI -------------- */
const faul = [PNG, Buffer.from("<html><script>alert(1)</script></html>"), GIF];
const gemischt = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: {
"x-text": encodeURIComponent("Zwei Bilder und eine getarnte HTML-Datei dazwischen."),
"Content-Type": "application/octet-stream",
"x-bilder": faul.map((b) => b.length).join(","),
},
body: Buffer.concat(faul),
});
ok(gemischt.status === 415,
`ein getarntes HTML zwischen zwei Bildern kippt die ganze Meldung (${gemischt.status})`);
/* GEGENPROBE ZUM AUFRAEUMEN: Die abgelehnte Meldung darf es nicht
geben -- weder als Zeile noch halb, mit dem einen Bild, das vor
dem faulen schon geschrieben war. */
const listeDanach = await (await hol("modi", "/workspace/api/support")).json();
const geister = (listeDanach.meldungen || [])
.filter((m) => /getarnte HTML-Datei/.test(m.text || "")).length;
ok(geister === 0, `und hinterlaesst keine halbe Meldung (${geister})`);
/* ---- OHNE DEN KOPF IST ES EIN BILD, wie vor dem Umbau ---------- */
const altWeg = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: {
"x-text": encodeURIComponent("Eine Seite aus dem Zwischenspeicher schickt ohne x-bilder."),
"Content-Type": "image/png",
},
body: PNG,
});
const altM = altWeg.status === 201 ? (await altWeg.json()).meldung : null;
ok(altWeg.status === 201 && (altM?.bilder || []).length === 1,
`ohne x-bilder gilt der ganze Rumpf als EIN Bild (${altWeg.status}, `
+ `${(altM?.bilder || []).length})`);
/* ---- NACHLEGEN IN DERSELBEN RUNDE ERSETZT, statt zu haeufen ---- */
const fuerRunde = await hol("modi", "/workspace/api/support", {
method: "POST",
headers: { "Content-Type": "text/plain",
"x-text": encodeURIComponent("Fuer die Runde mit mehreren Bildern.") },
});
const rId = (await fuerRunde.json())?.meldung?.id;
await hol("hand", `/workspace/api/support/${rId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Schau mal." }),
});
const zweiAn = await hol("modi", `/workspace/api/support/${rId}/rueckmeldung`, {
method: "POST",
headers: { "Content-Type": "application/octet-stream", "x-geht": "nein",
"x-text": encodeURIComponent("Geht noch nicht, hier zwei Bilder."),
"x-bilder": `${PNG.length},${GIF.length}` },
body: Buffer.concat([PNG, GIF]),
});
ok(zweiAn.status === 200, `zwei Bilder zur Antwort (${zweiAn.status})`);
const standR = await (await hol("modi", "/workspace/api/support")).json();
const mR = (standR.meldungen || []).find((m) => m.id === rId);
const runde1 = (mR?.verlauf || [])[0];
ok((runde1?.bilder || []).length === 2,
`an der Runde haengen beide (${(runde1?.bilder || []).length})`);
/* ---- ZWEIMAL IN DERSELBEN RUNDE GEHT GAR NICHT ----------------
Hier stand erst eine Pruefung „nachgelegt ersetzt die Bilder" --
und sie wurde rot. Nachgemessen war nicht der Server kaputt,
sondern meine Annahme: Eine zweite Antwort in DERSELBEN Runde
kann es nicht geben. Die erste verlaesst den Stand „wartet", und
ohne den nimmt die Route nichts mehr an. Die Sperre im Server
ist daraufhin weggefallen (sie waere Code gewesen, der nie
laeuft); hier steht jetzt der Beweis, dass sie nicht fehlt. */
const zweitesMal = await hol("modi", `/workspace/api/support/${rId}/rueckmeldung`, {
method: "POST",
headers: { "Content-Type": "application/octet-stream", "x-geht": "nein",
"x-text": encodeURIComponent("Und noch einmal, in derselben Runde."),
"x-bilder": `${WEBP.length}` },
body: WEBP,
});
ok(zweitesMal.status === 409,
`in derselben Runde ein zweites Mal antworten geht nicht (${zweitesMal.status})`);
const standR2 = await (await hol("modi", "/workspace/api/support")).json();
const runde1b = ((standR2.meldungen || []).find((m) => m.id === rId)?.verlauf || [])[0];
ok((runde1b?.bilder || []).length === 2,
` und die zwei Bilder von vorhin stehen unveraendert da (${(runde1b?.bilder || []).length})`);
/* ---- JEDE RUNDE HAELT IHRE EIGENEN BILDER ---------------------
DAS IST DIE EIGENTLICHE GEFAHR BEI EINER TABELLE FUER ALLES:
dass Runde 2 die Bilder von Runde 1 mitzeigt oder umgekehrt.
Nach drei Runden waere dann nicht mehr zu sehen, welches Bild zu
welchem Versuch gehoerte -- und genau diese Frage loest einen
wiederkehrenden Fehler. */
await hol("hand", `/workspace/api/support/${rId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Zweiter Versuch." }),
});
const r2an = await hol("modi", `/workspace/api/support/${rId}/rueckmeldung`, {
method: "POST",
headers: { "Content-Type": "application/octet-stream", "x-geht": "nein",
"x-text": encodeURIComponent("Runde zwei, ein anderes Bild."),
"x-bilder": `${WEBP.length}` },
body: WEBP,
});
const standR3 = await (await hol("modi", "/workspace/api/support")).json();
const verlauf3 = (standR3.meldungen || []).find((m) => m.id === rId)?.verlauf || [];
ok(r2an.status === 200 && (verlauf3[1]?.bilder || []).length === 1,
`Runde 2 hat ihr eigenes Bild (${(verlauf3[1]?.bilder || []).length})`);
ok((verlauf3[0]?.bilder || []).length === 2,
` und Runde 1 behaelt ihre zwei (${(verlauf3[0]?.bilder || []).length})`);
/* GEGENPROBE: Es sind wirklich ANDERE Bilder und nicht dieselben
Zeilen zweimal gezeigt. */
const nummern = new Set([
...(verlauf3[0]?.bilder || []).map((b) => b.id),
...(verlauf3[1]?.bilder || []).map((b) => b.id),
]);
ok(nummern.size === 3, `und alle drei sind verschiedene Bilder (${nummern.size})`);
/* ---- UND EINE ANTWORT OHNE BILD IST WEITERHIN ERLAUBT --------- */
await hol("hand", `/workspace/api/support/${rId}`, {
method: "PATCH", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ stand: "erledigt", antwort: "Dritter Versuch." }),
});
const ohneAnhang = await hol("modi", `/workspace/api/support/${rId}/rueckmeldung`, {
method: "POST",
headers: { "x-geht": "nein", "x-text": encodeURIComponent("Nur der Text, kein Bild.") },
});
const standR4 = await (await hol("modi", "/workspace/api/support")).json();
const verlauf4 = (standR4.meldungen || []).find((m) => m.id === rId)?.verlauf || [];
ok(ohneAnhang.status === 200 && (verlauf4[2]?.bilder || []).length === 0,
`Runde 3 ohne Bild ist in Ordnung (${ohneAnhang.status}, `
+ `${(verlauf4[2]?.bilder || []).length} Bilder)`);
ok((verlauf4[0]?.bilder || []).length === 2 && (verlauf4[1]?.bilder || []).length === 1,
" und loescht an den Runden davor nichts");
/* ---- UND DIE OBERFLAECHE ERFAEHRT DIE GRENZE ------------------- */
const liste = await (await hol("modi", "/workspace/api/support")).json();
ok(liste.bilder_max === 3,
`der Server nennt die Grenze, damit sie im Browser nicht zweimal steht (${liste.bilder_max})`);
}
/* =====================================================================
5c. DER UMZUG DER ALTEN BILDER (02.10.2026)
=====================================================================
DIE WICHTIGSTE PRUEFUNG DIESES UMBAUS. Live liegen acht Meldungen
mit Bild in den alten Spalten `support_meldungen.bild_datei` und
dazu die Bilder an den Antwortrunden. Ab heute liest der Server
NUR noch `support_bilder`. Ohne den Umzug waeren diese Bilder
stillschweigend verschwunden -- kein Fehler, keine rote Zeile, nur
acht leere Karten. Genau die Sorte Schaden, die am 11.09. drei
Spalten gekostet hat.
SIE LAEUFT AUF EINER EIGENEN WEGWERF-DATENBANK und ruft
`supportTabellen()` direkt auf. Ueber den laufenden Server waere
es nicht zu messen: Dort ist die Datenbank frisch, es gibt gar
keine alten Zeilen, und die Pruefung waere gruen, ohne etwas
gesehen zu haben.
===================================================================== */
melde("\n=== Der Umzug der alten Bilder ===");
{
const { DatabaseSync } = await import("node:sqlite");
const { supportTabellen } = await import("./support-tabellen.js");
const altDatei = join(ordner, "alt-bestand.db");
const a = new DatabaseSync(altDatei);
/* DER STAND VON GESTERN, von Hand nachgebaut: die Tabellen OHNE
`support_bilder`, mit den Bildspalten gefuellt. */
a.exec(`
CREATE TABLE support_meldungen (
id INTEGER PRIMARY KEY AUTOINCREMENT, person_id INTEGER,
von_name TEXT, von_rolle TEXT, text TEXT NOT NULL, seite TEXT, geraet TEXT,
bild_datei TEXT, bild_typ TEXT, bild_breite INTEGER, bild_hoehe INTEGER,
stand TEXT NOT NULL DEFAULT 'neu', antwort TEXT, runde INTEGER NOT NULL DEFAULT 1,
erstellt TEXT NOT NULL, geaendert TEXT NOT NULL,
erledigt_am TEXT, erledigt_von INTEGER);
CREATE TABLE support_runden (
meldung_id INTEGER NOT NULL, nr INTEGER NOT NULL, antwort TEXT,
von_id INTEGER, von_name TEXT, am TEXT NOT NULL,
urteil TEXT, urteil_text TEXT, urteil_am TEXT);
INSERT INTO support_meldungen (text, bild_datei, bild_typ, bild_breite, bild_hoehe,
erstellt, geaendert)
VALUES ('mit Bild', 'alt-eins.png', 'image/png', 100, 240, '2026-09-01T10:00:00Z',
'2026-09-01T10:00:00Z');
INSERT INTO support_meldungen (text, erstellt, geaendert)
VALUES ('ohne Bild', '2026-09-02T10:00:00Z', '2026-09-02T10:00:00Z');
INSERT INTO support_runden (meldung_id, nr, antwort, am, urteil, urteil_am)
VALUES (1, 1, 'Probier es nochmal.', '2026-09-03T10:00:00Z',
'nicht', '2026-09-03T11:00:00Z');
`);
/* Das Bild der RUNDE steht absichtlich noch nicht drin: Die vier
Spalten dafuer gibt es in einer Datenbank von gestern gar nicht.
Genau das muss `supportTabellen` erst nachruesten -- und DANACH
umziehen. Stuende der Umzug vor der Nachruestung, scheiterte er
hier und nur hier, naemlich auf einer alten Datenbank. */
supportTabellen(a);
a.exec(`UPDATE support_runden SET urteil_bild_datei = 'alt-runde.gif',
urteil_bild_typ = 'image/gif', urteil_bild_breite = 50, urteil_bild_hoehe = 60
WHERE meldung_id = 1 AND nr = 1`);
/* ZWEITER DURCHLAUF -- so wie beim naechsten Neustart des Dienstes.
Er muss das Rundenbild nachholen UND das Meldungsbild NICHT
verdoppeln. */
supportTabellen(a);
const alle = a.prepare("SELECT * FROM support_bilder ORDER BY id").all();
ok(alle.length === 2, `beide alten Bilder sind umgezogen (${alle.length})`);
const zurMeldung = alle.filter((b) => b.runde_nr === null);
ok(zurMeldung.length === 1 && zurMeldung[0].datei === "alt-eins.png"
&& zurMeldung[0].typ === "image/png" && zurMeldung[0].breite === 100
&& zurMeldung[0].hoehe === 240,
` das Bild der Meldung mit Datei, Typ und Groesse (${zurMeldung[0]?.datei}, `
+ `${zurMeldung[0]?.breite}x${zurMeldung[0]?.hoehe})`);
const zurRunde = alle.filter((b) => b.runde_nr === 1);
ok(zurRunde.length === 1 && zurRunde[0].datei === "alt-runde.gif",
` und das Bild der Antwort an SEINER Runde (${zurRunde[0]?.datei})`);
ok(zurMeldung[0]?.erstellt === "2026-09-01T10:00:00Z",
` mit dem Datum von damals, nicht dem von heute (${zurMeldung[0]?.erstellt})`);
/* DRITTER DURCHLAUF: Er darf nichts mehr tun. Ein Umzug, der bei
jedem Neustart dieselben Zeilen noch einmal anlegt, fuellt die
Karte nach einer Woche mit sieben gleichen Bildern. */
supportTabellen(a);
const nochmal = a.prepare("SELECT COUNT(*) AS n FROM support_bilder").get().n;
ok(nochmal === 2, `ein weiterer Start verdoppelt nichts (${nochmal})`);
/* GEGENPROBE: Die Meldung OHNE Bild bekommt auch keines. Ohne
diese Zeile koennte der Umzug alles verdoppeln und waere noch
immer gruen. */
const beiOhne = a.prepare("SELECT COUNT(*) AS n FROM support_bilder WHERE meldung_id = 2")
.get().n;
ok(beiOhne === 0, `eine Meldung ohne Bild bekommt keines (${beiOhne})`);
a.close();
}
/* ===================================================================== /* =====================================================================
6. GEGENPROBEN — kann diese Pruefung ueberhaupt rot werden? 6. GEGENPROBEN — kann diese Pruefung ueberhaupt rot werden?
===================================================================== */ ===================================================================== */
@@ -680,7 +1043,7 @@ melde("\n=== Gegenproben (jede MUSS anschlagen) ===");
`ohne Anmeldung keine Liste (${ohne.status})`); `ohne Anmeldung keine Liste (${ohne.status})`);
/* Und ohne Anmeldung auch nicht an ein Bild. */ /* Und ohne Anmeldung auch nicht an ein Bild. */
const ohneBild = await fetch(BASIS + `/workspace/api/support/${meldungMitBild}/bild`); const ohneBild = await fetch(BASIS + bildWeg);
ok(ohneBild.status !== 200, `ohne Anmeldung kein Bild (${ohneBild.status})`); ok(ohneBild.status !== 200, `ohne Anmeldung kein Bild (${ohneBild.status})`);
} }
+96
View File
@@ -252,8 +252,55 @@ export function supportTabellen(d) {
ON support_meldungen(stand, id DESC); ON support_meldungen(stand, id DESC);
CREATE INDEX IF NOT EXISTS idx_support_person CREATE INDEX IF NOT EXISTS idx_support_person
ON support_meldungen(person_id, id DESC); ON support_meldungen(person_id, id DESC);
/* ==== MEHRERE BILDER JE MELDUNG (02.10.2026) ==================
VanVan im Support, Meldung #11 -- VIERMAL gemeldet: „Hier im
Supportbereich kann man immer nur ein Bild hinzufügen bei einer
Meldung. 2-3 wären besser." Und in Runde 2: „wenn man es
nacheinander versucht hinzuzufügen wird das Bild immer nur
ersetzt."
KEINE GEGEN-APOSTROPHE IN DIESEM TEXT. Er steht in einem
Template-Literal, und einer davon beendet es -- der Server
startet dann gar nicht mehr. Genau das ist in der Nacht zum
25.09. schon einmal passiert, zwanzig Zeilen weiter unten
steht die Warnung dazu, und beim Schreiben dieses Kommentars
ist es trotzdem wieder passiert. Ein Kommentar, der vor einem
Fehler warnt, verhindert ihn nicht.
EINE TABELLE FUER ALLE SUPPORTBILDER, nicht drei Spaltensaetze
nebeneinander. Die Alternative waere gewesen, bild2_datei,
bild3_datei danebenzustellen -- und beim vierten Bild wieder.
Eine Zeile je Bild kennt keine Obergrenze im Schema; die Grenze
steht an EINER Stelle im Code (BILDER_MAX) und laesst sich dort
aendern, ohne die Datenbank anzufassen.
runde_nr SAGT, WOZU ES GEHOERT: NULL heisst „zur Meldung
selbst", eine Zahl heisst „zur Antwort in dieser Runde". Damit
braucht es keine zweite Tabelle fuer die Runden -- es ist
dieselbe Frage („welches Bild gehoert hierhin?"), und zwei
Tabellen waeren zwei Antworten darauf.
DIE REIHENFOLGE IST DIE DES HOCHLADENS (die id). Eine eigene
Spalte nr waere eine Zahl, die jemand pflegen muss, sobald ein
Bild dazwischen weggeht. */
CREATE TABLE IF NOT EXISTS support_bilder (
id INTEGER PRIMARY KEY AUTOINCREMENT,
meldung_id INTEGER NOT NULL
REFERENCES support_meldungen(id) ON DELETE CASCADE,
runde_nr INTEGER,
datei TEXT NOT NULL,
typ TEXT,
breite INTEGER,
hoehe INTEGER,
erstellt TEXT NOT NULL
);
CREATE INDEX IF NOT EXISTS idx_support_bilder
ON support_bilder (meldung_id, runde_nr, id);
`); `);
/* ==== NACHTRAGEN, WAS `IF NOT EXISTS` NICHT NACHTRAEGT ============ /* ==== NACHTRAGEN, WAS `IF NOT EXISTS` NICHT NACHTRAEGT ============
(02.10.2026) (02.10.2026)
@@ -290,4 +337,53 @@ export function supportTabellen(d) {
console.error(`[support] Spalte '${spalte}':`, fehler?.message); console.error(`[support] Spalte '${spalte}':`, fehler?.message);
} }
} }
/* ==== DIE VORHANDENEN BILDER WANDERN MIT (02.10.2026) ============
Ohne diesen Schritt haette die neue Tabelle ab heute recht und
die acht Bilder von vorher waeren unsichtbar -- ein Umbau, der
Daten verliert, ohne dass etwas rot wird. Genau die Sorte, die
am 11.09. drei Spalten gekostet hat.
ERST HIER, NICHT WEITER OBEN. Gelesen wird `urteil_bild_datei`
aus `support_runden` -- und diese Spalte gibt es in einer
bestehenden Datenbank erst, nachdem die Nachruestung direkt
darueber gelaufen ist. Haette der Umzug oben gestanden, waere er
genau dort gescheitert, wo es darauf ankommt: live. Lokal waere
nichts aufgefallen, weil jede Pruefung ihre Datenbank frisch
anlegt und `CREATE TABLE` die Spalte dann gleich mitbringt.
ZWEIMAL AUSFUEHRBAR: Eingetragen wird nur, wo es noch keine Zeile
gibt. Ein zweiter Start darf nichts verdoppeln.
DIE ALTEN SPALTEN BLEIBEN STEHEN und werden ab jetzt nicht mehr
GESCHRIEBEN. Sie wegzunehmen hiesse, die Tabelle neu zu bauen --
und genau dabei gingen am 11.09. die drei Spalten verloren.
Gelesen wird ab jetzt nur noch `support_bilder`; die alten Felder
sind Geschichte, kein zweiter Weg daneben. */
try {
const n = new Date().toISOString();
const ausMeldung = d.prepare(`
INSERT INTO support_bilder (meldung_id, runde_nr, datei, typ, breite, hoehe, erstellt)
SELECT m.id, NULL, m.bild_datei, m.bild_typ, m.bild_breite, m.bild_hoehe,
COALESCE(m.erstellt, ?)
FROM support_meldungen m
WHERE m.bild_datei IS NOT NULL
AND NOT EXISTS (SELECT 1 FROM support_bilder b
WHERE b.meldung_id = m.id AND b.runde_nr IS NULL
AND b.datei = m.bild_datei)`).run(n);
const ausRunde = d.prepare(`
INSERT INTO support_bilder (meldung_id, runde_nr, datei, typ, breite, hoehe, erstellt)
SELECT r.meldung_id, r.nr, r.urteil_bild_datei, r.urteil_bild_typ,
r.urteil_bild_breite, r.urteil_bild_hoehe, COALESCE(r.urteil_am, ?)
FROM support_runden r
WHERE r.urteil_bild_datei IS NOT NULL
AND NOT EXISTS (SELECT 1 FROM support_bilder b
WHERE b.meldung_id = r.meldung_id AND b.runde_nr = r.nr
AND b.datei = r.urteil_bild_datei)`).run(n);
const mit = (ausMeldung.changes || 0) + (ausRunde.changes || 0);
if (mit) console.log(`[support] ${mit} vorhandene Bilder nach support_bilder uebernommen.`);
} catch (fehler) {
console.error("[support] BILDER NICHT UEBERNOMMEN:", fehler?.message);
}
} }
+313 -111
View File
@@ -64,6 +64,19 @@ const ANTWORT_MAX = 2000;
* Ein Bildschirmfoto vom Handy liegt bei 2 bis 5 MB. */ * Ein Bildschirmfoto vom Handy liegt bei 2 bis 5 MB. */
const BILD_MAX = 12 * 1024 * 1024; const BILD_MAX = 12 * 1024 * 1024;
/** Wie viele Bilder an EINE Meldung oder EINE Antwort dürfen.
*
* VanVan im Support, Meldung #11 — viermal gemeldet: „Hier im
* Supportbereich kann man immer nur ein Bild hinzufügen bei einer
* Meldung. 2-3 wären besser." Also drei, ihre eigene Obergrenze.
*
* DIE ZAHL STEHT AN EINER STELLE und nirgends sonst. Im Schema gibt
* es sie nicht (eine Zeile je Bild kennt keine Grenze), in der
* Oberfläche wird sie vom Server geholt. Eine zweite Zahl im Browser
* wäre die, die beim Erhöhen vergessen wird — genau das Muster, das
* am 06.09. den Umbruch bei 380 px gekostet hat. */
const BILDER_MAX = 3;
/** Wie viele offene Meldungen eine Person gleichzeitig haben darf. /** Wie viele offene Meldungen eine Person gleichzeitig haben darf.
* *
* Zehn, und damit deutlich großzügiger als die drei im vertraulichen * Zehn, und damit deutlich großzügiger als die drei im vertraulichen
@@ -100,6 +113,160 @@ function textSauber(s, max) {
.slice(0, max); .slice(0, max);
} }
/* =====================================================================
MEHRERE BILDER — EIN RUMPF, DIE LÄNGEN IM KOPF (02.10.2026)
=====================================================================
VanVan, Meldung #11: „2-3 wären besser." Und in der zweiten Runde
der Grund, warum der erste Versuch nicht reichte: „wenn man es
nacheinander versucht hinzuzufügen wird das Bild immer nur
ersetzt."
WIE DREI BILDER IN EINE ANFRAGE KOMMEN. Bisher war der Rumpf EIN
Bild — roh, ohne Verpackung, und `dateiErkennen` sah an den ersten
Bytes, was es ist. Für mehrere braucht es eine Grenze dazwischen.
Drei Wege standen zur Wahl:
1. `multipart/form-data`. Der übliche Weg — und er braucht einen
Zerleger, den dieses Haus nicht hat. Ein Paket mehr, um eine
Zahl zu übertragen, die auch in einen Kopf passt.
2. Drei Anfragen nacheinander. Das ist genau der Zustand, gegen
den die Kommentare bei `POST /support` schon argumentieren:
eine Meldung, die es gibt, während Bild zwei noch lädt — und
bei Abbruch für immer unvollständig.
3. DIE LÄNGEN IM KOPF, die Bilder hintereinander im Rumpf.
Es ist 3 geworden: `x-bilder: 20481,15320` sagt, wo zu schneiden
ist, und der Rumpf ist die Aneinanderreihung. Dieselbe Linie wie
bisher („Text im Kopf, Bild im Rumpf"), nur eine Angabe weiter.
EINE FALSCHE LÄNGE KANN NICHTS KAPUTTMACHEN. Die Summe muss auf
das Byte stimmen, sonst 400 — und jedes Stück wird danach einzeln
von `dateiErkennen` an seinen ersten Bytes gemessen. Wer falsch
schneidet, bekommt kein verfälschtes Bild, sondern eine Absage.
OHNE DEN KOPF IST ES DER ALTE WEG — ein Bild, der ganze Rumpf.
Das ist keine zweite Tür, sondern derselbe Satz mit einer Länge:
`[rumpf.length]`. Dadurch funktioniert eine Seite, die noch im
Zwischenspeicher des Browsers liegt, unverändert weiter. */
/** Den Rumpf in einzelne Bilder zerlegen.
*
* Gibt `{ teile }` oder `{ fehler: { code, text } }` zurück — nie
* beides und nie `null` für „ging schief". Der Aufrufer soll den
* Fehler weiterreichen können, ohne ihn selbst zu formulieren;
* sonst steht derselbe Satz an zwei Routen und altert einmal. */
function rumpfZerlegen(req) {
const rumpf = Buffer.isBuffer(req.body) ? req.body : Buffer.alloc(0);
if (!rumpf.length) return { teile: [] };
const kopf = String(req.get("x-bilder") || "").trim();
let laengen;
if (!kopf) {
laengen = [rumpf.length];
} else {
laengen = kopf.split(",").map((s) => Number(s.trim()));
if (laengen.some((n) => !Number.isInteger(n) || n <= 0)) {
return { fehler: { code: 400, text: "Die Bildlängen sind unbrauchbar." } };
}
}
if (laengen.length > BILDER_MAX) {
return {
fehler: {
code: 400,
text: `Mehr als ${BILDER_MAX} Bilder gehen nicht – nimm die wichtigsten.`,
},
};
}
if (laengen.some((n) => n > BILD_MAX)) {
return { fehler: { code: 413, text: "Ein Bild ist größer als 12 MB." } };
}
const summe = laengen.reduce((a, b) => a + b, 0);
/* AUF DAS BYTE. Ein „ungefähr" hieße, dass das letzte Bild
abgeschnitten ankommt und trotzdem gespeichert wird. */
if (summe !== rumpf.length) {
return { fehler: { code: 400, text: "Die Bilder sind unterwegs beschädigt worden." } };
}
const teile = [];
let ab = 0;
for (const n of laengen) { teile.push(rumpf.subarray(ab, ab + n)); ab += n; }
return { teile };
}
/** Die Stücke prüfen und auf die Platte legen.
*
* Gibt `{ bilder }` oder `{ fehler }`. Was schon geschrieben wurde,
* räumt sie bei einem späteren Fehlschlag SELBST weg — sonst
* sammelt der Ordner Dateien an, auf die keine Zeile zeigt und die
* deshalb niemand je wieder zuordnen kann. */
function bilderAblegen(teile) {
const bilder = [];
try {
for (const stueck of teile) {
const erkannt = dateiErkennen(stueck);
/* NUR BILDER. `dateiErkennen` kennt auch PDF und Ton — hier geht
es um Bildschirmfotos, und alles andere wäre eine Tür, nach
der niemand gefragt hat. */
if (!erkannt || erkannt.art !== "bild") {
for (const b of bilder) {
try { unlinkSync(join(BILD_ORDNER, b.datei)); } catch { /* egal */ }
}
return {
fehler: {
code: 415,
text: "Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.",
},
};
}
mkdirSync(BILD_ORDNER, { recursive: true });
const datei = `${Date.now()}-${randomBytes(8).toString("hex")}${erkannt.endung}`;
writeFileSync(join(BILD_ORDNER, datei), stueck);
bilder.push({
datei, typ: erkannt.typ,
breite: erkannt.breite || 0, hoehe: erkannt.hoehe || 0,
});
}
} catch (fehler) {
for (const b of bilder) {
try { unlinkSync(join(BILD_ORDNER, b.datei)); } catch { /* egal */ }
}
throw fehler;
}
return { bilder };
}
/** Die Zeilen schreiben — zur Meldung (`rundeNr === null`) oder zu
* einer Antwort. EINE Tabelle für beides, siehe support-tabellen.js. */
function bilderEintragen(meldungId, rundeNr, bilder, wann) {
const satz = db().prepare(`INSERT INTO support_bilder
(meldung_id, runde_nr, datei, typ, breite, hoehe, erstellt)
VALUES (?,?,?,?,?,?,?)`);
for (const b of bilder) {
satz.run(meldungId, rundeNr, b.datei, b.typ, b.breite, b.hoehe, wann);
}
}
/** Die Bilder einer Meldung oder einer Runde, in der Reihenfolge des
* Hochladens.
*
* DER WEG, NICHT DER DATEINAME. Was auf der Platte liegt, geht
* niemanden etwas an, der nur ein Bild anzeigen will — dieselbe
* Entscheidung wie beim Chat-Anhang. */
function bilderVon(meldungId, rundeNr) {
const zeilen = rundeNr === null
? db().prepare(`SELECT id, breite, hoehe FROM support_bilder
WHERE meldung_id = ? AND runde_nr IS NULL ORDER BY id`).all(meldungId)
: db().prepare(`SELECT id, breite, hoehe FROM support_bilder
WHERE meldung_id = ? AND runde_nr = ? ORDER BY id`).all(meldungId, rundeNr);
return zeilen.map((z) => ({
id: z.id,
weg: `/workspace/api/support/${meldungId}/bild/${z.id}`,
breite: z.breite || 0,
hoehe: z.hoehe || 0,
}));
}
/** Darf diese Person diese Meldung sehen? /** Darf diese Person diese Meldung sehen?
* *
* Gibt die Meldung zurück oder `null`. NIE `true`/`false` — dasselbe * Gibt die Meldung zurück oder `null`. NIE `true`/`false` — dasselbe
@@ -153,13 +320,15 @@ function nachDraussen(m, fuerLeitung, werFragtId) {
geaendert: m.geaendert, geaendert: m.geaendert,
erledigt_am: m.erledigt_am || null, erledigt_am: m.erledigt_am || null,
seite: m.seite || null, seite: m.seite || null,
/* Das Bild als fertige ADRESSE, nicht als Dateiname — sonst setzt /* ==== EINE LISTE, AUCH WENN NUR EINES DRAN HÄNGT (02.10.2026) ==
jede Stelle im Browser denselben Pfad zusammen, und eine davon
setzt ihn irgendwann anders. Dieselbe Entscheidung wie beim Hier standen `bild`, `bild_breite`, `bild_hoehe` — drei Felder
Chat-Anhang. */ für genau ein Bild. Daneben eine Liste zu stellen hieße: zwei
bild: m.bild_datei ? `/workspace/api/support/${m.id}/bild` : null, Auskünfte auf dieselbe Frage, und die zweite wird irgendwann
bild_breite: m.bild_breite || 0, nicht mehr mitgepflegt. Deshalb nur noch `bilder` — leer,
bild_hoehe: m.bild_hoehe || 0, eines oder bis zu drei. Die Oberfläche schleift darüber und
muss den Sonderfall „genau eines" nicht kennen. */
bilder: bilderVon(m.id, null),
von: m.von_name || null, von: m.von_name || null,
von_rolle: m.von_rolle || null, von_rolle: m.von_rolle || null,
/* Nur die Leitung braucht zu wissen, mit welchem Gerät gemeldet /* Nur die Leitung braucht zu wissen, mit welchem Gerät gemeldet
@@ -191,18 +360,16 @@ function nachDraussen(m, fuerLeitung, werFragtId) {
/** Der Verlauf einer Meldung -- eine Zeile je Runde. */ /** Der Verlauf einer Meldung -- eine Zeile je Runde. */
function verlaufVon(id) { function verlaufVon(id) {
return db().prepare(`SELECT nr, antwort, von_name, am, urteil, urteil_text, urteil_am, return db().prepare(`SELECT nr, antwort, von_name, am, urteil, urteil_text, urteil_am
urteil_bild_datei
FROM support_runden WHERE meldung_id = ? ORDER BY nr`).all(id) FROM support_runden WHERE meldung_id = ? ORDER BY nr`).all(id)
.map((r) => ({ .map((r) => ({
nr: r.nr, antwort: r.antwort, von: r.von_name || null, am: r.am, nr: r.nr, antwort: r.antwort, von: r.von_name || null, am: r.am,
urteil: r.urteil || null, urteil_text: r.urteil_text || null, urteil: r.urteil || null, urteil_text: r.urteil_text || null,
urteil_am: r.urteil_am || null, urteil_am: r.urteil_am || null,
/* DER WEG, NICHT DER DATEINAME. Wie beim Bild der Meldung eine /* AUCH HIER EINE LISTE und dieselbe Form wie bei der Meldung —
Zeile weiter oben: Was auf der Platte liegt, geht niemanden die Oberfläche hat dadurch EINE Funktion für beide Stellen
etwas an, der nur ein Bild anzeigen will. */ statt zweier, die auseinanderlaufen. */
urteil_bild: r.urteil_bild_datei bilder: bilderVon(id, r.nr),
? `/workspace/api/support/${id}/runde/${r.nr}/bild` : null,
})); }));
} }
@@ -241,6 +408,11 @@ supportRouter.get("/workspace/api/support", (req, res) => {
: db().prepare(`SELECT COUNT(*) AS n FROM support_meldungen : db().prepare(`SELECT COUNT(*) AS n FROM support_meldungen
WHERE person_id = ? AND stand <> 'erledigt'`).get(req.person.id).n, WHERE person_id = ? AND stand <> 'erledigt'`).get(req.person.id).n,
hoechstens_bytes: BILD_MAX, hoechstens_bytes: BILD_MAX,
/* WIE VIELE BILDER GEHEN — vom Server gesagt, nicht im Browser
gewusst. Dieselbe Überlegung wie bei `hoechstens_bytes` eine
Zeile darüber: Eine zweite Zahl in der Oberfläche wäre die,
die beim Ändern vergessen wird. */
bilder_max: BILDER_MAX,
text_max: TEXT_MAX, text_max: TEXT_MAX,
}); });
} catch (fehler) { } catch (fehler) {
@@ -249,20 +421,45 @@ supportRouter.get("/workspace/api/support", (req, res) => {
} }
}); });
/** Das Bild einer Meldung. /** EIN Bild — egal ob es zur Meldung oder zu einer Antwort gehört.
*
* ==== EINE ROUTE STATT DREI (02.10.2026) ==========================
*
* Hier standen zwei: `/:id/bild` für das Bild der Meldung und
* `/:id/runde/:nr/bild` für das der Antwort. Mit bis zu drei Bildern
* je Stelle hätte jede eine laufende Nummer dazubekommen — zwei
* Routen, die dasselbe tun, und eine dritte Zählung, die zu nichts
* gehört außer zur Reihenfolge in der Anzeige.
*
* Jetzt hat jedes Bild eine eigene Nummer (die Zeile in
* `support_bilder`), und die Adresse nennt sie. Wohin es gehört,
* steht in der Zeile — der Weg muss es nicht noch einmal sagen.
*
* DIE MELDUNGSNUMMER BLEIBT TROTZDEM IM PFAD, obwohl die Bildnummer
* allein eindeutig wäre. Sie ist die SICHTBARKEITSFRAGE: Wer die
* Meldung sehen darf, sieht ihre Bilder. Stünde sie nicht im Pfad,
* müsste die Route sie aus der Bildzeile nachschlagen — dasselbe
* Ergebnis, aber ein Blick in den Quelltext mehr, um es zu wissen.
* Beides muss zusammenpassen, sonst 404.
* *
* Dieselben Kopfzeilen wie beim Chat-Anhang: der Typ aus der * Dieselben Kopfzeilen wie beim Chat-Anhang: der Typ aus der
* ERKENNUNG (nicht der eingeschickte), nosniff, und eine Richtlinie, * ERKENNUNG (nicht der eingeschickte), nosniff, und eine Richtlinie,
* die dem Dokument jede Ausführung nimmt. */ * die dem Dokument jede Ausführung nimmt.
supportRouter.get("/workspace/api/support/:id(\\d+)/bild", (req, res) => { *
* 404 UND NICHT 403, wie überall im Haus: Wer eine fremde Meldung
* nicht sehen darf, soll auch nicht erfahren, dass es sie gibt. */
supportRouter.get("/workspace/api/support/:id(\\d+)/bild/:bid(\\d+)", (req, res) => {
try { try {
const m = meldungFuer(req.person, req.params.id); const m = meldungFuer(req.person, req.params.id);
if (!m || !m.bild_datei) return res.status(404).json({ fehler: "nicht_gefunden" }); if (!m) return res.status(404).json({ fehler: "nicht_gefunden" });
const pfad = join(BILD_ORDNER, m.bild_datei); const b = db().prepare("SELECT datei, typ FROM support_bilder WHERE id = ? AND meldung_id = ?")
.get(Number(req.params.bid), m.id);
if (!b) return res.status(404).json({ fehler: "nicht_gefunden" });
const pfad = join(BILD_ORDNER, b.datei);
try { statSync(pfad); } catch { try { statSync(pfad); } catch {
return res.status(410).json({ fehler: "Das Bild fehlt auf der Platte." }); return res.status(410).json({ fehler: "Das Bild fehlt auf der Platte." });
} }
res.setHeader("Content-Type", m.bild_typ || "image/png"); res.setHeader("Content-Type", b.typ || "image/png");
res.setHeader("X-Content-Type-Options", "nosniff"); res.setHeader("X-Content-Type-Options", "nosniff");
res.setHeader("Content-Security-Policy", "default-src 'none'; sandbox"); res.setHeader("Content-Security-Policy", "default-src 'none'; sandbox");
res.setHeader("Cache-Control", "private, max-age=86400"); res.setHeader("Cache-Control", "private, max-age=86400");
@@ -308,9 +505,16 @@ function darfMelden(req, res, next) {
* Ein leerer Rumpf ist zulässig: Dann gibt es eben kein Bild. */ * Ein leerer Rumpf ist zulässig: Dann gibt es eben kein Bild. */
supportRouter.post("/workspace/api/support", supportRouter.post("/workspace/api/support",
darfMelden, darfMelden,
express.raw({ type: "*/*", limit: BILD_MAX }), /* DREIMAL DIE EINZELGRENZE. Das Paket darf so groß sein wie drei
erlaubte Bilder — mehr nicht. Hier `BILD_MAX` stehen zu lassen
hieße: Wer zwei Bildschirmfotos schickt, bekommt eine Absage von
express, bevor irgendeine Zeile dieses Hauses davon erfährt, und
sie lautete „request entity too large" statt eines Satzes, mit
dem jemand etwas anfangen kann. Die Grenze JE BILD prüft
`rumpfZerlegen` weiterhin selbst. */
express.raw({ type: "*/*", limit: BILD_MAX * BILDER_MAX }),
(req, res) => { (req, res) => {
let geschrieben = null; let geschrieben = [];
try { try {
let text = ""; let text = "";
try { text = decodeURIComponent(req.get("x-text") || ""); } catch { text = ""; } try { text = decodeURIComponent(req.get("x-text") || ""); } catch { text = ""; }
@@ -321,38 +525,33 @@ supportRouter.post("/workspace/api/support",
}); });
} }
let bildDatei = null, bildTyp = null, bildBreite = 0, bildHoehe = 0; const zerlegt = rumpfZerlegen(req);
if (Buffer.isBuffer(req.body) && req.body.length) { if (zerlegt.fehler) {
const erkannt = dateiErkennen(req.body); return res.status(zerlegt.fehler.code).json({ fehler: zerlegt.fehler.text });
/* NUR BILDER. dateiErkennen kennt auch PDF und Ton — hier geht
es um Bildschirmfotos, und alles andere wäre eine Tür, die
niemand bestellt hat. */
if (!erkannt || erkannt.art !== "bild") {
return res.status(415).json({
fehler: "Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.",
});
} }
mkdirSync(BILD_ORDNER, { recursive: true }); const abgelegt = bilderAblegen(zerlegt.teile);
bildDatei = `${Date.now()}-${randomBytes(8).toString("hex")}${erkannt.endung}`; if (abgelegt.fehler) {
writeFileSync(join(BILD_ORDNER, bildDatei), req.body); return res.status(abgelegt.fehler.code).json({ fehler: abgelegt.fehler.text });
geschrieben = join(BILD_ORDNER, bildDatei);
bildTyp = erkannt.typ;
bildBreite = erkannt.breite || 0;
bildHoehe = erkannt.hoehe || 0;
} }
geschrieben = abgelegt.bilder.map((b) => join(BILD_ORDNER, b.datei));
const n = jetzt(); const n = jetzt();
/* DIE ALTEN BILDSPALTEN WERDEN NICHT MEHR GEFÜLLT (02.10.2026).
Sie stehen noch in der Tabelle, weil sie wegzunehmen hieße,
sie neu zu bauen — und genau dabei gingen am 11.09. drei
Spalten verloren. Ihr Inhalt ist beim Start nach
`support_bilder` gewandert; von dort wird ab jetzt gelesen,
und nur von dort. */
const info = db().prepare(`INSERT INTO support_meldungen const info = db().prepare(`INSERT INTO support_meldungen
(person_id, von_name, von_rolle, text, seite, geraet, (person_id, von_name, von_rolle, text, seite, geraet,
bild_datei, bild_typ, bild_breite, bild_hoehe,
stand, erstellt, geaendert) stand, erstellt, geaendert)
VALUES (?,?,?,?,?,?,?,?,?,?,?,?,?)`) VALUES (?,?,?,?,?,?,?,?,?)`)
.run(req.person.id, req.person.name || null, req.person.rolle || null, .run(req.person.id, req.person.name || null, req.person.rolle || null,
text, sauber(req.get("x-seite"), SEITE_MAX) || null, text, sauber(req.get("x-seite"), SEITE_MAX) || null,
sauber(req.get("user-agent"), GERAET_MAX) || null, sauber(req.get("user-agent"), GERAET_MAX) || null,
bildDatei, bildTyp, bildBreite, bildHoehe,
SUPPORT_STAND.neu, n, n); SUPPORT_STAND.neu, n, n);
const id = Number(info.lastInsertRowid); const id = Number(info.lastInsertRowid);
bilderEintragen(id, null, abgelegt.bilder, n);
protokolliere("support_gemeldet", { protokolliere("support_gemeldet", {
personId: req.person.id, rolle: req.person.rolle, ip: echteIp(req), personId: req.person.id, rolle: req.person.rolle, ip: echteIp(req),
@@ -380,10 +579,13 @@ supportRouter.post("/workspace/api/support",
meldung: nachDraussen(frisch, istLeitung(req.person), req.person.id), meldung: nachDraussen(frisch, istLeitung(req.person), req.person.id),
}); });
} catch (fehler) { } catch (fehler) {
/* DIE DATEI GEHT MIT, WENN DIE ZEILE NICHT ZUSTANDE KAM. Sonst /* DIE DATEIEN GEHEN MIT, WENN DIE ZEILE NICHT ZUSTANDE KAM.
sammelt der Ordner Bilder an, zu denen es keine Meldung gibt — Sonst sammelt der Ordner Bilder an, zu denen es keine Meldung
und niemand merkt es, weil nichts darauf zeigt. */ gibt — und niemand merkt es, weil nichts darauf zeigt.
if (geschrieben) { try { unlinkSync(geschrieben); } catch { /* egal */ } } ALLE DREI, nicht nur das letzte: Hier stand eine einzelne
Variable, und mit mehreren Bildern wäre genau das die stille
Lücke geworden. */
for (const p of geschrieben) { try { unlinkSync(p); } catch { /* egal */ } }
console.error("[support] Melden:", fehler?.message); console.error("[support] Melden:", fehler?.message);
res.status(503).json({ fehler: "nicht_verfuegbar" }); res.status(503).json({ fehler: "nicht_verfuegbar" });
} }
@@ -449,8 +651,8 @@ supportRouter.post("/workspace/api/support",
EIN LEERER RUMPF IST ZULÄSSIG. Wer kein Bildschirmfoto hat, soll EIN LEERER RUMPF IST ZULÄSSIG. Wer kein Bildschirmfoto hat, soll
trotzdem antworten können; ein Bild ist Hilfe, keine Hürde. */ trotzdem antworten können; ein Bild ist Hilfe, keine Hürde. */
supportRouter.post("/workspace/api/support/:id/rueckmeldung", supportRouter.post("/workspace/api/support/:id/rueckmeldung",
express.raw({ type: "*/*", limit: BILD_MAX }), (req, res) => { express.raw({ type: "*/*", limit: BILD_MAX * BILDER_MAX }), (req, res) => {
let geschrieben = null; let geschrieben = [];
try { try {
const id = Number(req.params.id); const id = Number(req.params.id);
if (!Number.isInteger(id)) return res.status(400).json({ fehler: "ungueltig" }); if (!Number.isInteger(id)) return res.status(400).json({ fehler: "ungueltig" });
@@ -482,39 +684,51 @@ supportRouter.post("/workspace/api/support/:id/rueckmeldung",
}); });
} }
/* DAS BILD -- dieselbe Erkennung und dieselbe Absage wie beim /* DIE BILDER -- derselbe Weg und dieselbe Absage wie beim
Melden. `dateiErkennen` kennt auch PDF und Ton; hier geht es Melden, und zwar wörtlich dieselben zwei Funktionen. Eine
um Bildschirmfotos, und alles andere wäre eine Tür, nach der eigene Fassung hier wäre die, die beim nächsten Dateityp
niemand gefragt hat. */ vergessen wird. */
let bildDatei = null, bildTyp = null, bildBreite = 0, bildHoehe = 0; const zerlegt = rumpfZerlegen(req);
if (Buffer.isBuffer(req.body) && req.body.length) { if (zerlegt.fehler) {
const erkannt = dateiErkennen(req.body); return res.status(zerlegt.fehler.code).json({ fehler: zerlegt.fehler.text });
if (!erkannt || erkannt.art !== "bild") {
return res.status(415).json({
fehler: "Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.",
});
} }
mkdirSync(BILD_ORDNER, { recursive: true }); const abgelegt = bilderAblegen(zerlegt.teile);
bildDatei = `${Date.now()}-${randomBytes(8).toString("hex")}${erkannt.endung}`; if (abgelegt.fehler) {
writeFileSync(join(BILD_ORDNER, bildDatei), req.body); return res.status(abgelegt.fehler.code).json({ fehler: abgelegt.fehler.text });
geschrieben = join(BILD_ORDNER, bildDatei);
bildTyp = erkannt.typ;
bildBreite = erkannt.breite || 0;
bildHoehe = erkannt.hoehe || 0;
} }
geschrieben = abgelegt.bilder.map((b) => join(BILD_ORDNER, b.datei));
const n = jetzt(); const n = jetzt();
const runde = m.runde || 1; const runde = m.runde || 1;
db().prepare(`UPDATE support_runden db().prepare(`UPDATE support_runden
SET urteil = ?, urteil_text = ?, urteil_am = ?, SET urteil = ?, urteil_text = ?, urteil_am = ?
urteil_bild_datei = COALESCE(?, urteil_bild_datei),
urteil_bild_typ = COALESCE(?, urteil_bild_typ),
urteil_bild_breite = COALESCE(?, urteil_bild_breite),
urteil_bild_hoehe = COALESCE(?, urteil_bild_hoehe)
WHERE meldung_id = ? AND nr = ?`) WHERE meldung_id = ? AND nr = ?`)
.run(geht ? "geht" : "nicht", wort || null, n, .run(geht ? "geht" : "nicht", wort || null, n, m.id, runde);
bildDatei, bildTyp, bildDatei ? bildBreite : null,
bildDatei ? bildHoehe : null, m.id, runde); /* ==== EINFACH EINTRAGEN -- OHNE „ERSETZEN" (02.10.2026) ======
Hier stand zuerst: alte Bilder dieser Runde löschen, dann die
neuen eintragen. Begründung war „wer nachlegt, ersetzt seine
Antwort, die Bilder müssen mitziehen". Das klang richtig und
WAR ES NICHT -- die Prüfung dazu ist rot geworden, und zwar
zu Recht: Der Fall gibt es nicht.
NACHGEMESSEN: Eine zweite Antwort IN DERSELBEN RUNDE ist
unmöglich. `darfBestaetigen` verlangt den Stand „wartet", und
diese Antwort hier verlässt ihn in jedem Fall -- bei „geht"
nach „erledigt", bei „noch nicht" nach „in Arbeit" UND eine
Runde weiter. Der Melder bekommt beim zweiten Versuch 409;
genau das prüft `pruef-support` an zwei Stellen.
Also wäre das Löschen Code gewesen, der nie läuft -- und
damit Code, den niemand je prüfen kann. Das ist dieselbe
Sorte wie die Prüfung, die immer bestätigt: Sie sieht nach
Sorgfalt aus und trägt nichts.
DIE GRENZE VON DREI STEHT DAMIT AN EINER STELLE: in
`rumpfZerlegen`, je Anfrage -- und eine Anfrage je Runde ist
alles, was es gibt. */
bilderEintragen(m.id, runde, abgelegt.bilder, n);
if (geht) { if (geht) {
db().prepare(`UPDATE support_meldungen db().prepare(`UPDATE support_meldungen
@@ -556,49 +770,23 @@ supportRouter.post("/workspace/api/support/:id/rueckmeldung",
const frisch = db().prepare("SELECT * FROM support_meldungen WHERE id = ?").get(m.id); const frisch = db().prepare("SELECT * FROM support_meldungen WHERE id = ?").get(m.id);
res.json({ meldung: nachDraussen(frisch, false, req.person.id) }); res.json({ meldung: nachDraussen(frisch, false, req.person.id) });
} catch (fehler) { } catch (fehler) {
/* DIE DATEI WIEDER WEG, wenn das Schreiben danach scheitert -- /* DIE DATEIEN WIEDER WEG, wenn das Schreiben danach scheitert --
derselbe Handgriff wie beim Melden. Ohne ihn sammelt der derselbe Handgriff wie beim Melden. Ohne ihn sammelt der
Bildordner Dateien an, zu denen es keine Zeile gibt, und Bildordner Dateien an, zu denen es keine Zeile gibt, und
niemand kann sie je zuordnen. */ niemand kann sie je zuordnen. */
if (geschrieben) { try { unlinkSync(geschrieben); } catch { /* egal */ } } for (const p of geschrieben) { try { unlinkSync(p); } catch { /* egal */ } }
console.error("[support] Rueckmeldung:", fehler?.message); console.error("[support] Rueckmeldung:", fehler?.message);
res.status(503).json({ fehler: "nicht_verfuegbar" }); res.status(503).json({ fehler: "nicht_verfuegbar" });
} }
}); });
/* Das Bild zu EINER Runde. /* HIER STAND `/:id/runde/:nr/bild` (02.10.2026 entfernt).
* *
* EIGENE ROUTE UND NICHT `/:id/bild` MIT ZUSATZ: Das Bild der * Sie lieferte das EINE Bild einer Antwort und hätte für drei eine
* Meldung und das einer Antwort sind zwei verschiedene Dinge mit * laufende Nummer dazubekommen müssen. Statt zwei fast gleicher
* verschiedenen Nummern. Eine Route, die mal das eine und mal das * Routen mit je einer Zählung gibt es jetzt eine einzige weiter
* andere liefert, braucht beim Lesen jedes Mal einen Blick in den * oben: `/:id/bild/:bid`. Wohin ein Bild gehört, steht in seiner
* Quelltext. * Zeile — der Weg muss es nicht wiederholen. */
*
* SICHTBARKEIT: dieselbe Regel wie beim Verlauf -- wer die Meldung
* sehen darf, sieht auch ihre Bilder. 404 und nicht 403, damit
* niemand an der Antwort ablesen kann, dass es die Meldung gibt. */
supportRouter.get("/workspace/api/support/:id(\\d+)/runde/:nr(\\d+)/bild", (req, res) => {
try {
const m = meldungFuer(req.person, req.params.id);
if (!m) return res.status(404).json({ fehler: "nicht_gefunden" });
const r = db().prepare(`SELECT urteil_bild_datei, urteil_bild_typ
FROM support_runden WHERE meldung_id = ? AND nr = ?`)
.get(m.id, Number(req.params.nr));
if (!r || !r.urteil_bild_datei) return res.status(404).json({ fehler: "nicht_gefunden" });
const pfad = join(BILD_ORDNER, r.urteil_bild_datei);
try { statSync(pfad); } catch {
return res.status(410).json({ fehler: "Das Bild fehlt auf der Platte." });
}
res.setHeader("Content-Type", r.urteil_bild_typ || "image/png");
res.setHeader("X-Content-Type-Options", "nosniff");
res.setHeader("Content-Security-Policy", "default-src 'none'; sandbox");
res.setHeader("Cache-Control", "private, max-age=86400");
liefereDatei(req, res, pfad);
} catch (fehler) {
console.error("[support] Rundenbild:", fehler?.message);
res.status(503).json({ fehler: "nicht_verfuegbar" });
}
});
supportRouter.patch("/workspace/api/support/:id(\\d+)", express.json(), (req, res) => { supportRouter.patch("/workspace/api/support/:id(\\d+)", express.json(), (req, res) => {
try { try {
@@ -743,13 +931,27 @@ supportRouter.patch("/workspace/api/support/:id(\\d+)", express.json(), (req, re
export function supportAufraeumen() { export function supportAufraeumen() {
try { try {
const grenze = new Date(Date.now() - AUFBEWAHRUNG_TAGE * 86400000).toISOString(); const grenze = new Date(Date.now() - AUFBEWAHRUNG_TAGE * 86400000).toISOString();
const alt = db().prepare(`SELECT id, bild_datei FROM support_meldungen const alt = db().prepare(`SELECT id FROM support_meldungen
WHERE stand = 'erledigt' AND erledigt_am IS NOT NULL AND erledigt_am < ?`).all(grenze); WHERE stand = 'erledigt' AND erledigt_am IS NOT NULL AND erledigt_am < ?`).all(grenze);
if (!alt.length) return 0; if (!alt.length) return 0;
const dazu = db().prepare("SELECT datei FROM support_bilder WHERE meldung_id = ?");
for (const m of alt) { for (const m of alt) {
if (m.bild_datei) { /* ALLE BILDER DER MELDUNG, auch die aus den Antwortrunden
try { unlinkSync(join(BILD_ORDNER, m.bild_datei)); } catch { /* schon weg */ } (02.10.2026). Hier stand `m.bild_datei` — das EINE Bild der
Meldung. Die Bilder zu den Antworten blieben damit auf der
Platte liegen, ohne Zeile, die auf sie zeigt; aufgefallen ist
es beim Umbau auf mehrere Bilder, nicht im Betrieb. Dass die
Liste jetzt aus einer Abfrage kommt statt aus einer Spalte,
ist der Grund, warum sie beim nächsten Ort nicht wieder
unvollständig sein kann. */
for (const b of dazu.all(m.id)) {
try { unlinkSync(join(BILD_ORDNER, b.datei)); } catch { /* schon weg */ }
} }
/* Die Zeilen in `support_bilder` gehen über ON DELETE CASCADE
mit — vorausgesetzt, die Fremdschlüssel sind eingeschaltet.
Deshalb hier zusätzlich von Hand: Eine Aufräumfunktion, die
von einer Einstellung abhängt, räumt irgendwann nicht auf. */
db().prepare("DELETE FROM support_bilder WHERE meldung_id = ?").run(m.id);
db().prepare("DELETE FROM support_meldungen WHERE id = ?").run(m.id); db().prepare("DELETE FROM support_meldungen WHERE id = ?").run(m.id);
} }
console.log(`[support] ${alt.length} erledigte Meldungen aelter als ` console.log(`[support] ${alt.length} erledigte Meldungen aelter als `
+5 -5
View File
@@ -16,8 +16,8 @@
verdeckt. Gefunden hat es pruef-struktur. verdeckt. Gefunden hat es pruef-struktur.
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. --> Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als <!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
ausserhalb der App -- auf einer Seite, die genau erklaeren soll, ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
@@ -33,7 +33,7 @@
schreibt jede Seite app.webmanifest -- auch die hier. --> schreibt jede Seite app.webmanifest -- auch die hier. -->
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<style> <style>
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite /* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht, soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
@@ -135,7 +135,7 @@
<script src="assets/js/anruf-probe.js?v=202610021926" defer></script> <script src="assets/js/anruf-probe.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+4 -4
View File
@@ -23,25 +23,25 @@
}, },
"icons": [ "icons": [
{ {
"src": "/assets/img/app-symbole/workspace-192.png?v=202610021926", "src": "/assets/img/app-symbole/workspace-192.png?v=202610022336",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/assets/img/app-symbole/workspace-512.png?v=202610021926", "src": "/assets/img/app-symbole/workspace-512.png?v=202610022336",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png", "type": "image/png",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202610021926", "src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202610022336",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
}, },
{ {
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202610021926", "src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202610022336",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
+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 /* DIE VORSCHAU IST KLEIN UND HAT EINE OBERGRENZE. Ein hochkantes
Bildschirmfoto vom Handy ist sonst höher als der ganze Dialog, und Bildschirmfoto vom Handy ist sonst höher als der ganze Dialog, und
die Knöpfe darunter wären nicht mehr zu sehen. */ die Knöpfe darunter wären nicht mehr zu sehen.
.nachfrage__vorschau {
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; 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-width: 100%;
max-height: 160px; max-height: 120px;
width: auto; width: auto;
border-radius: 10px; border-radius: 10px;
border: 1px solid var(--rand); 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. */ /* Augenschonend: kein greller weißer Kasten, bevor das Bild da ist. */
background: rgba(255, 255, 255, .03); 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 input,
.nachfrage__form textarea { .nachfrage__form textarea {
width: 100%; width: 100%;
+12 -2
View File
@@ -652,7 +652,16 @@ body.reaktion-seite > .kopfleiste { flex: none; }
/* Ein Schild, damit niemand ein stehendes Bild fuer eine /* Ein Schild, damit niemand ein stehendes Bild fuer eine
eingefrorene Kamera haelt. */ eingefrorene Kamera haelt. */
.kamera[data-bildschirm="ja"] .kamera__name::before { .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); color: var(--schrift-leise);
} }
.kamera__name { .kamera__name {
@@ -2411,7 +2420,8 @@ body.reaktion-seite > .kopfleiste { flex: none; }
unterscheidet, sieht ihn gar nicht. Ein Wort kann man nicht unterscheidet, sieht ihn gar nicht. Ein Wort kann man nicht
uebersehen. Fuer Hilfsmittel steht daneben `aria-pressed`. */ uebersehen. Fuer Hilfsmittel steht daneben `aria-pressed`. */
.muenzsatz[aria-pressed="true"] .muenzsatz__name::after { .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; color: #9ab7ff; font-weight: 700;
} }
.muenzsatz__wort { .muenzsatz__wort {
+94 -29
View File
@@ -71,13 +71,66 @@
} }
.s-bild__name { font-size: .8rem; color: var(--text-still); } .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 { .s-vorschau img {
display: block; max-width: 100%; max-height: 260px; display: block; max-width: 100%; max-height: 200px;
width: auto; height: auto; width: auto; height: auto;
border-radius: var(--radius-klein); border-radius: var(--radius-klein);
border: 1px solid var(--rand); 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 { .s-knopfreihe {
display: flex; align-items: center; gap: 12px; flex-wrap: wrap; 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__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 { .s-karte__bild img {
display: block; max-width: 100%; max-height: 300px; display: block; max-width: 100%; max-height: 300px;
width: auto; height: auto; width: auto; height: auto;
@@ -292,24 +354,14 @@
Dieselbe Fase, derselbe heller werdende Rand und dieselbe Dieselbe Fase, derselbe heller werdende Rand und dieselbe
Fokusmarke wie oben: Was gleich funktioniert, soll gleich Fokusmarke wie oben: Was gleich funktioniert, soll gleich
aussehen. */ aussehen. */
.s-runde__bild { /* SEIT DEM 02.10. DERSELBE KASTEN wie oben (`.s-karte__bild`), nur
display: block; kleiner. Hier stand eine eigene Klasse `.s-runde__bild` mit fast
margin-top: 8px; denselben zwanzig Zeilen -- zwei Stellen, an denen dasselbe steht,
border-radius: 3px; und beim naechsten Mal wird nur eine davon verbessert. Was bleibt,
} ist der Groessenunterschied, und der ist der ganze Grund: */
.s-runde__bild img { .s-runde .s-karte__bild { margin-top: 8px; }
display: block; max-width: 100%; max-height: 180px; .s-runde .s-karte__bild img { max-height: 180px; }
width: auto; height: auto; .s-runde .s-karte__bild[data-viele] img { max-height: 120px; }
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; }
/* ===================================================================== /* =====================================================================
DAS BILD NEBEN DEN TEXT, NICHT DARUNTER (25.09.2026) 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 Breite waere eine Luecke bei jeder Meldung ohne Bild -- und die sind
die Mehrzahl. 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) { @media (min-width: 760px) {
.s-karte:has(.s-karte__bild) { .s-karte:has(> .s-karte__bild) {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: grid-template-areas:
@@ -341,12 +400,12 @@
column-gap: 20px; column-gap: 20px;
align-items: start; align-items: start;
} }
.s-karte:has(.s-karte__bild) > .s-karte__kopf { grid-area: kopf; } .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__text { grid-area: text; }
.s-karte:has(.s-karte__bild) > .s-karte__wo { grid-area: wo; } .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-antwort { grid-area: antwort; }
.s-karte:has(.s-karte__bild) > .s-karte__tun { grid-area: tun; } .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__bild {
grid-area: bild; margin-top: 0; align-self: start; grid-area: bild; margin-top: 0; align-self: start;
} }
/* 180 UND NICHT 260 (gemessen 25.09.2026). Bei 260 war die Karte /* 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 anklickbar ("In voller Groesse ansehen"), eine Vorschau reicht
also. Ein Handy-Bildschirmfoto ist bei 180 px noch als solches zu also. Ein Handy-Bildschirmfoto ist bei 180 px noch als solches zu
erkennen; darum geht es an dieser Stelle. */ 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; } .s-karte__bild a:focus-visible img { outline: 2px solid var(--akzent); outline-offset: 2px; }
+19 -4
View File
@@ -659,14 +659,29 @@
async function eintragLoeschen(e, aufgabe) { async function eintragLoeschen(e, aufgabe) {
const was = e.name || (e.link ? kurzLink(e.link) : tagText(e.datum)); const was = e.name || (e.link ? kurzLink(e.link) : tagText(e.datum));
const frage = window.frageNach /* ==== KEIN ZWEITER NOTNAGEL (02.10.2026) =======================
? await window.frageNach({
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?`, titel: `„${was}“ löschen?`,
was: 'Der Eintrag verschwindet aus deinem Monatszähler.', was: 'Der Eintrag verschwindet aus deinem Monatszähler.',
bleibt: e.lead_id ? 'Der Lead im Scout-CRM bleibt bestehen.' : '', bleibt: e.lead_id ? 'Der Lead im Scout-CRM bleibt bestehen.' : '',
endgueltig: true, ja: 'Löschen', endgueltig: true, ja: 'Löschen',
}) });
: window.confirm(`„${was}“ löschen?`);
if (!frage) return; if (!frage) return;
try { try {
const a = await hole(`${BASIS}/eintrag/${e.id}`, { method: 'DELETE' }); const a = await hole(`${BASIS}/eintrag/${e.id}`, { method: 'DELETE' });
+129 -44
View File
@@ -82,10 +82,15 @@
gleichzeitig kann der Browser ohnehin nicht, und ein neuer je gleichzeitig kann der Browser ohnehin nicht, und ein neuer je
Aufruf wuerde den Fokus verlieren. */ Aufruf wuerde den Fokus verlieren. */
var dlg = null, feld = null, tippfeld = null, zahlfeld = null, fehlerZeile = null; var dlg = null, feld = null, tippfeld = null, zahlfeld = null, fehlerZeile = null;
/* Das gewaehlte Bild und die Adresse seiner Vorschau. Beides lebt /* Die gewaehlten Bilder. Sie leben hier und nicht im Aufruf:
hier und nicht im Aufruf: `bauen()` haengt die Zuhoerer einmal an, `bauen()` haengt die Zuhoerer einmal an, und die muessen auch
und die muessen auch beim naechsten Oeffnen noch dasselbe meinen. */ beim naechsten Oeffnen noch dasselbe meinen.
var bildfeld = null, gewaehltesBild = null, bildUrl = null;
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() { function bauen() {
if (dlg) return dlg; if (dlg) return dlg;
@@ -133,7 +138,7 @@
zehn anderen Aufrufer im Haus nichts. */ zehn anderen Aufrufer im Haus nichts. */
+ '<div class="nachfrage__zeile" data-teil="bildzeile" hidden>' + '<div class="nachfrage__zeile" data-teil="bildzeile" hidden>'
+ '<span class="feld-schild" data-teil="bildschild"></span>' + '<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">' + '<div class="nachfrage__bild">'
+ '<button type="button" class="knopf knopf--klein" data-teil="bildwaehlen">' + '<button type="button" class="knopf knopf--klein" data-teil="bildwaehlen">'
+ 'Bild wählen</button>' + 'Bild wählen</button>'
@@ -141,7 +146,7 @@
+ '<button type="button" class="abmelden" data-teil="bildweg" hidden>' + '<button type="button" class="abmelden" data-teil="bildweg" hidden>'
+ 'Entfernen</button>' + 'Entfernen</button>'
+ '</div>' + '</div>'
+ '<img class="nachfrage__vorschau" data-teil="bildvorschau" alt="" hidden />' + '<div class="nachfrage__vorschauen" data-teil="bildvorschauen" hidden></div>'
+ '</div>' + '</div>'
+ '<p class="nachfrage__fehler" data-teil="fehler" role="alert"></p>' + '<p class="nachfrage__fehler" data-teil="fehler" role="alert"></p>'
+ '<div class="dialog__knoepfe">' + '<div class="dialog__knoepfe">'
@@ -162,50 +167,124 @@
teil('bildwaehlen').addEventListener('click', function () { bildfeld.click(); }); teil('bildwaehlen').addEventListener('click', function () { bildfeld.click(); });
teil('bildweg').addEventListener('click', function () { teil('bildweg').addEventListener('click', function () {
bildfeld.value = ''; bildfeld.value = '';
bildSetzen(null); gewaehlteBilder = [];
bilderZeichnen();
}); });
bildfeld.addEventListener('change', function (e) { bildfeld.addEventListener('change', function (e) {
var datei = (e.target.files && e.target.files[0]) || null; bilderDazu(e.target.files ? Array.prototype.slice.call(e.target.files) : []);
/* NUR BILDER -- derselbe Satz wie beim Melden. Der Server sagt /* DAS FELD WIRD GELEERT, die Liste nicht. Sonst meldet der
es auch, aber erst nach dem Hochladen; hier steht es, bevor Browser beim zweiten Antippen DESSELBEN Bildes kein
jemand wartet. */ `change` -- er sieht keine Aenderung -- und es saehe aus, als
if (datei && datei.type && datei.type.indexOf('image/') !== 0) { waere der Knopf kaputt. */
fehlerZeile.textContent = 'Als Anhang geht ein Foto – PNG, JPEG, WebP oder GIF.'; e.target.value = '';
bildfeld.value = '';
bildSetzen(null);
return;
}
fehlerZeile.textContent = '';
bildSetzen(datei);
}); });
return dlg; 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 * DIE VORSCHAU IST DER PUNKT. Wer sieht, was er anhaengt, haengt
* seltener das falsche Bild an; dieselbe Ueberlegung wie auf der * seltener das falsche Bild an; dieselbe Ueberlegung wie auf der
* Supportseite beim Melden. `createObjectURL` wird wieder * Supportseite beim Melden.
* freigegeben -- sonst haelt jedes abgewaehlte Bild den Speicher *
* bis zum naechsten Laden der Seite. */ * JEDES BILD HAT SEIN EIGENES KREUZ, seit es mehrere sein duerfen:
function bildSetzen(datei) { * Wer das dritte falsch erwischt hat, soll nicht alle drei neu
if (bildUrl) { try { URL.revokeObjectURL(bildUrl); } catch (e) { /* egal */ } } * waehlen muessen.
bildUrl = null; *
gewaehltesBild = datei || null; * 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 name = teil('bildname');
var weg = teil('bildweg'); var weg = teil('bildweg');
var schau = teil('bildvorschau'); var schau = teil('bildvorschauen');
if (!datei) {
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'; name.textContent = 'Noch keins gewählt';
weg.hidden = true; weg.hidden = true;
schau.hidden = true; schau.hidden = true;
schau.removeAttribute('src');
return; 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; 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; schau.hidden = false;
} }
@@ -265,10 +344,13 @@
var zahlMax = o.zahlMax || 0; var zahlMax = o.zahlMax || 0;
var zahlLeer = !!o.zahlLeer; var zahlLeer = !!o.zahlLeer;
var zahlHinweis = o.zahlHinweis || ''; 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 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 || ''; 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.'; var NIE_ZURUECK = 'Das lässt sich danach nicht mehr rückgängig machen.';
/* ---- Ausgang 2: kein <dialog> -> confirm() mit DEMSELBEN Text ---- /* ---- Ausgang 2: kein <dialog> -> confirm() mit DEMSELBEN Text ----
@@ -304,9 +386,11 @@
/* IM NOTAUSGANG GIBT ES KEIN BILD, und das wird gesagt statt /* IM NOTAUSGANG GIBT ES KEIN BILD, und das wird gesagt statt
verschwiegen: `window.prompt` kann keine Datei. Wer hier verschwiegen: `window.prompt` kann keine Datei. Wer hier
landet, hat einen Browser ohne `<dialog>` -- er kann landet, hat einen Browser ohne `<dialog>` -- er kann
antworten, nur eben ohne Anhang. `bild: null` sorgt dafuer, antworten, nur eben ohne Anhang. Die LEERE LISTE sorgt
dass die aufrufende Stelle nicht raten muss. */ dafuer, dass die aufrufende Stelle nicht raten muss -- und
if (bild) erg.bild = null; 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); return Promise.resolve((grund || zahl || eingabe || bild) ? erg : true);
} }
@@ -355,7 +439,8 @@
/* JEDES OEFFNEN FAENGT LEER AN. Ohne diese Zeile haengt beim /* JEDES OEFFNEN FAENGT LEER AN. Ohne diese Zeile haengt beim
zweiten Mal noch das Bild vom ersten dran -- und niemand zweiten Mal noch das Bild vom ersten dran -- und niemand
sieht es, weil der Dialog oben schon zu war. */ sieht es, weil der Dialog oben schon zu war. */
bildSetzen(null); gewaehlteBilder = [];
bilderZeichnen();
} }
fehlerZeile.textContent = ''; fehlerZeile.textContent = '';
@@ -424,11 +509,11 @@
} }
erg2.zahl = n; erg2.zahl = n;
} }
/* `null`, wenn keins gewaehlt wurde -- und nicht `undefined`. /* IMMER EINE LISTE, auch wenn sie leer ist -- und nicht
Die aufrufende Stelle fragt dann `antwort.bild`, bekommt `undefined`. Die aufrufende Stelle schleift darueber und
eine klare Absage und muss nicht wissen, ob das Feld muss weder wissen, ob das Feld angeboten wurde, noch den
ueberhaupt angeboten wurde. */ Sonderfall „genau eines" kennen. */
if (bild) erg2.bild = gewaehltesBild || null; if (bild) erg2.bilder = gewaehlteBilder.slice();
antwort = (grund || zahl || eingabe || bild) ? erg2 : true; antwort = (grund || zahl || eingabe || bild) ? erg2 : true;
dlg.close(); dlg.close();
} }
+216 -76
View File
@@ -33,7 +33,18 @@
let leitung = false; let leitung = false;
let meldungen = []; let meldungen = [];
let filter = 'offen'; 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 /* Anzeige-Wörter, keine Regel. Der Server schickt den Schlüssel; was
daraus auf dem Bildschirm wird, ist eine Frage der Sprache. */ daraus auf dem Bildschirm wird, ist eine Frage der Sprache. */
@@ -109,51 +120,120 @@
MELDEN MELDEN
=================================================================== */ =================================================================== */
function bildZeigen(datei) { /** Die Auswahl neu zeichnen — Name, Knöpfe, Vorschaubilder.
gewaehltesBild = datei || null; *
* 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 name = $('bild-name');
const weg = $('bild-weg'); const weg = $('bild-weg');
const vorschau = $('vorschau'); 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 = ''; name.textContent = '';
weg.hidden = true; weg.hidden = true;
vorschau.hidden = true; vorschau.hidden = true;
$('vorschau-bild').removeAttribute('src');
return; 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; weg.hidden = false;
/* DIE VORSCHAU KOMMT AUS DER DATEI SELBST, nicht vom Server: Sie
ist noch gar nicht hochgeladen. `URL.createObjectURL` zeigt das for (const [i, datei] of gewaehlteBilder.entries()) {
Bild aus dem Arbeitsspeicher — wer sieht, was er anhängt, hängt const kasten = el('div', 's-vorschau__eins');
nicht versehentlich das falsche an. */ /* 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 url = URL.createObjectURL(datei);
const img = $('vorschau-bild'); const img = el('img');
img.onload = () => URL.revokeObjectURL(url); img.dataset.url = url;
img.src = 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; 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() { function meldenEinrichten() {
$('bild-waehlen').addEventListener('click', () => $('bild').click()); $('bild-waehlen').addEventListener('click', () => $('bild').click());
$('bild-weg').addEventListener('click', () => { $('bild-weg').addEventListener('click', () => {
$('bild').value = ''; $('bild').value = '';
bildZeigen(null); gewaehlteBilder = [];
bilderZeigen();
}); });
$('bild').addEventListener('change', (e) => { $('bild').addEventListener('change', (e) => {
const datei = e.target.files?.[0] || null; bilderDazu([...(e.target.files || [])]);
if (!datei) { bildZeigen(null); return; } /* DAS FELD WIRD GELEERT, die Liste nicht. Sonst meldet der
/* DIE GRENZE STEHT HIER NUR ALS FREUNDLICHKEIT. Abgelehnt wird Browser beim zweiten Antippen DESSELBEN Bildes kein
am Server; dieser Hinweis erspart es, zwölf Megabyte erst `change` — er sieht keine Änderung — und es sähe aus, als
hochzuladen, um danach eine Absage zu lesen. */ wäre der Knopf kaputt. */
if (datei.size > 12 * 1024 * 1024) { e.target.value = '';
melde('melden-fehler', 'Das Bild ist größer als 12 MB – bitte ein kleineres.');
$('bild').value = '';
bildZeigen(null);
return;
}
melde('melden-fehler', '');
bildZeigen(datei);
}); });
$('melden').addEventListener('submit', async (e) => { $('melden').addEventListener('submit', async (e) => {
@@ -169,14 +249,47 @@
melde('melden-fehler', ''); melde('melden-fehler', '');
$('melden-hinweis').textContent = 'wird geschickt …'; $('melden-hinweis').textContent = 'wird geschickt …';
try { try {
/* DER TEXT REIST IM KOPF, das Bild im Rumpf — derselbe Weg wie /* DER TEXT REIST IM KOPF, die Bilder im Rumpf — derselbe Weg
bei Chat-Anhängen. Ein Weg für beides, damit es keinen wie bei Chat-Anhängen. Ein Weg für beides, damit es keinen
Zustand „Meldung da, Bild fehlt noch" gibt. */ Zustand „Meldung da, Bild fehlt noch" gibt.
const kopf = { 'x-text': encodeURIComponent(text), 'x-seite': location.pathname }; 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', { const a = await hole('/workspace/api/support', {
method: 'POST', method: 'POST',
headers: kopf, headers: kopf,
body: gewaehltesBild || new Blob([]), body: new Blob(gewaehlteBilder),
}); });
if (!a.ok) { if (!a.ok) {
melde('melden-fehler', await fehlerText(a, 'Das hat nicht geklappt.')); melde('melden-fehler', await fehlerText(a, 'Das hat nicht geklappt.'));
@@ -184,7 +297,8 @@
} }
$('text').value = ''; $('text').value = '';
$('bild').value = ''; $('bild').value = '';
bildZeigen(null); gewaehlteBilder = [];
bilderZeigen();
$('melden-hinweis').textContent = 'Danke – ist angekommen.'; $('melden-hinweis').textContent = 'Danke – ist angekommen.';
setTimeout(() => { $('melden-hinweis').textContent = ''; }, 6000); setTimeout(() => { $('melden-hinweis').textContent = ''; }, 6000);
await laden(); await laden();
@@ -201,28 +315,45 @@
EINE MELDUNG ALS KARTE EINE MELDUNG ALS KARTE
=================================================================== */ =================================================================== */
function bildAnhaengen(karte, m) { /** Die Bilder einer Meldung oder einer Antwortrunde anzeigen.
if (!m.bild) return; *
* ==== 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 kasten = el('div', 's-karte__bild');
if (liste.length > 1) kasten.dataset.viele = 'ja';
for (const [i, b] of liste.entries()) {
const a = el('a'); const a = el('a');
a.href = m.bild; a.href = b.weg;
a.target = '_blank'; a.target = '_blank';
a.rel = 'noopener'; a.rel = 'noopener noreferrer';
a.title = 'In voller Größe ansehen'; a.title = 'In voller Größe ansehen';
const img = document.createElement('img'); const img = el('img');
img.src = m.bild; img.src = b.weg;
img.alt = 'Bild zur Meldung'; img.alt = liste.length > 1
? `${wortDazu} – Bild ${i + 1} von ${liste.length}`
: wortDazu;
img.loading = 'lazy'; img.loading = 'lazy';
img.decoding = 'async';
/* BREITE UND HÖHE STEHEN DRAN, wenn der Server sie kennt: Dann /* BREITE UND HÖHE STEHEN DRAN, wenn der Server sie kennt: Dann
reserviert der Browser den Platz, bevor das Bild da ist, und die reserviert der Browser den Platz, bevor das Bild da ist, und
Liste springt beim Laden nicht. */ die Liste springt beim Laden nicht. */
if (m.bild_breite > 0 && m.bild_hoehe > 0) { if (b.breite > 0 && b.hoehe > 0) { img.width = b.breite; img.height = b.hoehe; }
img.width = m.bild_breite;
img.height = m.bild_hoehe;
}
a.append(img); a.append(img);
kasten.append(a); kasten.append(a);
karte.append(kasten); }
wohin.append(kasten);
} }
function karteBauen(m) { function karteBauen(m) {
@@ -245,7 +376,7 @@
/* `textContent` mit erhaltenen Zeilenumbrüchen (das CSS setzt /* `textContent` mit erhaltenen Zeilenumbrüchen (das CSS setzt
`white-space: pre-wrap`). Kein innerHTML, siehe der Kopf. */ `white-space: pre-wrap`). Kein innerHTML, siehe der Kopf. */
k.append(el('p', 's-karte__text', m.text)); k.append(el('p', 's-karte__text', m.text));
bildAnhaengen(k, m); bilderAnhaengen(k, m.bilder, 'Bild zur Meldung');
if (leitung && m.seite) { if (leitung && m.seite) {
const wo = el('p', 's-karte__wo', 'gemeldet auf ' + 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. genau diese Frage löst einen wiederkehrenden Fehler.
ANKLICKBAR UND IN EIGENEM FENSTER: dieselbe Behandlung wie ANKLICKBAR UND IN EIGENEM FENSTER: dieselbe Behandlung wie
das Bild der Meldung weiter oben. Ein Bildschirmfoto in die Bilder der Meldung weiter oben. Ein Bildschirmfoto in
Briefmarkengröße beantwortet keine Frage. */ Briefmarkengröße beantwortet keine Frage.
if (r.urteil_bild) {
const a = el('a', 's-runde__bild'); SEIT DEM 02.10. DIESELBE FUNKTION wie oben, und bis zu
a.href = r.urteil_bild; drei Bilder. Hier stand ein eigener, fast gleicher Block —
a.target = '_blank'; zwei Stellen, an denen dasselbe passiert, sind eine zu
a.rel = 'noopener noreferrer'; viel. */
const img = el('img'); bilderAnhaengen(runde, r.bilder, 'Bildschirmfoto zur Antwort in Runde ' + r.nr);
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);
}
liste.append(runde); liste.append(runde);
} }
k.append(liste); k.append(liste);
@@ -375,11 +499,17 @@
neues auf, hilft das alte Bild niemandem. neues auf, hilft das alte Bild niemandem.
NIE PFLICHT. Wer keines hat, antwortet ohne -- ein NIE PFLICHT. Wer keines hat, antwortet ohne -- ein
Bildschirmfoto ist Hilfe, keine Hürde. */ Bildschirmfoto ist Hilfe, keine Hürde.
bild: 'Bildschirmfoto dazu (freiwillig)',
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; if (!antwort) return;
await rueckmelden(m, false, antwort.grund || '', antwort.bild || null); await rueckmelden(m, false, antwort.grund || '', antwort.bilder || []);
}); });
reihe.append(nicht); reihe.append(nicht);
return reihe; return reihe;
@@ -395,24 +525,28 @@
* OHNE BILD IST DER RUMPF LEER, und das ist zulässig. Dann steht * OHNE BILD IST DER RUMPF LEER, und das ist zulässig. Dann steht
* im Kopf alles, was es zu sagen gibt. * 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', ''); melde('eingang-fehler', '');
const anhang = Array.isArray(bilder) ? bilder : (bilder ? [bilder] : []);
try { try {
const a = await hole(`/workspace/api/support/${m.id}/rueckmeldung`, { const kopf = {
method: 'POST', /* Der Typ sagt, was im RUMPF liegt. Bei mehreren Bildern ist
headers: { das kein einzelnes Bildformat mehr, sondern eine Folge --
/* Der Typ sagt, was im RUMPF liegt. Ohne Bild ist das `application/octet-stream` ist dafür die ehrlichste
nichts -- `application/octet-stream` ist dafür die Auskunft, und der Server erkennt jedes Stück ohnehin an
ehrlichste Auskunft. */ seinen ersten Bytes statt an dieser Zeile. */
'Content-Type': bild ? (bild.type || 'application/octet-stream') 'Content-Type': 'application/octet-stream',
: 'application/octet-stream',
'x-geht': geht ? 'ja' : 'nein', 'x-geht': geht ? 'ja' : 'nein',
/* Prozentkodiert, weil ein Kopf keine Umlaute trägt -- und /* Prozentkodiert, weil ein Kopf keine Umlaute trägt -- und
„Grüße" in einer Begründung ist der Normalfall, nicht die „Grüße" in einer Begründung ist der Normalfall, nicht die
Ausnahme. Genauso macht es das Melden. */ Ausnahme. Genauso macht es das Melden. */
'x-text': encodeURIComponent(text || ''), 'x-text': encodeURIComponent(text || ''),
}, };
body: bild || new Blob([]), 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: kopf,
body: new Blob(anhang),
}); });
/* DURCH DIESELBE UEBERSETZUNG WIE ALLES ANDERE (25.09.2026, /* DURCH DIESELBE UEBERSETZUNG WIE ALLES ANDERE (25.09.2026,
gefunden von pruef-meldungen). Hier stand `f.fehler` roh -- gefunden von pruef-meldungen). Hier stand `f.fehler` roh --
@@ -622,6 +756,12 @@
const r = await a.json(); const r = await a.json();
leitung = r.leitung === true; leitung = r.leitung === true;
meldungen = Array.isArray(r.meldungen) ? r.meldungen : []; 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. */ /* DIE SEITE STELLT SICH AUF DEN UM, DER SIE ÖFFNET. */
$('eingang-block').hidden = !leitung; $('eingang-block').hidden = !leitung;
+19 -19
View File
@@ -12,19 +12,19 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -430,22 +430,22 @@
<!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
`window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. --> Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
<script src="assets/js/textform.js?v=202610021926"></script> <script src="assets/js/textform.js?v=202610022336"></script>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/zuteilung.js?v=202610021926" defer></script> <script src="assets/js/zuteilung.js?v=202610022336" defer></script>
<!-- Der Vorlagenkatalog stand bis zum 23.09.2026 mitten in <!-- Der Vorlagenkatalog stand bis zum 23.09.2026 mitten in
aufgaben.js. Er bedient jetzt zwei Seiten und hat deshalb eine aufgaben.js. Er bedient jetzt zwei Seiten und hat deshalb eine
eigene Datei; hier zeigt er den Creator-Katalog. eigene Datei; hier zeigt er den Creator-Katalog.
Vor aufgaben.js, weil die Seite ihn beim Start einrichtet. --> Vor aufgaben.js, weil die Seite ihn beim Start einrichtet. -->
<script src="assets/js/vorlagenbrett.js?v=202610021926" defer></script> <script src="assets/js/vorlagenbrett.js?v=202610022336" defer></script>
<script src="assets/js/aufgaben.js?v=202610021926" defer></script> <script src="assets/js/aufgaben.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/automation.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/automation.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -168,15 +168,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/automation.js?v=202610021926" defer></script> <script src="assets/js/automation.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/entwicklung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -197,16 +197,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/befinden.js?v=202610021926" defer></script> <script src="assets/js/befinden.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+22 -22
View File
@@ -12,24 +12,24 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bereich.css?v=202610022336" />
<!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett <!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
„Mitmachen". Eine eigene Kopie der Regel hier waere die zweite „Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
Stelle, an der dieselbe Sache anders aussieht. --> Stelle, an der dieselbe Sache anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bewerbung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -304,19 +304,19 @@
<!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach <!-- TEXTFORM ZUERST (21.09.2026): Die Seite fragt beim Zeichnen nach
`window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne `window.Textform`. Kaeme sie spaeter, waere der erste Eintrag ohne
Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. --> Gestaltung. Kein `defer`, damit sie wirklich vorher dasteht. -->
<script src="assets/js/textform.js?v=202610021926"></script> <script src="assets/js/textform.js?v=202610022336"></script>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/checkliste.js?v=202610021926" defer></script> <script src="assets/js/checkliste.js?v=202610022336" defer></script>
<script src="assets/js/ampel.js?v=202610021926" defer></script> <script src="assets/js/ampel.js?v=202610022336" defer></script>
<script src="assets/js/schulung.js?v=202610021926" defer></script> <script src="assets/js/schulung.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/bereich.js?v=202610021926" defer></script> <script src="assets/js/bereich.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+19 -19
View File
@@ -7,17 +7,17 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bereich.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/treff.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/treff.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bewerbung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. --> <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -108,15 +108,15 @@
</main> </main>
<!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. --> <!-- Der Fuß gehört zu jeder Seite - siehe pruef-css-klassen. -->
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/auskunft.js?v=202610021926" defer></script> <script src="assets/js/auskunft.js?v=202610022336" defer></script>
<script src="assets/js/bewerben.js?v=202610021926" defer></script> <script src="assets/js/bewerben.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -7,16 +7,16 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/entwicklung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bewerbung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. --> <!-- haus.css MUSS die letzte Stilvorlage sein - siehe treff-regeln.html. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -80,16 +80,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/auskunft.js?v=202610021926" defer></script> <script src="assets/js/auskunft.js?v=202610022336" defer></script>
<script src="assets/js/bewerbungen.js?v=202610021926" defer></script> <script src="assets/js/bewerbungen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+3 -3
View File
@@ -59,11 +59,11 @@
<!-- DIE WERBEEINBLENDUNG. Dieselbe Datei wie in der Reaction-Seite: <!-- DIE WERBEEINBLENDUNG. Dieselbe Datei wie in der Reaction-Seite:
Zwei Fassungen altern unterschiedlich, und dann sieht der Stream Zwei Fassungen altern unterschiedlich, und dann sieht der Stream
anders aus als das, worueber geredet wird. --> anders aus als das, worueber geredet wird. -->
<link rel="stylesheet" href="assets/css/werbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/werbung.css?v=202610022336" />
</head> </head>
<body class="obs-buehne"> <body class="obs-buehne">
<div id="platz"></div> <div id="platz"></div>
<script src="assets/js/werbung.js?v=202610021926" defer></script> <script src="assets/js/werbung.js?v=202610022336" defer></script>
<script src="assets/js/buehne.js?v=202610021926" defer></script> <script src="assets/js/buehne.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/calls.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/calls.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -89,15 +89,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/ki.js?v=202610021926" defer></script> <script src="assets/js/ki.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/calls.js?v=202610021926" defer></script> <script src="assets/js/calls.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+20 -20
View File
@@ -12,26 +12,26 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog, <!-- aufgaben.css bringt die Dialog- und Formularstile mit (.dialog,
.neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem .neu__zeile, .dialog__knoepfe). Sie stehen dort seit dem
Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen Aufgabenbrett; sie hierher zu kopieren hiesse, sie an zwei Stellen
zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html. zu pflegen. Dieselbe Lösung nutzen kalender.html und content.html.
Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten Gemeldet von pruef-css-klassen.mjs, bevor jemand einen ungestylten
Dialog zu sehen bekam. --> Dialog zu sehen bekam. -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/chat.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/chat.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -739,24 +739,24 @@
</form> </form>
</dialog> </dialog>
<script src="assets/js/bereiche.js?v=202610021926"></script> <script src="assets/js/bereiche.js?v=202610022336"></script>
<!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js <!-- TEXTFORM VOR ALLEM ANDEREN (21.09.2026): chat.js und bereich.js
fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter, fragen beim Zeichnen nach `window.Textform`. Kaeme sie spaeter,
waere die erste gezeichnete Nachricht ohne Gestaltung -- und das waere die erste gezeichnete Nachricht ohne Gestaltung -- und das
faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie faellt nur dem auf, der genau hinsieht. KEIN `defer`, damit sie
wirklich vor den anderen dasteht. --> wirklich vor den anderen dasteht. -->
<script src="assets/js/textform.js?v=202610021926"></script> <script src="assets/js/textform.js?v=202610022336"></script>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926"></script> <script src="assets/js/kopf.js?v=202610022336"></script>
<script src="assets/js/glocke.js?v=202610021926"></script> <script src="assets/js/glocke.js?v=202610022336"></script>
<!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten` <!-- ANRUF VOR CHAT (18.09.2026): anruf.js stellt `window.anrufStarten`
bereit, und chat.js baut die Knoepfe nur, wenn es das gibt. bereit, und chat.js baut die Knoepfe nur, wenn es das gibt.
Andersherum waere die Reihenfolge eine stille Abhaengigkeit -- Andersherum waere die Reihenfolge eine stille Abhaengigkeit --
die Knoepfe fehlten, und niemand wuesste warum. --> die Knoepfe fehlten, und niemand wuesste warum. -->
<script src="assets/js/anruf.js?v=202610021926"></script> <script src="assets/js/anruf.js?v=202610022336"></script>
<!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom <!-- DIE BILDSCHAU (25.09.2026). Eigene Datei, weil sie nichts vom
Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein Chat weiss: Sie bekommt einen Weg und einen Namen und zeigt ein
Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne Bild. Jede andere Seite mit Fotos kann sie ebenso benutzen, ohne
@@ -767,8 +767,8 @@
sie beim ersten Foto noch nicht da -- und der erste Klick ginge sie beim ersten Foto noch nicht da -- und der erste Klick ginge
wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal wie frueher in den Tab. Ein Fehler, der nur beim ERSTEN Mal
auftritt, ist der, den man nie nachstellen kann. --> auftritt, ist der, den man nie nachstellen kann. -->
<script src="assets/js/bildschau.js?v=202610021926"></script> <script src="assets/js/bildschau.js?v=202610022336"></script>
<script src="assets/js/chat.js?v=202610021926"></script> <script src="assets/js/chat.js?v=202610022336"></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/content.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/content.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -179,15 +179,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/checkliste.js?v=202610021926" defer></script> <script src="assets/js/checkliste.js?v=202610022336" defer></script>
<script src="assets/js/content.js?v=202610021926" defer></script> <script src="assets/js/content.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+6 -6
View File
@@ -36,15 +36,15 @@
<link rel="preload" as="image" href="assets/img/buehne/crew-gate-hoch-580.webp" <link rel="preload" as="image" href="assets/img/buehne/crew-gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" /> type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/crew-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/crew-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<!-- Diese Wand steht NUR auf der Adresse von Team Dogi (ueberall sonst <!-- Diese Wand steht NUR auf der Adresse von Team Dogi (ueberall sonst
404, siehe crewWeiche). Sie darf das Haus deshalb direkt nennen 404, siehe crewWeiche). Sie darf das Haus deshalb direkt nennen
statt ueber den Platzhalter haus.css zu gehen -- und sie MUSS es: statt ueber den Platzhalter haus.css zu gehen -- und sie MUSS es:
Eine Zugangswand, die sich erst nach dem Umbiegen faerbt, waere Eine Zugangswand, die sich erst nach dem Umbiegen faerbt, waere
die eine Seite, auf der man das Umfaerben sieht. --> die eine Seite, auf der man das Umfaerben sieht. -->
<link rel="stylesheet" href="assets/css/crew-haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/crew-haus.css?v=202610022336" />
</head> </head>
<body class="gate gate--crew"> <body class="gate gate--crew">
@@ -459,7 +459,7 @@
<script src="assets/js/gate.js?v=202610021926" defer></script> <script src="assets/js/gate.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+4 -4
View File
@@ -23,25 +23,25 @@
}, },
"icons": [ "icons": [
{ {
"src": "/assets/img/app-symbole/crew-192.png?v=202610021926", "src": "/assets/img/app-symbole/crew-192.png?v=202610022336",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/assets/img/app-symbole/crew-512.png?v=202610021926", "src": "/assets/img/app-symbole/crew-512.png?v=202610022336",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png", "type": "image/png",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/assets/img/app-symbole/crew-192-maskable.png?v=202610021926", "src": "/assets/img/app-symbole/crew-192-maskable.png?v=202610022336",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
}, },
{ {
"src": "/assets/img/app-symbole/crew-512-maskable.png?v=202610021926", "src": "/assets/img/app-symbole/crew-512-maskable.png?v=202610022336",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/dateien.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/dateien.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -108,15 +108,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/dateien.js?v=202610021926" defer></script> <script src="assets/js/dateien.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/entwicklung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -306,20 +306,20 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<!-- VOR entwicklung.js: Die Seite richtet den Katalog beim Start ein, <!-- VOR entwicklung.js: Die Seite richtet den Katalog beim Start ein,
also muss es ihn zu dem Zeitpunkt geben. Mit "defer" laufen beide also muss es ihn zu dem Zeitpunkt geben. Mit "defer" laufen beide
in Dokumentreihenfolge. --> in Dokumentreihenfolge. -->
<script src="assets/js/vorlagenbrett.js?v=202610021926" defer></script> <script src="assets/js/vorlagenbrett.js?v=202610022336" defer></script>
<script src="assets/js/entwicklung.js?v=202610021926" defer></script> <script src="assets/js/entwicklung.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/hilfe.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/hilfe.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -146,14 +146,14 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/hilfe.js?v=202610021926" defer></script> <script src="assets/js/hilfe.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+5 -5
View File
@@ -30,9 +30,9 @@
<link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp" <link rel="preload" as="image" href="assets/img/buehne/gate-hoch-580.webp"
type="image/webp" media="(max-width: 899px)" /> type="image/webp" media="(max-width: 899px)" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
</head> </head>
<body class="gate"> <body class="gate">
@@ -427,7 +427,7 @@
<script src="assets/js/gate.js?v=202610021926" defer></script> <script src="assets/js/gate.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/kalender.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -383,15 +383,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/kalender.js?v=202610021926" defer></script> <script src="assets/js/kalender.js?v=202610022336" defer></script>
<script src="assets/js/kalender-abo.js?v=202610021926" defer></script> <script src="assets/js/kalender-abo.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/leistung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/leistung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -444,13 +444,13 @@
</form> </form>
</dialog> </dialog>
<script src="assets/js/meldung.js?v=202610021926"></script> <script src="assets/js/meldung.js?v=202610022336"></script>
<script src="assets/js/nachfrage.js?v=202610021926"></script> <script src="assets/js/nachfrage.js?v=202610022336"></script>
<script src="assets/js/wahl.js?v=202610021926"></script> <script src="assets/js/wahl.js?v=202610022336"></script>
<script src="assets/js/bereiche.js?v=202610021926"></script> <script src="assets/js/bereiche.js?v=202610022336"></script>
<script src="assets/js/kopf.js?v=202610021926"></script> <script src="assets/js/kopf.js?v=202610022336"></script>
<script src="assets/js/glocke.js?v=202610021926"></script> <script src="assets/js/glocke.js?v=202610022336"></script>
<script src="assets/js/leistung.js?v=202610021926"></script> <script src="assets/js/leistung.js?v=202610022336"></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+14 -14
View File
@@ -7,17 +7,17 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/manager-ziele.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/manager-ziele.css?v=202610022336" />
<!-- module.css an VORLETZTER, haus.css an LETZTER Stelle. Die <!-- module.css an VORLETZTER, haus.css an LETZTER Stelle. Die
Reihenfolge ist keine Geschmacksfrage: haus.css setzt nur Reihenfolge ist keine Geschmacksfrage: haus.css setzt nur
Variablen, und bei Variablen entscheidet allein, wer zuletzt Variablen, und bei Variablen entscheidet allein, wer zuletzt
kommt. pruef-css-klassen.mjs misst genau dieses Paar nach. --> kommt. pruef-css-klassen.mjs misst genau dieses Paar nach. -->
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -218,16 +218,16 @@
kopf.js liest daraus die Leitungsrollen. Ohne sie stürzt jede kopf.js liest daraus die Leitungsrollen. Ohne sie stürzt jede
Seite ab, und zwar nur in der Browserkonsole -- die Kopfleiste Seite ab, und zwar nur in der Browserkonsole -- die Kopfleiste
kommt trotzdem. --> kommt trotzdem. -->
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<!-- wahl.js gehört zu kopf.js: Der Sicht-Umschalter baut daraus seine <!-- wahl.js gehört zu kopf.js: Der Sicht-Umschalter baut daraus seine
Liste. pruef-css-klassen setzt das durch, und zwar auch die Liste. pruef-css-klassen setzt das durch, und zwar auch die
Reihenfolge -- kopf.js fragt beim Aufbau nach dem fertigen Reihenfolge -- kopf.js fragt beim Aufbau nach dem fertigen
Bedienelement. --> Bedienelement. -->
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/manager-ziele.js?v=202610021926" defer></script> <script src="assets/js/manager-ziele.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,13 +12,13 @@
vergessen wird. --> vergessen wird. -->
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/material.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/material.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start" data-ton="42" data-buehne="studio"> <body class="start" data-ton="42" data-buehne="studio">
@@ -138,14 +138,14 @@
<p class="m-laedt" id="laedt">Einen Moment …</p> <p class="m-laedt" id="laedt">Einen Moment …</p>
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/material.js?v=202610021926" defer></script> <script src="assets/js/material.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+14 -14
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/notizen.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/notizen.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start" data-ton="46"> <body class="start" data-ton="46">
@@ -181,12 +181,12 @@
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. --> liest daraus die Leitungsrollen. -->
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/notizen.js?v=202610021926" defer></script> <script src="assets/js/notizen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/personen.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/personen.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -453,14 +453,14 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/personen.js?v=202610021926" defer></script> <script src="assets/js/personen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/profil.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/profil.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -214,16 +214,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/steckbrief.js?v=202610021926" defer></script> <script src="assets/js/steckbrief.js?v=202610022336" defer></script>
<script src="assets/js/profil.js?v=202610021926" defer></script> <script src="assets/js/profil.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+19 -19
View File
@@ -7,15 +7,15 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/reaktion.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/reaktion.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/werbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/werbung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start reaktion-seite" data-stand="laedt"> <body class="start reaktion-seite" data-stand="laedt">
@@ -905,15 +905,15 @@
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. --> liest daraus die Leitungsrollen. -->
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/spendenkarte.js?v=202610021926" defer></script> <script src="assets/js/spendenkarte.js?v=202610022336" defer></script>
<script src="assets/js/werbung.js?v=202610021926" defer></script> <script src="assets/js/werbung.js?v=202610022336" defer></script>
<script src="assets/js/reaktion.js?v=202610021926" defer></script> <script src="assets/js/reaktion.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/treff.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/treff.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -134,14 +134,14 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen, Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. --> die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/rechte.js?v=202610021926" defer></script> <script src="assets/js/rechte.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/report.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/report.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -106,17 +106,17 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/ki.js?v=202610021926" defer></script> <script src="assets/js/ki.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/report.js?v=202610021926" defer></script> <script src="assets/js/report.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/scouting.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/scouting.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -173,14 +173,14 @@
</div> </div>
</div> </div>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/scouting.js?v=202610021926" defer></script> <script src="assets/js/scouting.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,21 +12,21 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe <!-- Nur die Startseite: Begrüßungskachel, Uhr, Glockenmulde. Siehe
den Hinweis in start.css -- dort stand es bis zum 07.09.2026. --> den Hinweis in start.css -- dort stand es bis zum 07.09.2026. -->
<link rel="stylesheet" href="assets/css/heim.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/heim.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -732,16 +732,16 @@
</p> </p>
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/live.js?v=202610021926" defer></script> <script src="assets/js/live.js?v=202610022336" defer></script>
<script src="assets/js/start.js?v=202610021926" defer></script> <script src="assets/js/start.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/startcheck.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/startcheck.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -85,16 +85,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/ki.js?v=202610021926" defer></script> <script src="assets/js/ki.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/startcheck.js?v=202610021926" defer></script> <script src="assets/js/startcheck.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/profil.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/profil.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -150,16 +150,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/auskunft.js?v=202610021926" defer></script> <script src="assets/js/auskunft.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/steckbrief.js?v=202610021926" defer></script> <script src="assets/js/steckbrief.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+40 -22
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/support.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/support.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -79,18 +79,36 @@
placeholder="z. B. Auf der Aufgabenseite lässt sich der Haken nicht setzen – der Knopf reagiert nicht."></textarea> placeholder="z. B. Auf der Aufgabenseite lässt sich der Haken nicht setzen – der Knopf reagiert nicht."></textarea>
</label> </label>
<!-- EIN BILD, NICHT FÜNF. Wer drei Bildschirmfotos anhängt, <!-- ==== BIS ZU DREI BILDER (02.10.2026) ======================
erklärt damit nichts besser — er verschiebt die Arbeit nur
zu dem, der sie ansehen muss. --> Hier stand „EIN BILD, NICHT FÜNF. Wer drei Bildschirmfotos
anhängt, erklärt damit nichts besser." VanVan hat viermal
das Gegenteil gemeldet: „Hier im Supportbereich kann man
immer nur ein Bild hinzufügen bei einer Meldung. 2-3 wären
besser." Sie ist die, die meldet — ihre Zahl gilt.
Und sie hatte recht: Ein Fehler, der aus Vorher, Klick und
Nachher besteht, braucht drei Bilder. Mit einem davon
beginnt die Rückfrage, die der ganze Weg sparen soll.
`multiple` UND TROTZDEM NACHLEGBAR. Ihr zweiter Satz nennt
den Fall, den `multiple` allein nicht löst: „wenn man es
nacheinander versucht hinzuzufügen wird das Bild immer nur
ersetzt." Das Skript legt deshalb DAZU, statt zu ersetzen
— eine Mehrfachauswahl auf dem Handy wählt man selten in
einem Rutsch.
WIE VIELE ES SIND, STEHT NICHT HIER. Die Zahl kommt vom
Server (`bilder_max`); eine zweite im HTML wäre die, die
beim Ändern vergessen wird. -->
<div class="s-bild"> <div class="s-bild">
<input type="file" id="bild" accept="image/png,image/jpeg,image/webp,image/gif" hidden /> <input type="file" id="bild" accept="image/png,image/jpeg,image/webp,image/gif"
multiple hidden />
<button type="button" class="schritt" id="bild-waehlen">Bild anhängen</button> <button type="button" class="schritt" id="bild-waehlen">Bild anhängen</button>
<span class="s-bild__name" id="bild-name"></span> <span class="s-bild__name" id="bild-name"></span>
<button type="button" class="schritt" id="bild-weg" hidden>Bild weg</button> <button type="button" class="schritt" id="bild-weg" hidden>Alle weg</button>
</div>
<div class="s-vorschau" id="vorschau" hidden>
<img id="vorschau-bild" alt="Vorschau des angehängten Bildes" />
</div> </div>
<div class="s-vorschau" id="vorschau" hidden></div>
<p class="fehler" id="melden-fehler" role="alert" aria-live="polite"></p> <p class="fehler" id="melden-fehler" role="alert" aria-live="polite"></p>
<div class="s-knopfreihe"> <div class="s-knopfreihe">
@@ -128,16 +146,16 @@
(reading 'LEITUNG')" ab -- gemessen am 24.09.2026, als diese (reading 'LEITUNG')" ab -- gemessen am 24.09.2026, als diese
Zeile beim Anlegen der Seite fehlte. Die Kopfleiste kam Zeile beim Anlegen der Seite fehlte. Die Kopfleiste kam
trotzdem, deshalb sah man es nur in der Browserkonsole. --> trotzdem, deshalb sah man es nur in der Browserkonsole. -->
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<!-- wahl.js gehoert zu kopf.js: Der Sicht-Umschalter in der <!-- wahl.js gehoert zu kopf.js: Der Sicht-Umschalter in der
Kopfleiste baut daraus seine Liste. pruef-css-klassen setzt das Kopfleiste baut daraus seine Liste. pruef-css-klassen setzt das
seit dem 07.09.2026 durch -- damals fehlte es auf chat.html und seit dem 07.09.2026 durch -- damals fehlte es auf chat.html und
uebersicht.html, und heute hier. --> uebersicht.html, und heute hier. -->
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/support.js?v=202610021926" defer></script> <script src="assets/js/support.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+3 -3
View File
@@ -23,7 +23,7 @@
„Eigenes CSS" leer lassen (der Grund ist schon „Eigenes CSS" leer lassen (der Grund ist schon
durchsichtig). durchsichtig).
====================================================================== --> ====================================================================== -->
<link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/spendenkarte.css?v=202610022336" />
<style> <style>
/* DURCHSICHTIG BIS AUF DIE KARTEN. OBS legt die Quelle über das /* DURCHSICHTIG BIS AUF DIE KARTEN. OBS legt die Quelle über das
Bild; jede Fläche, die hier steht, deckt dort etwas zu. */ Bild; jede Fläche, die hier steht, deckt dort etwas zu. */
@@ -80,7 +80,7 @@
<body> <body>
<div class="obs-tafel spendentafel" id="tafel" aria-live="polite"></div> <div class="obs-tafel spendentafel" id="tafel" aria-live="polite"></div>
<script src="assets/js/spendenkarte.js?v=202610021926" defer></script> <script src="assets/js/spendenkarte.js?v=202610022336" defer></script>
<script src="assets/js/tafel.js?v=202610021926" defer></script> <script src="assets/js/tafel.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+18 -18
View File
@@ -7,18 +7,18 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/entwicklung.css?v=202610022336" />
<!-- Wegen des Kastens „Anfragen“ ueber der Liste. Eine eigene Kopie <!-- Wegen des Kastens „Anfragen“ ueber der Liste. Eine eigene Kopie
der Regel hier waere die zweite Stelle, an der dieselbe Sache der Regel hier waere die zweite Stelle, an der dieselbe Sache
anders aussieht. --> anders aussieht. -->
<link rel="stylesheet" href="assets/css/bewerbung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bewerbung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -111,15 +111,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/talente.js?v=202610021926" defer></script> <script src="assets/js/talente.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -7,20 +7,20 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/team.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/team.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -110,15 +110,15 @@
</main> </main>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/team.js?v=202610021926" defer></script> <script src="assets/js/team.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -7,20 +7,20 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/team.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/team.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu <!-- `data-buehne` steht hier fest und nicht im Skript: Die Kachel zu
@@ -84,15 +84,15 @@
Kaputt ist dabei nichts -- er funktioniert. Genau deshalb faellt Kaputt ist dabei nichts -- er funktioniert. Genau deshalb faellt
es niemandem auf, und deshalb prueft pruef-css-klassen die es niemandem auf, und deshalb prueft pruef-css-klassen die
ABHAENGIGKEIT statt der Optik. Hier hat sie angeschlagen. --> ABHAENGIGKEIT statt der Optik. Hier hat sie angeschlagen. -->
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<script src="assets/js/teamlage.js?v=202610021926" defer></script> <script src="assets/js/teamlage.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/bereich.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/bereich.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -112,15 +112,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/teilen.js?v=202610021926" defer></script> <script src="assets/js/teilen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -7,14 +7,14 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/treff.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/treff.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -126,14 +126,14 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/treff-moderation.js?v=202610021926" defer></script> <script src="assets/js/treff-moderation.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -7,18 +7,18 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/treff.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/treff.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des <!-- haus.css MUSS die letzte Stilvorlage sein. Auf der Adresse des
Rudels biegt der Server genau diesen Dateinamen auf crew-haus.css Rudels biegt der Server genau diesen Dateinamen auf crew-haus.css
um, und die Seite kommt schon beim ERSTEN Abruf in Lila und um, und die Seite kommt schon beim ERSTEN Abruf in Lila und
Babyblau an -- ohne Umfaerben im Browser, ohne Flackern. --> Babyblau an -- ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -248,14 +248,14 @@
Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen Beim ersten Anlauf fehlte die Zeile auf genau diesen beiden neuen
Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen, Seiten. Gefunden hat das nicht das Auge, sondern pruef-css-klassen,
die seit dem 07.09. jede Seite danach absucht. --> die seit dem 07.09. jede Seite danach absucht. -->
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/auskunft.js?v=202610021926" defer></script> <script src="assets/js/auskunft.js?v=202610022336" defer></script>
<script src="assets/js/treff-regeln.js?v=202610021926" defer></script> <script src="assets/js/treff-regeln.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -12,22 +12,22 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der <!-- Formular- und Dialogstile: seit dem 07.09.2026 steht hier der
Dialog "Creator anlegen". --> Dialog "Creator anlegen". -->
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/uebersicht.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/uebersicht.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -149,16 +149,16 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/uebersicht.js?v=202610021926" defer></script> <script src="assets/js/uebersicht.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+15 -15
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/unsere-seiten.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -335,14 +335,14 @@
</main> </main>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/live.js?v=202610021926" defer></script> <script src="assets/js/live.js?v=202610022336" defer></script>
<script src="assets/js/unsere-seiten.js?v=202610021926" defer></script> <script src="assets/js/unsere-seiten.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -7,13 +7,13 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/unterstuetzen.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -106,17 +106,17 @@
<!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js <!-- bereiche.js VOR kopf.js: Dort steht `window.Bereiche`, und kopf.js
liest daraus die Leitungsrollen. Ohne sie stürzt jede Seite mit liest daraus die Leitungsrollen. Ohne sie stürzt jede Seite mit
„Cannot read properties of undefined (reading 'LEITUNG')" ab. --> „Cannot read properties of undefined (reading 'LEITUNG')" ab. -->
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/holen.js?v=202610021926" defer></script> <script src="assets/js/holen.js?v=202610022336" defer></script>
<!-- Die Satz-Tafel. Ohne sie stand auf dieser Seite das Maschinenwort <!-- Die Satz-Tafel. Ohne sie stand auf dieser Seite das Maschinenwort
des Servers (z.B. "nicht_gefunden") statt eines Satzes -- gemeldet des Servers (z.B. "nicht_gefunden") statt eines Satzes -- gemeldet
von pruef-meldungen, nicht beim Ansehen. --> von pruef-meldungen, nicht beim Ansehen. -->
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/unterstuetzen.js?v=202610021926" defer></script> <script src="assets/js/unterstuetzen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+16 -16
View File
@@ -7,15 +7,15 @@
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/entwicklung.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/entwicklung.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/werdegang.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/werdegang.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -144,14 +144,14 @@
</main> </main>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/werdegang.js?v=202610021926" defer></script> <script src="assets/js/werdegang.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+15 -15
View File
@@ -12,13 +12,13 @@
vergessen wird. --> vergessen wird. -->
<link rel="manifest" href="/workspace/app.webmanifest" /> <link rel="manifest" href="/workspace/app.webmanifest" />
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/willkommen.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/willkommen.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<!-- KOERPERKLASSE "start", NICHT "gate" (berichtigt 21.09.2026). <!-- KOERPERKLASSE "start", NICHT "gate" (berichtigt 21.09.2026).
`body.gate` ist die Anmeldewand: `display:flex; align-items:center`, `body.gate` ist die Anmeldewand: `display:flex; align-items:center`,
@@ -75,13 +75,13 @@
<p class="fehler" id="fehler" hidden></p> <p class="fehler" id="fehler" hidden></p>
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/willkommen.js?v=202610021926" defer></script> <script src="assets/js/willkommen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>
+17 -17
View File
@@ -12,20 +12,20 @@
Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
eine Flaeche sind statt zweier. --> eine Flaeche sind statt zweier. -->
<meta name="theme-color" content="#06090f" /> <meta name="theme-color" content="#06090f" />
<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610021926" /> <link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202610022336" />
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610021926" /> <link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202610022336" />
<link rel="stylesheet" href="assets/css/gate.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/gate.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/start.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/start.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/aufgaben.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/wissen.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/wissen.css?v=202610022336" />
<link rel="stylesheet" href="assets/css/module.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/module.css?v=202610022336" />
<!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026). <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
Auf der Agenturadresse ist sie leer -- das Haus hier IST der Auf der Agenturadresse ist sie leer -- das Haus hier IST der
Grundzustand. Auf der Adresse von Team Dogi biegt der Server Grundzustand. Auf der Adresse von Team Dogi biegt der Server
genau diesen Dateinamen auf crew-haus.css um, und die Seite genau diesen Dateinamen auf crew-haus.css um, und die Seite
kommt schon beim ERSTEN Abruf in Lila und Babyblau an -- kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
ohne Umfaerben im Browser, ohne Flackern. --> ohne Umfaerben im Browser, ohne Flackern. -->
<link rel="stylesheet" href="assets/css/haus.css?v=202610021926" /> <link rel="stylesheet" href="assets/css/haus.css?v=202610022336" />
</head> </head>
<body class="start"> <body class="start">
@@ -190,15 +190,15 @@
</main> </main>
<script src="assets/js/meldung.js?v=202610021926" defer></script> <script src="assets/js/meldung.js?v=202610022336" defer></script>
<script src="assets/js/hochladen.js?v=202610021926" defer></script> <script src="assets/js/hochladen.js?v=202610022336" defer></script>
<script src="assets/js/nachfrage.js?v=202610021926" defer></script> <script src="assets/js/nachfrage.js?v=202610022336" defer></script>
<script src="assets/js/wahl.js?v=202610021926" defer></script> <script src="assets/js/wahl.js?v=202610022336" defer></script>
<script src="assets/js/bereiche.js?v=202610021926" defer></script> <script src="assets/js/bereiche.js?v=202610022336" defer></script>
<script src="assets/js/installieren.js?v=202610021926" defer></script> <script src="assets/js/installieren.js?v=202610022336" defer></script>
<script src="assets/js/kopf.js?v=202610021926" defer></script> <script src="assets/js/kopf.js?v=202610022336" defer></script>
<script src="assets/js/glocke.js?v=202610021926" defer></script> <script src="assets/js/glocke.js?v=202610022336" defer></script>
<script src="assets/js/wissen.js?v=202610021926" defer></script> <script src="assets/js/wissen.js?v=202610022336" defer></script>
</body> </body>
</html> </html>