Agentur-Events: aus einem Bildschirmfoto wird eine Kampagnenkachel
Filipe: "bei den agentur events soll ich kein link sondern immer so ein
screen reinschicke und dan soll daraus alles genommen werden und daraus
die kampagne kachel gemacht werden."
WARUM EIN BILD UND NICHT DER LINK. Gemessen am 07./08.10.2026 an seinem
echten Agenturlink, mit Gegenprobe:
vm.tiktok.com/ZSbACwAnK/ -> tiktok.com/tcn/activity?activity_id=...
233 KB reine Huelle, kein Datenpaket
dieselbe Nummer auf dem Weg der oeffentlichen Kampagnenseite
42 KB, ebenfalls ohne Datenpaket
eine ECHTE Kampagne auf demselben Weg
967 KB MIT Datenpaket
Die Agentur-Kampagnen leben im Creator Network, und das rendert nichts
auf dem Server. Was Filipe sieht, sieht nur sein Browser -- also wird
genau das gelesen: das Bild davon.
DREI WEGE ZUM SELBEN KASTEN: einfuegen (Strg+V nach Win+Umschalt+S),
hereinziehen, auswaehlen (Handy). Derselbe Kasten, derselbe
Knopfzustand, dieselbe Meldezeile wie beim Link.
TESSERACT, NICHT EIN DIENST IM NETZ. Apache 2.0, auf dem eigenen
Server, 0 EUR, und das Bild verlaesst ihn nicht -- ein Backstage-Foto
zeigt Teilnehmerzahlen und Kampagnennamen. Version 5.5.0 mit deutschen
Sprachdaten war bereits vorhanden. `--psm 4` gemessen gegen `6` (24
statt 14 Zeilen); keine Bildnachbearbeitung, weil vier gemessene
Fassungen (unveraendert, invertiert, doppelt, beides) dieselben Ziele
wortgleich lesen.
DIESELBE FORM WIE DER LINK-LESER. `leseBild()` gibt Feld fuer Feld
dasselbe zurueck wie `leseKampagne()` -- dadurch greifen Gliederung,
Geschenkplaketten, Aufklappen, Teilen, Steckbrief und Spaltenwahl
unveraendert. Geprueft wird das ausdruecklich (17 gegen 17 Felder).
DER ZEITRAUM WIRD ZWEIMAL GELESEN UND MUSS ZWEIMAL DASSELBE SAGEN.
Auf der Seite steht er amerikanisch (10/01/2026) und deutsch
(01.10.2026). Genommen wird die deutsche, die amerikanische ist die
Gegenprobe. Widersprechen sie sich, entsteht KEINE Kachel: Eine Kachel
ohne Zeitraum ist unvollstaendig und sagt das selbst -- eine mit dem
falschen ist eine Falschauskunft, und bei Texterkennung ist aus einer 3
schnell eine 8.
Der Anlege-Block ist aus der Link-Route herausgezogen
(`kachelSchreiben`), damit beide Wege DIESELBE Stelle benutzen.
Abgeschrieben waere er die Dopplung, die hier am 11.09.2026 schon
einmal drei Spalten gekostet hat.
GEMESSEN UND BERICHTIGT (alles aus echten Laeufen, nicht geraten):
- Die Phasenueberschrift trug ein Zielscheiben-Zeichen, das als `@`
gelesen wurde -- die erste "Aufgabe" hiess "Ziele erreichen Endetin
23 Tage 22 : 50 : 44".
- Halbe Schilder liessen ihre zweite Haelfte im Wert stehen:
"Sichtbar für: für Privat".
- "Creator*innen" schnitt mitten im Nachbarwert ab und machte aus
"1 Creator Network, 55 Creator*innen" ein "1 Creator Network, 55".
- "In Bearbeitung" kam als "in aearbeitung" durch.
- Die Creator-Zahl steht als "1 (i)" da, und der Kreis wird als Null
gelesen. Sie wird deshalb GAR NICHT angezeigt: keine Angabe ist
richtig, eine falsche ist falsch.
- Das Wasserzeichen (seine Mailadresse, vielfach und schraeg) taucht
im Erkennungstext kein einziges Mal auf -- festgehalten mit
Gegenprobe, falls eine kuenftige Fassung es doch liest.
- `.knopf--still` hiess zuerst wie ein allgemeiner Knopf-Zusatz;
pruef-css-klassen hatte recht, ihn auf drei Seiten zu vermissen.
Jetzt `.kampagneholen__waehlen`, im Namensraum seines Kastens.
- Die Pruefung selbst meldete zweimal Falsches: Sie fand "execFile"
und "Tesseract" in den KOMMENTAREN des Lesers und hielt
`regex.exec(...)` fuer einen fremden Prozess.
GEPRUEFT: 43 neu (pruef-kampagne-bild, davon 1 nicht nachsehbar --
Tesseract fehlt auf dem Entwicklungsrechner; auf dem Server liefert es
den gespeicherten Erkennungstext zeichengleich), 169 (Route,
unveraendert nach dem Herausziehen), struktur, css-klassen, zeichen,
deutsche-texte.
PARALLELE ARBEIT: An derselben Arbeitskopie wird gleichzeitig an der
Crew-Seite gebaut (Reaction, Foyer). Dieser Commit fasst ausschliesslich
die zehn Dateien oben an -- einzeln vorgemerkt, kein `git add -A`. Der
globale Cache-Stempel wurde absichtlich NICHT gelaufen, nur die zwei
Verweise in bereich.html; gestempelt wird am Ende einmal fuer beide.
Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
+18
@@ -141,3 +141,21 @@ tools/.messkopf.txt
|
||||
# Das Arbeitsschloss gehoert dem Rechner, nicht dem Verlauf: Es sagt,
|
||||
# wer GERADE arbeitet. Committet waere es eine Behauptung von gestern.
|
||||
.arbeitsschloss
|
||||
|
||||
# ---------------------------------------------------------------------
|
||||
# AUSNAHME: server/pruefdaten/ IST VERSIONIERT (08.10.2026)
|
||||
#
|
||||
# Dort liegen PRUEFDATEN, keine erzeugten Bilder: gespeicherte Seiten,
|
||||
# ein Erkennungstext und das Bild, aus dem er stammt. Ihre Pruefsummen
|
||||
# stehen in den Pruefdateien -- ohne sie laeuft pruef-kampagne-lesen
|
||||
# und pruef-kampagne-bild gar nicht erst an.
|
||||
#
|
||||
# Noetig wurde die Zeile, weil `bild-*.png` weiter oben die ERZEUGTEN
|
||||
# Bildschirmfotos ausschliesst (bild-kampagne-1280.png und
|
||||
# Geschwister) -- und `bild-agentur-nachbau.png` zufaellig genauso
|
||||
# heisst. Zwei verschiedene Dinge, ein Muster.
|
||||
#
|
||||
# `.gitattributes` haelt diese Dateien ausserdem byteweise fest
|
||||
# (`server/pruefdaten/** -text`), sonst wuerde Git die Zeilenenden
|
||||
# umschreiben und die Pruefsummen brechen.
|
||||
!server/pruefdaten/**
|
||||
|
||||
@@ -0,0 +1,599 @@
|
||||
/* =====================================================================
|
||||
EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO LESEN (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern immer so
|
||||
ein screen reinschicke und dan soll daraus alles genommen werden und
|
||||
daraus die kampagne kachel gemacht werden."
|
||||
|
||||
WARUM ES DIESE DATEI UEBERHAUPT GIBT. Gemessen am 07.10.2026 an
|
||||
seinem echten Agenturlink: `vm.tiktok.com/ZSbACwAnK/` fuehrt auf
|
||||
`tiktok.com/tcn/activity?...` -- das Creator Network. Diese Seiten
|
||||
baut TikTok erst im Browser auf, angemeldet; von aussen stehen dort
|
||||
233 KB leere Huelle. Dieselbe Kampagnennummer auf dem Weg der
|
||||
oeffentlichen Kampagnenseite gibt 42 KB ohne Datenpaket, waehrend
|
||||
eine echte Kampagne dort 967 KB MIT Datenpaket liefert. Die Kampagne
|
||||
existiert also schlicht nicht als oeffentliche Seite. Kein Programm
|
||||
kann sie von aussen lesen -- auch keines, das jemand anders baut.
|
||||
|
||||
Was Filipe sieht, sieht nur sein Browser. Also wird genau das
|
||||
gelesen: das Bild davon.
|
||||
|
||||
---------------------------------------------------------------------
|
||||
HIER PASSIERT NICHTS AUSSER LESEN
|
||||
|
||||
Keine Netzanfrage, keine Datenbank, kein Express, keine Datei, keine
|
||||
Uhr, und auch KEINE Texterkennung. Text hinein, Daten heraus --
|
||||
dieselbe Regel wie bei kampagne-lesen.mjs, und aus demselben Grund:
|
||||
So laesst sich das Auslesen gegen GESPEICHERTE Erkennungstexte
|
||||
pruefen, ohne Tesseract, ohne Bild, ohne Server. Eine Pruefung, die
|
||||
dafuer ein Bild durch die Texterkennung schicken muss, misst die
|
||||
Tagesform von Tesseract statt unseren Code.
|
||||
|
||||
Die Texterkennung selbst steht in workspace-kampagne.js -- an der
|
||||
Stelle, an der es ohnehin einen Prozess und ein Dateisystem gibt.
|
||||
|
||||
---------------------------------------------------------------------
|
||||
DIESELBE FORM WIE DER LINK-LESER
|
||||
|
||||
`leseBild()` gibt `{ pflicht, kuer, hinweise, auszug }` zurueck --
|
||||
Feld fuer Feld dasselbe wie `leseKampagne()`. Das ist die wichtigste
|
||||
Entscheidung in dieser Datei: Dadurch greifen Gliederung,
|
||||
Geschenkplaketten, Aufklappen, Teilen, Steckbrief und Spaltenwahl
|
||||
unveraendert weiter. Haette das Bild eine eigene Form, gaebe es zwei
|
||||
Wege durch das Haus, und der zweite waere der, der beim naechsten
|
||||
Umbau vergessen wird.
|
||||
|
||||
---------------------------------------------------------------------
|
||||
DER ZEITRAUM WIRD ZWEIMAL GELESEN -- UND MUSS ZWEIMAL DASSELBE SAGEN
|
||||
|
||||
Auf der Seite steht er an zwei Stellen, in zwei Schreibweisen:
|
||||
|
||||
10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00) (oben)
|
||||
Daten 01.10.2026 00:00 ~ 31.10.2026 22:59(UTC+02:00) (im Raster)
|
||||
|
||||
Die obere ist amerikanisch (Monat zuerst), die untere deutsch (Tag
|
||||
zuerst). Beide meinen den 1. bis 31. Oktober. Genommen wird die
|
||||
DEUTSCHE -- sie ist eindeutig --, und die amerikanische dient als
|
||||
Gegenprobe. Stimmen sie nicht ueberein, entsteht KEINE Kachel:
|
||||
|
||||
Eine Kachel ohne Zeitraum ist unvollstaendig und sagt das selbst.
|
||||
Eine Kachel mit dem FALSCHEN Zeitraum ist eine Falschauskunft -- sie
|
||||
behauptet einen Termin, den sie nicht kennt, und man sieht es ihr
|
||||
nicht an. Bei einer Texterkennung ist das keine theoretische Gefahr:
|
||||
Aus einer 3 kann eine 8 werden, und „bis 08.10." statt „bis 03.10."
|
||||
liest sich genauso plausibel.
|
||||
===================================================================== */
|
||||
|
||||
/** Was beim Lesen schiefgehen kann. Dieselbe Bauart wie
|
||||
* `KampagneUnlesbar` in kampagne-lesen.mjs -- zwei Arten, damit die
|
||||
* Route unterscheiden kann, was sie meldet.
|
||||
*
|
||||
* "pflicht" Titel oder Zeitraum fehlen / widersprechen sich
|
||||
* "aufbau" das sieht nicht nach dieser Seite aus
|
||||
*/
|
||||
export class BildUnlesbar extends Error {
|
||||
constructor(grund, art = "aufbau") {
|
||||
super(grund);
|
||||
this.name = "BildUnlesbar";
|
||||
this.art = art;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------
|
||||
MUSTER
|
||||
|
||||
ALLE MIT TOLERANZ GEGEN DIE TEXTERKENNUNG. Gemessen an einer
|
||||
nachgebauten Seite (server/pruefdaten/bild-agentur-*.txt):
|
||||
|
||||
„Sichtbar für" kam als „Sichtbar für" durch -- gut
|
||||
„22:59(UTC+02:00)" kam als „22:5XUTC+02:00)" durch -- die
|
||||
Klammer ging verloren, die Ziffer auch
|
||||
„Erstellt von" kam als „Erstellt von." durch -- ein Punkt
|
||||
zu viel
|
||||
„Creator*innen" kam als „Creator‘innen" und „Creatorinnen"
|
||||
durch -- der Stern wandert
|
||||
|
||||
Deshalb wird nirgends auf ein Satzzeichen vertraut, und hinter jedem
|
||||
Schild steht `[\s.:]*` statt eines festen Trenners. Was dagegen NICHT
|
||||
toleriert wird, sind die Ziffern des Zeitraums -- dafuer gibt es die
|
||||
Gegenprobe oben. */
|
||||
const Z_DEUTSCH = new RegExp(
|
||||
"Daten[\\s.:]*"
|
||||
+ "([0-9]{1,2})[.\\-/]([0-9]{1,2})[.\\-/]([0-9]{4})"
|
||||
+ "[^0-9]{0,12}(?:[0-9]{1,2}[:.][0-9]{2})?"
|
||||
+ "[\\s]*[~\\-–—][\\s]*"
|
||||
+ "([0-9]{1,2})[.\\-/]([0-9]{1,2})[.\\-/]([0-9]{4})", "i");
|
||||
|
||||
const Z_AMERIKANISCH = new RegExp(
|
||||
"([0-9]{1,2})/([0-9]{1,2})/([0-9]{4})[\\s]+[0-9]{1,2}:[0-9]{2}:[0-9]{2}"
|
||||
+ "[\\s]*[~\\-–—][\\s]*"
|
||||
+ "([0-9]{1,2})/([0-9]{1,2})/([0-9]{4})", "i");
|
||||
|
||||
/* Eine Zonenangabe ist „Erdteil/Ort" -- und genau so steht sie da.
|
||||
Ohne den Schraegstrich waere „Europe" allein keine Zone, die
|
||||
`Intl.DateTimeFormat` kennt, und ein stillschweigendes Ausweichen
|
||||
auf UTC waere ein anderer Tag (siehe tagInZone in
|
||||
kampagne-lesen.mjs). */
|
||||
const ZONE = /Zeitzone[\s.:]*([A-Za-z]+\/[A-Za-z_+\-0-9]+)/i;
|
||||
|
||||
/* DIE SCHILDER DES RASTERS -- mit ihrem GANZEN Namen.
|
||||
|
||||
Die Texterkennung zieht die zwei Rasterspalten in EINE Zeile
|
||||
zusammen: „Gruppenname X Zeitzone Y“. Gelesen wird deshalb
|
||||
zeilenweise: Erst werden alle Schilder in der Zeile gesucht,
|
||||
dann ist der Wert eines Schildes das, was bis zum NAECHSTEN
|
||||
Schild steht.
|
||||
|
||||
WARUM DER GANZE NAME (gemessen 08.10.2026, erster Lauf):
|
||||
Mit dem Stueck „Sichtbar“ kam „Sichtbar für: für Privat“ heraus
|
||||
-- das „für“ gehoert zum Schild, nicht zum Wert. Mit
|
||||
„Anmeldung“ dasselbe: „Anmeldung erforderlich: erforderlich
|
||||
Nein“. Ein halbes Schild laesst seine zweite Haelfte im Wert
|
||||
stehen.
|
||||
|
||||
UND WARUM „Creator“ KEIN SCHILD IST: Es steht mitten IM Wert
|
||||
des Nachbarn („1 Creator Network, 55 Creator*innen“). Als
|
||||
Schild gefuehrt schnitt es genau dort ab und machte aus der
|
||||
Teilnehmerangabe „innen der. 1“. Das Schild heisst
|
||||
„Creator*innen“ mit Stern -- und der Stern wandert bei der
|
||||
Texterkennung, deshalb `Creator.{0,3}innen` und ein
|
||||
Wortende dahinter.
|
||||
|
||||
`muster` findet das Schild, `name` steht spaeter auf der
|
||||
Kachel. Beides getrennt, weil das eine tolerant sein muss und
|
||||
das andere lesbar. */
|
||||
const RASTER_SCHILDER = [
|
||||
{ schluessel: "gruppenname", muster: /Gruppenname/i, name: "Gruppenname" },
|
||||
{ schluessel: "zeitzone", muster: /Zeitzone/i, name: "Zeitzone" },
|
||||
{ schluessel: "daten", muster: /Daten/i, name: "Daten" },
|
||||
{ schluessel: "sichtbar", muster: /Sichtbar\s*f[uü]r/i, name: "Sichtbar für" },
|
||||
{ schluessel: "erstellt", muster: /Erstellt\s*von/i, name: "Erstellt von" },
|
||||
/* „Teilnehmer*innen der ...“ -- auf dem Bild abgeschnitten, und
|
||||
der Stern wandert. Der Punktrest am Ende gehoert zum Schild. */
|
||||
{ schluessel: "teilnehmer", muster: /Teilnehmer.{0,3}innen(?:\s*der)?\s*\.{0,3}/i,
|
||||
name: "Teilnehmer*innen" },
|
||||
{ schluessel: "anmeldung", muster: /Anmeldung\s*erforderlich/i,
|
||||
name: "Anmeldung erforderlich" },
|
||||
/* NUR AM ZEILENANFANG -- und das ist die wichtigste Zeile
|
||||
dieser Liste (gemessen 08.10.2026, zweiter Lauf).
|
||||
|
||||
„Creator*innen“ ist ein Schild UND steht zugleich mitten im
|
||||
Wert des Nachbarn: „Teilnehmer*innen der ... 1 Creator
|
||||
Network, 55 Creator*innen. Einzelheiten anzeigen“. Ohne diese
|
||||
Einschraenkung schnitt es dort ab, und heraus kamen zwei
|
||||
falsche Felder: „Teilnehmer*innen: 1 Creator Network, 55“ und
|
||||
„Creator*innen: Einzelheiten anzeigen“.
|
||||
|
||||
Im Raster steht dieses Schild in der LINKEN Spalte, also am
|
||||
Zeilenanfang. Zwei Zeichen Spielraum fuer das, was die
|
||||
Texterkennung links manchmal dazuerfindet. */
|
||||
{ schluessel: "creator", muster: /Creator.{0,3}innen\b(?!\s*der)/i,
|
||||
name: "Creator*innen", nurZeilenanfang: true },
|
||||
];
|
||||
|
||||
/* Aufzaehlungszeichen, wie die Texterkennung sie liefert. Gemessen:
|
||||
Aus demselben runden Punkt wurden « (U+00AB) und ® (U+00AE) -- je
|
||||
nach Zeile. Wer hier nur „•" erwartet, findet keine einzige
|
||||
Aufgabe. */
|
||||
const AUFZAEHLUNG = /^[\s]*[«»®©@*•·▪◦‣>+\-–—]{1,3}[\s]*/u;
|
||||
|
||||
/* DIE STATUSWORTE -- mit Toleranz gegen EINEN verlesenen
|
||||
Anfangsbuchstaben (gemessen 08.10.2026): Aus „In Bearbeitung“
|
||||
wurde „in aearbeitung“. Das B vor „earbeitung“ ist genau das
|
||||
Zeichen, das auf dunklem Grund am haeufigsten kippt.
|
||||
|
||||
`name` ist, was auf der Kachel steht; `muster`, woran es
|
||||
erkannt wird. Nie das Erkannte anzeigen -- sonst stuende
|
||||
„in aearbeitung“ auf der Kachel. */
|
||||
const STATUSWORTE = [
|
||||
{ name: "In Bearbeitung", muster: /\bin\s*\S?earbeitung\b/i },
|
||||
{ name: "Nicht gestartet", muster: /\bnicht\s*\S?estartet\b/i },
|
||||
{ name: "Beendet", muster: /\b\S?eendet\b/i },
|
||||
{ name: "Abgeschlossen", muster: /\b\S?bgeschlossen\b/i },
|
||||
{ name: "Entwurf", muster: /\b\S?ntwurf\b/i },
|
||||
{ name: "Laufend", muster: /\b\S?aufend\b/i },
|
||||
{ name: "Geplant", muster: /\b\S?eplant\b/i },
|
||||
];
|
||||
|
||||
/* ---------------------------------------------------------------------
|
||||
KLEINE HELFER (alle rein) */
|
||||
|
||||
const zeilen = (text) => String(text || "")
|
||||
.split(/\r?\n/).map((z) => z.trim()).filter(Boolean);
|
||||
|
||||
const iso = (t, m, j) => `${j}-${String(m).padStart(2, "0")}-${String(t).padStart(2, "0")}`;
|
||||
|
||||
/** Ist das ein moegliches Datum? Keine Uhr, kein Kalender -- nur die
|
||||
* Frage, ob die Zahlen ueberhaupt einen Tag ergeben koennen. */
|
||||
function tagMoeglich(t, m, j) {
|
||||
const tag = Number(t);
|
||||
const monat = Number(m);
|
||||
const jahr = Number(j);
|
||||
if (!(monat >= 1 && monat <= 12)) return false;
|
||||
if (!(jahr >= 2000 && jahr <= 2100)) return false;
|
||||
const lang = [31, (jahr % 4 === 0 && jahr % 100 !== 0) || jahr % 400 === 0 ? 29 : 28,
|
||||
31, 30, 31, 30, 31, 31, 30, 31, 30, 31][monat - 1];
|
||||
return tag >= 1 && tag <= lang;
|
||||
}
|
||||
|
||||
/** Den Wert hinter einem Schild holen -- bis zum naechsten Schild.
|
||||
*
|
||||
* WARUM NICHT „bis zum Zeilenende": Die Texterkennung zieht die zwei
|
||||
* Rasterspalten in EINE Zeile zusammen. „Gruppenname Star Light
|
||||
* Zeitzone Europe/Amsterdam" wuerde sonst den halben Nachbarn
|
||||
* mitnehmen. */
|
||||
/** Alle Rasterfelder einer Zeile -- zerlegt an ihren Schildern.
|
||||
*
|
||||
* Erst werden alle Schilder gesucht und nach ihrer Stelle
|
||||
* sortiert; der Wert eines Schildes ist dann genau das, was bis
|
||||
* zum naechsten steht. Das ist der Unterschied zu „bis zum
|
||||
* Zeilenende“ (nimmt den Nachbarn mit) und zu „bis zum ersten
|
||||
* Wort, das wie ein Schild aussieht“ (schneidet mitten im Wert,
|
||||
* gemessen am 08.10.2026 bei „1 Creator Network“).
|
||||
*
|
||||
* JEDES SCHILD NUR EINMAL JE ZEILE: `exec` ohne `g` liefert den
|
||||
* ERSTEN Treffer. Stuende eines zweimal, gewaenne das erste --
|
||||
* und das ist auf dieser Seite auch das richtige. */
|
||||
/* Was die Seite neben einen Wert stellt und was die Texterkennung
|
||||
daraus macht -- beides gehoert nicht in die Kachel.
|
||||
|
||||
DIE FRAGEZEICHEN-KREISE der Seite (ⓘ) werden je nach Zeile als
|
||||
`®`, `©`, `@` oder `0` gelesen. Gemessen: „Nein ⓘ“ kam als
|
||||
„Nein ®“ durch und „1 ⓘ“ als „10“ -- das erste laesst sich
|
||||
entfernen, das zweite nicht (aus „10“ ist nicht mehr zu sehen,
|
||||
dass die 0 ein Kreis war). Deshalb wird nur abgeraeumt, was
|
||||
eindeutig keine Angabe ist: ein EINZELNES Sonderzeichen am Ende.
|
||||
|
||||
DIE KNOPFBESCHRIFTUNGEN („Einzelheiten anzeigen“) stehen im
|
||||
selben Rasterfeld wie der Wert. Auf einer Kachel waeren sie ein
|
||||
Hinweis auf etwas, das man dort nicht anklicken kann. */
|
||||
const WERT_ZIERDE = /[\s]*[®©@*^~|]+[\s]*$/u;
|
||||
const WERT_KNOEPFE = /(Einzelheiten|Mehr|Weniger|Details)\s+anzeigen\s*\.?\s*$/i;
|
||||
|
||||
function wertSaeubern(roh) {
|
||||
let w = String(roh || "");
|
||||
w = w.replace(/^[\s.:,]+/, "").replace(WERT_KNOEPFE, "");
|
||||
w = w.replace(WERT_ZIERDE, "").replace(/[\s.:,]+$/, "");
|
||||
return w.trim();
|
||||
}
|
||||
|
||||
function rasterZeile(zeile) {
|
||||
const stellen = [];
|
||||
for (const s of RASTER_SCHILDER) {
|
||||
const m = s.muster.exec(zeile);
|
||||
if (!m || m.index < 0) continue;
|
||||
if (s.nurZeilenanfang && m.index > 2) continue;
|
||||
stellen.push({ ...s, von: m.index, bis: m.index + m[0].length });
|
||||
}
|
||||
stellen.sort((a, b) => a.von - b.von);
|
||||
const aus = {};
|
||||
for (let i = 0; i < stellen.length; i += 1) {
|
||||
const ende = i + 1 < stellen.length ? stellen[i + 1].von : zeile.length;
|
||||
const wert = wertSaeubern(zeile.slice(stellen[i].bis, ende));
|
||||
if (wert) aus[stellen[i].schluessel] = wert;
|
||||
}
|
||||
return aus;
|
||||
}
|
||||
|
||||
/** Alle Rasterfelder des ganzen Textes. Spaetere Zeilen
|
||||
* ueberschreiben nicht: Das erste Vorkommen gewinnt, weil das
|
||||
* Raster oben steht und weiter unten dieselben Woerter in
|
||||
* Fliesstext auftauchen koennen. */
|
||||
function rasterFelder(alle) {
|
||||
const aus = {};
|
||||
for (const z of alle) {
|
||||
for (const [k, v] of Object.entries(rasterZeile(z))) {
|
||||
if (aus[k] === undefined) aus[k] = v;
|
||||
}
|
||||
}
|
||||
return aus;
|
||||
}
|
||||
|
||||
/** Den Titel aus der Kopfzeile schaelen.
|
||||
*
|
||||
* Rechts daneben stehen Bedienelemente („Kampagne duplizieren",
|
||||
* „Weniger anzeigen") und links ein Statusabzeichen. Beides gehoert
|
||||
* nicht in den Titel einer Kachel. */
|
||||
function titelSaeubern(roh) {
|
||||
let t = String(roh || "").trim();
|
||||
for (const wort of ["Kampagne duplizieren", "Weniger anzeigen", "Mehr anzeigen",
|
||||
"Kampagne bearbeiten", "Einzelheiten anzeigen"]) {
|
||||
const i = t.search(new RegExp(wort.replace(/ /g, "[\\s]+"), "i"));
|
||||
if (i > 0) t = t.slice(0, i);
|
||||
}
|
||||
for (const s of STATUSWORTE) t = t.replace(s.muster, " ");
|
||||
/* Das Pfeilzeichen des Aufklappers und uebrig gebliebene Zierde. */
|
||||
t = t.replace(/[\s^~*_|]+$/u, "").replace(/^[\s*_|]+/u, "");
|
||||
return t.trim();
|
||||
}
|
||||
|
||||
/** Welches Statuswort steht oben? Nur zur Auskunft, nichts haengt daran. */
|
||||
function statusAus(text) {
|
||||
for (const s of STATUSWORTE) if (s.muster.test(String(text || ""))) return s.name;
|
||||
return null;
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
LESEN
|
||||
===================================================================== */
|
||||
|
||||
/** Liest den Erkennungstext eines Kampagnen-Bildschirmfotos.
|
||||
*
|
||||
* @param {string} text was die Texterkennung geliefert hat
|
||||
* @returns {{pflicht: object, kuer: object, hinweise: string[], auszug: object}}
|
||||
* @throws {BildUnlesbar}
|
||||
*/
|
||||
export function leseBild(text) {
|
||||
const roh = String(text || "");
|
||||
const alle = zeilen(roh);
|
||||
const hinweise = [];
|
||||
|
||||
if (alle.length < 3) {
|
||||
throw new BildUnlesbar(
|
||||
"auf dem Bild war fast kein Text zu erkennen -- "
|
||||
+ `${alle.length} Zeile(n)`, "aufbau");
|
||||
}
|
||||
|
||||
/* EINMAL ZERLEGEN, DANN BENUTZEN. Vorher wurde fuer jedes Feld
|
||||
einzeln im ganzen Text gesucht -- und dabei schnitt die Suche
|
||||
mitten in den Werten der Nachbarn ab (gemessen 08.10.2026:
|
||||
aus „1 Creator Network, 55 Creator*innen“ wurde „innen der.
|
||||
1“). Jetzt wird das Raster zeilenweise zerlegt, einmal. */
|
||||
const feld = rasterFelder(alle);
|
||||
|
||||
/* ---- PFLICHT: der Zeitraum ------------------------------------ */
|
||||
const d = Z_DEUTSCH.exec(roh);
|
||||
const a = Z_AMERIKANISCH.exec(roh);
|
||||
|
||||
let start = null;
|
||||
let ende = null;
|
||||
let quelle = null;
|
||||
|
||||
if (d && tagMoeglich(d[1], d[2], d[3]) && tagMoeglich(d[4], d[5], d[6])) {
|
||||
start = iso(d[1], d[2], d[3]);
|
||||
ende = iso(d[4], d[5], d[6]);
|
||||
quelle = "deutsch";
|
||||
}
|
||||
|
||||
let gegenStart = null;
|
||||
let gegenEnde = null;
|
||||
if (a && tagMoeglich(a[2], a[1], a[3]) && tagMoeglich(a[5], a[4], a[6])) {
|
||||
/* Monat zuerst -- deshalb a[2] als Tag und a[1] als Monat. */
|
||||
gegenStart = iso(a[2], a[1], a[3]);
|
||||
gegenEnde = iso(a[5], a[4], a[6]);
|
||||
if (!start) { start = gegenStart; ende = gegenEnde; quelle = "amerikanisch"; }
|
||||
}
|
||||
|
||||
if (!start || !ende) {
|
||||
throw new BildUnlesbar(
|
||||
/* ANFUEHRUNGSZEICHEN: oeffnend „ (U+201E), schliessend “
|
||||
(U+201C) -- NIE das gerade ". Das gerade beendet die
|
||||
Zeichenkette, und der Uebersetzer meldet einen Fehler zwanzig
|
||||
Zeilen weiter unten. Dieses Haus hat das schon zweimal einen
|
||||
Abend gekostet. */
|
||||
"auf dem Bild war kein Zeitraum zu lesen -- gesucht wurde "
|
||||
+ "„Daten 01.10.2026 ... ~ 31.10.2026 ...“ und "
|
||||
+ "„10/01/2026 00:00:00 ~ 10/31/2026 22:59:59“", "pflicht");
|
||||
}
|
||||
|
||||
/* DIE GEGENPROBE. Stehen beide Schreibweisen da und sagen
|
||||
Verschiedenes, hat die Texterkennung sich bei einer Ziffer vertan
|
||||
-- und welche die richtige ist, weiss niemand. Dann lieber keine
|
||||
Kachel als eine mit einem erfundenen Termin. */
|
||||
if (quelle === "deutsch" && gegenStart
|
||||
&& (gegenStart !== start || gegenEnde !== ende)) {
|
||||
throw new BildUnlesbar(
|
||||
`der Zeitraum steht auf dem Bild zweimal und beide Male anders `
|
||||
+ `(${start} bis ${ende} gegen ${gegenStart} bis ${gegenEnde}) -- `
|
||||
+ "bitte ein schärferes Bild einfügen", "pflicht");
|
||||
}
|
||||
if (!gegenStart) {
|
||||
hinweise.push("Der Zeitraum konnte nur an einer Stelle des Bildes "
|
||||
+ "geprüft werden — bitte Anfang und Ende kurz nachsehen.");
|
||||
}
|
||||
|
||||
if (ende < start) {
|
||||
throw new BildUnlesbar(
|
||||
`das Ende liegt vor dem Anfang (${start} bis ${ende}) -- `
|
||||
+ "da hat die Texterkennung sich vertan", "pflicht");
|
||||
}
|
||||
|
||||
/* ---- PFLICHT: der Titel --------------------------------------- */
|
||||
/* ERST „Gruppenname", DANN die Kopfzeile. Im Raster steht der Titel
|
||||
ohne Abzeichen und ohne Bedienelemente daneben -- also sauberer.
|
||||
Die Kopfzeile ist die Ausweiche. */
|
||||
let titel = titelSaeubern(feld.gruppenname || "");
|
||||
if (!titel || titel.length < 2) titel = titelSaeubern(alle[0]);
|
||||
if (!titel || titel.length < 2) {
|
||||
throw new BildUnlesbar(
|
||||
"auf dem Bild war kein Titel zu lesen", "pflicht");
|
||||
}
|
||||
titel = titel.slice(0, 160);
|
||||
|
||||
/* ---- Zeitzone -------------------------------------------------- */
|
||||
const zoneTreffer = ZONE.exec(roh);
|
||||
const zone = zoneTreffer ? zoneTreffer[1] : null;
|
||||
if (!zone) {
|
||||
hinweise.push("Die Zeitzone war auf dem Bild nicht zu lesen — "
|
||||
+ "die Tage stehen so da, wie sie auf dem Bild standen.");
|
||||
}
|
||||
|
||||
/* ---- Die Aufgaben ---------------------------------------------- */
|
||||
/* WO SIE ANFANGEN: nach der Phasenueberschrift. Steht die nicht da,
|
||||
werden alle Aufzaehlungszeilen genommen -- auf dieser Seite gibt
|
||||
es oberhalb keine. */
|
||||
const phaseAb = alle.findIndex((z) =>
|
||||
/Ziele erreichen|Phasendetails|Endet in|Endetin/i.test(z));
|
||||
/* AB DER ZEILE DANACH, nicht ab ihr selbst (berichtigt
|
||||
08.10.2026).
|
||||
|
||||
Die Phasenueberschrift traegt auf der Seite ein Zielscheiben-
|
||||
Zeichen, und die Texterkennung macht daraus ein `@`. Damit
|
||||
sah sie aus wie eine Aufzaehlungszeile, und die erste
|
||||
„Aufgabe“ hiess „Ziele erreichen Endetin 23 Tage 22 : 50 :
|
||||
44“ -- ein Haken, den niemand abhaken kann.
|
||||
|
||||
Die Zeile selbst ist die Ueberschrift; was zaehlt, steht
|
||||
darunter. */
|
||||
const ab = phaseAb >= 0 ? phaseAb + 1 : 0;
|
||||
const aufgaben = [];
|
||||
const gesehen = new Set();
|
||||
/* WAS NIE EINE AUFGABE IST (berichtigt 08.10.2026, zweiter
|
||||
Lauf). `ab` reicht nicht: Gesucht wird die erste Zeile, die
|
||||
nach der Phase aussieht, und das war „Phasendetails
|
||||
Creator*innen-Leistung“ -- eine Zeile VOR der eigentlichen
|
||||
Ueberschrift. Die rutschte dadurch wieder hinein, mitsamt
|
||||
ihrem Countdown: „Ziele erreichen Endetin 23 Tage 22 : 50 :
|
||||
44“.
|
||||
|
||||
Statt die Startzeile noch genauer zu suchen, wird gesagt, was
|
||||
KEINE Aufgabe ist. Das haelt auch, wenn die Seite die Bloecke
|
||||
einmal anders anordnet. */
|
||||
const KEINE_AUFGABE = /Endet\s*in|Endetin|Phasendetails|Leistung|Ziele erreichen/i;
|
||||
for (const z of alle.slice(ab)) {
|
||||
if (!AUFZAEHLUNG.test(z)) continue;
|
||||
if (KEINE_AUFGABE.test(z)) continue;
|
||||
/* EIN PUNKT AM ENDE IST FAST IMMER ZUFALL. Gemessen kam
|
||||
„Geh LIVE für 900 Minuten.“ heraus, auf der Seite steht es
|
||||
ohne Punkt. Eine Aufgabe ist eine Beschriftung, kein Satz;
|
||||
und der Haken haengt an ihrem Text, also soll der stimmen.
|
||||
Entfernt wird NUR ein einzelnes Satzzeichen am Ende -- ein
|
||||
„...“ oder ein Fragezeichen bleibt stehen. */
|
||||
const nur = z.replace(AUFZAEHLUNG, "").trim().replace(/(?<![.!?])[.,;]$/u, "").trim();
|
||||
/* Mindestens vier Buchstaben: Ein einzelnes Zeichen, das die
|
||||
Texterkennung fuer einen Punkt gehalten hat, ist keine
|
||||
Aufgabe. */
|
||||
if ((nur.match(/\p{L}/gu) || []).length < 4) continue;
|
||||
if (gesehen.has(nur)) continue;
|
||||
gesehen.add(nur);
|
||||
aufgaben.push(nur);
|
||||
}
|
||||
if (!aufgaben.length) {
|
||||
hinweise.push("Auf dem Bild war keine Aufgabenliste zu erkennen — "
|
||||
+ "bitte nachtragen.");
|
||||
}
|
||||
|
||||
/* ---- Die Beschreibung ------------------------------------------ */
|
||||
/* Sie steht UNTER ihrer Ueberschrift, nicht dahinter -- anders als
|
||||
die Rasterfelder. Genommen wird die naechste Zeile, die kein
|
||||
Schild ist. */
|
||||
let einleitung = null;
|
||||
const beschrAb = alle.findIndex((z) => /Gruppenbeschreibung/i.test(z));
|
||||
if (beschrAb >= 0) {
|
||||
for (const z of alle.slice(beschrAb + 1, beschrAb + 4)) {
|
||||
if (/Phasendetails|Creator.{0,3}innen-Leistung|Ziele erreichen/i.test(z)) break;
|
||||
if ((z.match(/\p{L}/gu) || []).length < 3) continue;
|
||||
einleitung = z;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- Der Steckbrief -------------------------------------------- */
|
||||
/* Dieselben Felder wie beim Link-Leser, soweit es sie gibt. Was
|
||||
leer ist, faellt weg statt als „—" zu erscheinen. */
|
||||
const steckbrief = {
|
||||
nummer: null,
|
||||
kurznummer: null,
|
||||
region: null,
|
||||
sprache: null,
|
||||
verbund: feld.erstellt || null,
|
||||
zeitzone: zone,
|
||||
anmeldung_ab: null,
|
||||
ergebnis_bis: null,
|
||||
};
|
||||
|
||||
const kuer = {
|
||||
einleitung,
|
||||
einleitungTitel: null,
|
||||
aufgaben,
|
||||
aufgabenTitel: aufgaben.length ? "Ziele erreichen" : null,
|
||||
aufgabenGruppen: [],
|
||||
weitereRegeln: [],
|
||||
geschenke: [],
|
||||
geschenkTitel: null,
|
||||
geschenkHinweis: null,
|
||||
preise: [],
|
||||
preisTitel: null,
|
||||
klapptexte: [],
|
||||
freitext: null,
|
||||
rangliste: null,
|
||||
steckbrief,
|
||||
laender: [],
|
||||
bannerUrl: null,
|
||||
};
|
||||
|
||||
/* ---- Was sonst noch dastand ------------------------------------ */
|
||||
/* Als eigener Abschnitt im Regeltext -- mit „## " davor, damit die
|
||||
Gliederung ihn als Ueberschrift erkennt (siehe gliederung() in
|
||||
kampagne-lesen.mjs). */
|
||||
/* DIE NAMEN KOMMEN AUS DER SCHILDERLISTE, nicht aus einer
|
||||
zweiten hier. Zwei Listen derselben Woerter laufen
|
||||
auseinander, und dann heisst dasselbe Feld an zwei Stellen
|
||||
verschieden. */
|
||||
const nebenbei = [];
|
||||
/* „creator“ STEHT HIER ABSICHTLICH NICHT (08.10.2026).
|
||||
Auf der Seite steht „1 ⓘ“ -- und der Fragezeichen-Kreis wird als
|
||||
Null gelesen. Heraus kam „Creator*innen: 10“, also eine falsche
|
||||
Zahl, und aus dem Erkennungstext ist nicht mehr zu sehen, ob die
|
||||
0 ein Kreis war oder eine Ziffer. Eine Zahl, der man nicht trauen
|
||||
kann, gehoert nicht auf eine Kachel: Keine Angabe ist richtig,
|
||||
eine falsche Angabe ist falsch. Die nuetzliche Zahl steht ohnehin
|
||||
daneben („55 Creator*innen“ in der Teilnehmerzeile). */
|
||||
for (const schluessel of ["sichtbar", "teilnehmer", "anmeldung", "erstellt"]) {
|
||||
const w = feld[schluessel];
|
||||
if (!w) continue;
|
||||
const s = RASTER_SCHILDER.find((x) => x.schluessel === schluessel);
|
||||
nebenbei.push(`${s ? s.name : schluessel}: ${w}`);
|
||||
}
|
||||
if (nebenbei.length) {
|
||||
kuer.weitereRegeln.push({ titel: "Angaben der Kampagne", zeilen: nebenbei });
|
||||
}
|
||||
|
||||
const status = statusAus(alle[0] || "") || statusAus(roh);
|
||||
|
||||
return {
|
||||
pflicht: { titel, start, ende, id: null, zone: zone || "" },
|
||||
kuer,
|
||||
hinweise,
|
||||
auszug: {
|
||||
gelesen_aus: "bildschirmfoto",
|
||||
sprache: "de-DE",
|
||||
start_ms: null,
|
||||
ende_ms: null,
|
||||
zeitzone: zone,
|
||||
zeitzone_versatz: null,
|
||||
status: null,
|
||||
status_anzeige: status,
|
||||
kurznummer: null,
|
||||
laender: [],
|
||||
bausteine: [],
|
||||
einleitung,
|
||||
einleitungTitel: null,
|
||||
aufgaben,
|
||||
aufgabenTitel: kuer.aufgabenTitel,
|
||||
aufgabenGruppen: [],
|
||||
geschenke: [],
|
||||
geschenkTitel: null,
|
||||
geschenkHinweis: null,
|
||||
preise: [],
|
||||
preisTitel: null,
|
||||
klapptexte: [],
|
||||
rangliste: null,
|
||||
steckbrief,
|
||||
banner_url: null,
|
||||
weitere_bilder: [],
|
||||
woerterbuch_eintraege: 0,
|
||||
platzhalter_ohne_eintrag: 0,
|
||||
/* DER ERKANNTE TEXT KOMMT MIT. Geht spaeter etwas schief --
|
||||
ein Feld falsch, ein Datum daneben --, steht hier, WAS die
|
||||
Texterkennung wirklich gesehen hat. Ohne ihn liesse sich ein
|
||||
Fehlgriff nur nachstellen, indem man dasselbe Bild noch
|
||||
einmal schickt, und das Bild hat vielleicht niemand mehr.
|
||||
Gekuerzt, damit der Auszug nicht aufgeblaeht wird. */
|
||||
erkannter_text: roh.slice(0, 8000),
|
||||
erkannte_zeilen: alle.length,
|
||||
zeitraum_quelle: quelle,
|
||||
zeitraum_gegenprobe: gegenStart ? `${gegenStart}..${gegenEnde}` : null,
|
||||
},
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,403 @@
|
||||
/* =====================================================================
|
||||
EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO — GEPRUEFT (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern immer so
|
||||
ein screen reinschicke und dan soll daraus alles genommen werden und
|
||||
daraus die kampagne kachel gemacht werden."
|
||||
|
||||
ZWEI DINGE, ZWEI MESSUNGEN, UND SIE HAENGEN NICHT ANEINANDER:
|
||||
|
||||
1. DAS AUSLESEN (Abschnitte 1-4). Text hinein, Daten heraus. Laeuft
|
||||
ueberall, auch ohne Tesseract -- deshalb ist der Leser ueberhaupt
|
||||
von der Texterkennung getrennt. Geprueft wird gegen einen
|
||||
GESPEICHERTEN Erkennungstext, dessen Pruefsumme hier steht.
|
||||
|
||||
2. DIE TEXTERKENNUNG (Abschnitt 5). Bild hinein, Text heraus. Dafuer
|
||||
braucht es Tesseract. Ist es nicht da, ist das Ergebnis NICHT
|
||||
„bestanden" und auch nicht „uebersprungen", sondern der dritte
|
||||
Ausgang: „konnte nicht nachsehen", mit Grund und Anleitung
|
||||
(CLAUDE.md, 03.09.2026).
|
||||
|
||||
WARUM DER ERKENNUNGSTEXT GESPEICHERT IST und nicht bei jedem Lauf
|
||||
neu erzeugt wird: Sonst misst diese Pruefung die Tagesform von
|
||||
Tesseract statt unseren Code. Faellt die Texterkennung einmal anders
|
||||
aus, soll Abschnitt 5 rot werden -- und die Abschnitte 1-4 sollen
|
||||
trotzdem weiter sagen, ob das Auslesen stimmt.
|
||||
===================================================================== */
|
||||
import { readFileSync, existsSync } from "node:fs";
|
||||
import { createHash } from "node:crypto";
|
||||
import { execFileSync } from "node:child_process";
|
||||
import { dirname, join } from "node:path";
|
||||
import { fileURLToPath } from "node:url";
|
||||
import { notbremse } from "./helfer-notbremse.mjs";
|
||||
|
||||
notbremse(90_000, "pruef-kampagne-bild");
|
||||
|
||||
const HIER = dirname(fileURLToPath(import.meta.url));
|
||||
const DATEN = join(HIER, "pruefdaten");
|
||||
|
||||
let fehler = 0;
|
||||
let geprueft = 0;
|
||||
const melde = (t) => console.log(t);
|
||||
const ok = (b, t) => {
|
||||
geprueft++;
|
||||
console.log((b ? " ok " : " FEHL ") + t);
|
||||
if (!b) fehler++;
|
||||
};
|
||||
/* Der dritte Ausgang: nicht in Ordnung, aber auch nicht „bestanden". */
|
||||
let offen = 0;
|
||||
const nichtNachsehbar = (was, wie) => {
|
||||
offen++;
|
||||
melde(` -- NICHT NACHSEHBAR: ${was}`);
|
||||
melde(` ${wie}`);
|
||||
};
|
||||
|
||||
/* ---- Die gespeicherten Daten ---------------------------------- */
|
||||
const DATEIEN = {
|
||||
text: {
|
||||
name: "bild-agentur-erkannt.txt",
|
||||
sha: "49de95db94482ebd", gross: 768,
|
||||
was: "was Tesseract am 08.10.2026 aus dem Nachbau gelesen hat",
|
||||
},
|
||||
bild: {
|
||||
name: "bild-agentur-nachbau.png",
|
||||
was: "der Nachbau von Filipes Bildschirmfoto, als Bild",
|
||||
},
|
||||
seite: {
|
||||
name: "bild-agentur-nachbau.html",
|
||||
was: "derselbe Nachbau als Seite -- daraus entsteht das Bild neu",
|
||||
},
|
||||
};
|
||||
|
||||
melde("=== 0. Sind die gespeicherten Daten da? ===");
|
||||
for (const [, d] of Object.entries(DATEIEN)) {
|
||||
const pfad = join(DATEN, d.name);
|
||||
if (!existsSync(pfad)) {
|
||||
melde(` FEHL ${d.name} fehlt in ${DATEN}`);
|
||||
melde(" Sie gehoert ins Verzeichnis und ist in Gitea versioniert.");
|
||||
process.exit(3);
|
||||
}
|
||||
const roh = readFileSync(pfad);
|
||||
const sha = createHash("sha256").update(roh).digest("hex").slice(0, 16);
|
||||
if (d.sha) {
|
||||
ok(sha === d.sha && roh.length === d.gross,
|
||||
`${d.name}: ${roh.length} Bytes, sha ${sha} — ${d.was}`
|
||||
+ (sha === d.sha ? "" : ` (ERWARTET ${d.sha}/${d.gross})`));
|
||||
} else {
|
||||
ok(roh.length > 100, `${d.name}: ${roh.length} Bytes — ${d.was}`);
|
||||
}
|
||||
}
|
||||
|
||||
const { leseBild, BildUnlesbar } = await import("./kampagne-bild-lesen.mjs");
|
||||
const ERKANNT = readFileSync(join(DATEN, DATEIEN.text.name), "utf8");
|
||||
|
||||
/* =====================================================================
|
||||
1. WAS AUF DER KACHEL LANDET
|
||||
===================================================================== */
|
||||
melde("");
|
||||
melde("=== 1. Aus dem Erkennungstext wird eine Kachel ===");
|
||||
{
|
||||
const g = leseBild(ERKANNT);
|
||||
|
||||
ok(g.pflicht.titel === "[Star Light] Refined visuals Goal 1.0",
|
||||
`der Titel: ${JSON.stringify(g.pflicht.titel)}`);
|
||||
/* OHNE DAS STATUSABZEICHEN und ohne die Knoepfe daneben. Auf dem
|
||||
Bild steht rechts „Kampagne duplizieren" und links „In
|
||||
Bearbeitung" -- beides gehoert nicht in einen Kacheltitel. */
|
||||
ok(!/Bearbeitung|duplizieren|anzeigen/i.test(g.pflicht.titel),
|
||||
" ohne Statusabzeichen und ohne die Knoepfe daneben");
|
||||
|
||||
ok(g.pflicht.start === "2026-10-01" && g.pflicht.ende === "2026-10-31",
|
||||
`der Zeitraum: ${g.pflicht.start} bis ${g.pflicht.ende}`);
|
||||
/* DIE DEUTSCHE SCHREIBWEISE GEWINNT -- sie ist eindeutig. Die
|
||||
amerikanische oben (10/01/2026) ist die Gegenprobe. */
|
||||
ok(g.auszug.zeitraum_quelle === "deutsch",
|
||||
`gelesen aus der deutschen Angabe (${g.auszug.zeitraum_quelle})`);
|
||||
ok(g.auszug.zeitraum_gegenprobe === "2026-10-01..2026-10-31",
|
||||
`und die amerikanische sagt dasselbe (${g.auszug.zeitraum_gegenprobe})`);
|
||||
|
||||
ok(g.pflicht.zone === "Europe/Amsterdam", `die Zeitzone: ${g.pflicht.zone}`);
|
||||
ok(g.auszug.status_anzeige === "In Bearbeitung",
|
||||
`der Stand: ${JSON.stringify(g.auszug.status_anzeige)}`);
|
||||
|
||||
/* ---- Die Ziele --------------------------------------------- */
|
||||
ok(g.kuer.aufgaben.length === 3,
|
||||
`drei Ziele (${g.kuer.aufgaben.length}): ${JSON.stringify(g.kuer.aufgaben)}`);
|
||||
ok(g.kuer.aufgaben[0] === "Geh LIVE für 900 Minuten",
|
||||
" das erste wortgleich, ohne den Punkt, den die Texterkennung anhaengt");
|
||||
ok(g.kuer.aufgaben[2] === "An 20 Tagen Ziele für optimierte Bildqualität erreichen",
|
||||
" und das dritte mit Umlauten");
|
||||
/* DIE PHASENUEBERSCHRIFT IST KEINE AUFGABE. Sie traegt auf der
|
||||
Seite ein Zielscheiben-Zeichen, und daraus macht die
|
||||
Texterkennung ein `@` -- sie sah damit aus wie eine
|
||||
Aufzaehlungszeile. Beim ersten Lauf hiess die erste „Aufgabe"
|
||||
wirklich „Ziele erreichen Endetin 23 Tage 22 : 50 : 44". */
|
||||
ok(!g.kuer.aufgaben.some((a) => /Endet|Ziele erreichen|Leistung/i.test(a)),
|
||||
" und die Phasenueberschrift mit ihrem Countdown ist keine");
|
||||
|
||||
ok(g.kuer.einleitung === "Zusätzliche Prämien für das Team im Oktober.",
|
||||
`die Beschreibung: ${JSON.stringify(g.kuer.einleitung)}`);
|
||||
ok(g.kuer.steckbrief.verbund === "Spicy Media",
|
||||
`erstellt von: ${JSON.stringify(g.kuer.steckbrief.verbund)}`);
|
||||
|
||||
/* ---- Die Nebenangaben -------------------------------------- */
|
||||
const zeilen = g.kuer.weitereRegeln[0]?.zeilen || [];
|
||||
ok(zeilen.includes("Sichtbar für: Privat"),
|
||||
`„Sichtbar für" steht sauber da: ${JSON.stringify(zeilen)}`);
|
||||
/* HALBE SCHILDER WAREN DER FEHLER. Mit dem Stueck „Sichtbar" kam
|
||||
„Sichtbar für: für Privat" heraus -- das zweite Wort gehoert zum
|
||||
Schild, nicht zum Wert. */
|
||||
ok(!zeilen.some((z) => /: (für|erforderlich|von|innen)/i.test(z)),
|
||||
" und kein Schild steht doppelt im eigenen Wert");
|
||||
/* UND „Creator*innen" SCHNEIDET NICHT MEHR IM NACHBARN. Es steht
|
||||
mitten in „1 Creator Network, 55 Creator*innen" und machte daraus
|
||||
„1 Creator Network, 55". */
|
||||
ok(zeilen.some((z) => /Teilnehmer.*55 Creator/i.test(z)),
|
||||
" und die Teilnehmerzahl ist vollstaendig");
|
||||
/* DIE ZAHL, DER MAN NICHT TRAUEN KANN, FEHLT. Auf der Seite steht
|
||||
„1 ⓘ" -- der Kreis wird als Null gelesen, heraus kaeme „10".
|
||||
Keine Angabe ist richtig, eine falsche Angabe ist falsch. */
|
||||
ok(!zeilen.some((z) => /^Creator\*innen:/i.test(z)),
|
||||
" und die unsichere Creator-Zahl steht gar nicht erst da");
|
||||
|
||||
/* ---- Die Form ist dieselbe wie beim Link-Leser -------------- */
|
||||
/* DAS IST DIE TRAGENDE ZUSICHERUNG DIESER DATEI. Weicht sie ab,
|
||||
greifen Gliederung, Geschenke, Aufklappen und Teilen nicht mehr
|
||||
-- und zwar still. */
|
||||
const { leseKampagne } = await import("./kampagne-lesen.mjs");
|
||||
const { brotliDecompressSync } = await import("node:zlib");
|
||||
const vomLink = leseKampagne(brotliDecompressSync(
|
||||
readFileSync(join(DATEN, "kampagne-gipfelstuermer.html.br"))).toString("utf8"));
|
||||
const felderBild = Object.keys(g.kuer).sort();
|
||||
const felderLink = Object.keys(vomLink.kuer).sort();
|
||||
ok(felderBild.join(",") === felderLink.join(","),
|
||||
"kuer hat dieselben Felder wie beim Link-Leser "
|
||||
+ `(${felderBild.length} gegen ${felderLink.length})`);
|
||||
const aBild = Object.keys(g.auszug).sort();
|
||||
const aLink = Object.keys(vomLink.auszug).sort();
|
||||
const fehltImBild = aLink.filter((f) => !aBild.includes(f));
|
||||
ok(fehltImBild.length === 0,
|
||||
`und der Auszug laesst kein Feld des Link-Lesers aus`
|
||||
+ (fehltImBild.length ? `: ${fehltImBild.join(", ")}` : ""));
|
||||
ok(["pflicht", "kuer", "hinweise", "auszug"].every((f) => f in g),
|
||||
"und die vier Teile heissen gleich");
|
||||
|
||||
/* ---- Die Kachel sagt, woher sie kommt ---------------------- */
|
||||
ok(g.auszug.gelesen_aus === "bildschirmfoto",
|
||||
`der Auszug nennt die Quelle (${g.auszug.gelesen_aus})`);
|
||||
ok(typeof g.auszug.erkannter_text === "string"
|
||||
&& g.auszug.erkannter_text.includes("Star Light"),
|
||||
`und traegt den Erkennungstext mit (${g.auszug.erkannter_text.length} Zeichen)`);
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
2. WAS NICHT GEHT — UND WARUM DAS RICHTIG IST
|
||||
===================================================================== */
|
||||
melde("");
|
||||
melde("=== 2. Lieber keine Kachel als eine mit erfundenem Termin ===");
|
||||
{
|
||||
const wirft = (text, art, was) => {
|
||||
let f = null;
|
||||
try { leseBild(text); } catch (x) { f = x; }
|
||||
ok(f instanceof BildUnlesbar && f.art === art,
|
||||
`${was} -> ${f ? `${f.name}/${f.art}` : "KEIN Fehler"}`);
|
||||
return f;
|
||||
};
|
||||
|
||||
wirft("", "aufbau", "gar kein Text");
|
||||
wirft("nur\nzwei", "aufbau", "fast kein Text");
|
||||
wirft("Gruppenname Test\nZeitzone Europe/Berlin\nnoch eine Zeile",
|
||||
"pflicht", "ein Bild ohne Zeitraum");
|
||||
|
||||
/* DIE GEGENPROBE ZWISCHEN DEN ZWEI SCHREIBWEISEN -- der Kern
|
||||
dieser Datei. Eine Texterkennung macht aus einer 3 eine 8, und
|
||||
„bis 08.10." liest sich genauso plausibel wie „bis 03.10.". */
|
||||
const widerspruch = [
|
||||
"Kampagne X",
|
||||
"10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00)",
|
||||
"Gruppenname Kampagne X Zeitzone Europe/Berlin",
|
||||
"Daten 01.10.2026 00:00 ~ 28.10.2026 22:59",
|
||||
].join("\n");
|
||||
const f = wirft(widerspruch, "pflicht", "zwei Zeitraeume, die sich widersprechen");
|
||||
ok(/zweimal und beide Male anders/.test(f?.message || ""),
|
||||
` und die Meldung sagt, was los ist: „${f?.message?.slice(0, 70)}…"`);
|
||||
|
||||
/* GEGENPROBE ZUR GEGENPROBE: Stimmen beide ueberein, entsteht sehr
|
||||
wohl eine Kachel. Ohne diese Zeile waere „es wirft" auch dann
|
||||
gruen, wenn es IMMER wirft. */
|
||||
const einig = widerspruch.replace("28.10.2026", "31.10.2026");
|
||||
let g = null;
|
||||
try { g = leseBild(einig); } catch { g = null; }
|
||||
ok(g !== null && g.pflicht.ende === "2026-10-31",
|
||||
`Gegenprobe: stimmen beide ueberein, entsteht die Kachel `
|
||||
+ `(${g ? g.pflicht.ende : "KEINE"})`);
|
||||
|
||||
/* Steht nur EINE Schreibweise da, geht es -- mit Hinweis. Das ist
|
||||
der mittlere Fall: nicht falsch, aber auch nicht doppelt
|
||||
geprueft. */
|
||||
const nurDeutsch = "Kampagne Y\nGruppenname Kampagne Y Zeitzone Europe/Berlin\n"
|
||||
+ "Daten 05.11.2026 00:00 ~ 20.11.2026 22:59";
|
||||
const h = leseBild(nurDeutsch);
|
||||
ok(h.pflicht.start === "2026-11-05" && h.pflicht.ende === "2026-11-20",
|
||||
`eine Schreibweise allein reicht (${h.pflicht.start}..${h.pflicht.ende})`);
|
||||
ok(h.hinweise.some((x) => /nur an einer Stelle/i.test(x)),
|
||||
` und die Kachel sagt, dass nicht gegengeprueft werden konnte`);
|
||||
|
||||
/* Ein Ende vor dem Anfang ist ein Zahlendreher, kein Zeitraum. */
|
||||
wirft("Kampagne Z\nGruppenname Kampagne Z\nDaten 20.11.2026 ~ 05.11.2026",
|
||||
"pflicht", "Ende vor Anfang");
|
||||
/* Und ein Datum, das es nicht gibt. */
|
||||
wirft("Kampagne Q\nGruppenname Kampagne Q\nDaten 31.02.2026 ~ 05.03.2026",
|
||||
"pflicht", "der 31. Februar");
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
3. DAS WASSERZEICHEN
|
||||
===================================================================== */
|
||||
melde("");
|
||||
melde("=== 3. Filipes Mailadresse liegt ueber dem ganzen Bild ===");
|
||||
{
|
||||
/* Auf seinen Bildschirmfotos steht sie vielfach und schraeg ueber
|
||||
der Seite. Gemessen: Sie taucht im Erkennungstext kein einziges
|
||||
Mal auf -- zu wenig Kontrast. Das ist Glueck, kein Verdienst, und
|
||||
deshalb wird es festgehalten: Wuerde eine kuenftige
|
||||
Tesseract-Fassung sie lesen, stuende sie mitten in den Zielen. */
|
||||
ok(!/dogfather1608|gmail/i.test(ERKANNT),
|
||||
"das Wasserzeichen steht nicht im Erkennungstext");
|
||||
const g = leseBild(ERKANNT);
|
||||
const alles = JSON.stringify(g);
|
||||
ok(!/dogfather1608|gmail/i.test(alles),
|
||||
"und damit auch nirgends in der Kachel");
|
||||
/* GEGENPROBE: Stuende es doch im Text, wuerde es auch in den Zielen
|
||||
landen -- also waere die Zeile oben nicht nur Zierde. */
|
||||
const mitWasser = ERKANNT.replace("« 15 gültige", "« [email protected] 15 gültige");
|
||||
const g2 = leseBild(mitWasser);
|
||||
ok(g2.kuer.aufgaben.some((a) => /dogfather1608/.test(a)),
|
||||
" Gegenprobe: stuende es im Text, stuende es auch in den Zielen");
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
4. KEINE UHR, KEIN NETZ, KEINE DATENBANK
|
||||
===================================================================== */
|
||||
melde("");
|
||||
melde("=== 4. Der Leser haengt an nichts ===");
|
||||
{
|
||||
/* OHNE DIE KOMMENTARE (berichtigt 08.10.2026, erster Lauf).
|
||||
Die Datei ERKLAERT, warum sie die Texterkennung nicht aufruft --
|
||||
und nannte sie dabei beim Namen. Die Muster unten fanden
|
||||
„execFile" und „Tesseract" in genau diesen Saetzen und meldeten
|
||||
einen Schaden, den es nicht gab.
|
||||
|
||||
Das ist derselbe Fehlgriff wie am 07.10.2026 beim Teilen, wo das
|
||||
Wort „agentur" im eingebetteten Stilblatt fuer ein Leck gehalten
|
||||
wurde: Eine Pruefung, die eine Erklaerung fuer die Sache haelt,
|
||||
meldet jeden Tag einen Schaden -- und wird nach dem zweiten Mal
|
||||
weggeklickt.
|
||||
|
||||
Gemessen wird der CODE. Der Kommentarraeumer ist absichtlich
|
||||
schlicht; er muss nur Kommentare entfernen, nicht JavaScript
|
||||
verstehen. */
|
||||
const mitAllem = readFileSync(join(HIER, "kampagne-bild-lesen.mjs"), "utf8");
|
||||
const quelle = mitAllem
|
||||
.replace(/\/\*[\s\S]*?\*\//g, " ")
|
||||
.replace(/(^|[^:])\/\/.*/g, "$1 ");
|
||||
const verboten = [
|
||||
[/\bimport\s/, "ein import"],
|
||||
[/\bfetch\s*\(/, "fetch"],
|
||||
[/\bDate\.now\s*\(/, "Date.now"],
|
||||
[/new\s+Date\s*\(\s*\)/, "new Date() ohne Angabe"],
|
||||
[/\bdb\s*\(/, "die Datenbank"],
|
||||
[/readFileSync|writeFileSync/, "das Dateisystem"],
|
||||
/* `(?<![.\w])` SCHLIESST `regex.exec(...)` AUS (berichtigt
|
||||
08.10.2026). Das Muster traf `Z_DEUTSCH.exec(roh)` -- eine
|
||||
Mustersuche, kein fremder Prozess. Ein Fehlalarm, der jeden Tag
|
||||
kommt, wird nach dem zweiten Mal weggeklickt, zusammen mit dem
|
||||
echten Befund darin (CLAUDE.md, 26.09.2026). */
|
||||
[/\b(execFile|spawnSync|execSync|spawn)\s*\(|(?<![.\w])exec\s*\(/,
|
||||
"ein fremder Prozess"],
|
||||
[/tesseract/i, "die Texterkennung selbst"],
|
||||
];
|
||||
const drin = verboten.filter(([m]) => m.test(quelle));
|
||||
ok(drin.length === 0,
|
||||
`die Datei fuehrt NICHTS ein und fasst nichts an`
|
||||
+ (drin.length ? ` — gefunden: ${drin.map((x) => x[1]).join(", ")}` : ""));
|
||||
/* GEGENPROBE: Die Muster finden sehr wohl etwas, wenn es dasteht.
|
||||
Ohne sie waere die Zeile oben auch bei kaputten Mustern gruen. */
|
||||
ok(verboten.filter(([m]) => m.test('import x from "y"; fetch(); db(); tesseract')).length >= 4,
|
||||
" Gegenprobe: die Muster schlagen an, wenn es wirklich dasteht");
|
||||
/* UND DER KOMMENTARRAEUMER WIRFT NICHT ALLES WEG. Ohne diese Zeile
|
||||
waere die Pruefung oben auch dann gruen, wenn `quelle` leer ist --
|
||||
ein gruener Haken ueber einem leeren Feld. */
|
||||
ok(quelle.length > 1500 && quelle.includes("export function leseBild"),
|
||||
` und der Code selbst steht noch da (${quelle.length} von `
|
||||
+ `${mitAllem.length} Zeichen, Rest sind Kommentare)`);
|
||||
ok(/execFile|tesseract/i.test(mitAllem),
|
||||
" Gegenprobe: in den KOMMENTAREN kommen die Woerter sehr wohl vor");
|
||||
|
||||
/* GLEICHE EINGABE, GLEICHES ERGEBNIS. Eine Lesefunktion mit einer
|
||||
Uhr darin liefert zu verschiedenen Zeiten Verschiedenes -- und
|
||||
eine Pruefung darauf ist eine Zeitbombe. */
|
||||
const a = JSON.stringify(leseBild(ERKANNT));
|
||||
const b = JSON.stringify(leseBild(ERKANNT));
|
||||
ok(a.length > 500 && a === b,
|
||||
`zwei Laeufe, ${a.length} Zeichen, Zeichen fuer Zeichen gleich`);
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
5. DIE TEXTERKENNUNG SELBST
|
||||
===================================================================== */
|
||||
melde("");
|
||||
melde("=== 5. Vom Bild zum Text ===");
|
||||
{
|
||||
let da = false;
|
||||
try {
|
||||
execFileSync("tesseract", ["--version"], { stdio: "ignore", timeout: 10_000 });
|
||||
da = true;
|
||||
} catch { da = false; }
|
||||
|
||||
if (!da) {
|
||||
nichtNachsehbar(
|
||||
"Tesseract ist auf dieser Maschine nicht eingerichtet — "
|
||||
+ "der Schritt vom BILD zum TEXT wurde nicht gemessen.",
|
||||
"Auf dem Server ist es vorhanden (5.5.0 mit deutschen Sprachdaten, "
|
||||
+ "gemessen 08.10.2026); dort misst dieser Abschnitt wirklich. "
|
||||
+ "Lokal nachruesten: winget install UB-Mannheim.TesseractOCR — "
|
||||
+ "die Abschnitte 1 bis 4 laufen auch ohne.");
|
||||
} else {
|
||||
const bild = join(DATEN, DATEIEN.bild.name);
|
||||
let text = "";
|
||||
try {
|
||||
text = execFileSync("tesseract",
|
||||
[bild, "stdout", "-l", "deu", "--psm", "4"],
|
||||
{ encoding: "utf8", timeout: 30_000, stdio: ["ignore", "pipe", "ignore"] });
|
||||
} catch (f) {
|
||||
text = "";
|
||||
melde(` -- Tesseract brach ab: ${f?.message?.slice(0, 80)}`);
|
||||
}
|
||||
ok(text.length > 200, `aus dem Bild kommen ${text.length} Zeichen Text`);
|
||||
|
||||
/* NICHT „Zeichen fuer Zeichen gleich wie gespeichert": Eine
|
||||
andere Tesseract-Fassung liest ein Komma anders, und dann waere
|
||||
diese Pruefung rot, ohne dass etwas kaputt ist. Gemessen wird,
|
||||
was zaehlt -- dass die KACHEL dieselbe wird. */
|
||||
let g = null;
|
||||
try { g = leseBild(text); } catch (f) { void f; g = null; }
|
||||
ok(g !== null, "und der Leser macht daraus eine Kachel");
|
||||
ok(g?.pflicht.titel === "[Star Light] Refined visuals Goal 1.0",
|
||||
`mit demselben Titel: ${JSON.stringify(g?.pflicht.titel)}`);
|
||||
ok(g?.pflicht.start === "2026-10-01" && g?.pflicht.ende === "2026-10-31",
|
||||
`demselben Zeitraum: ${g?.pflicht.start}..${g?.pflicht.ende}`);
|
||||
ok(g?.kuer.aufgaben.length === 3,
|
||||
`und denselben drei Zielen (${g?.kuer.aufgaben.length})`);
|
||||
}
|
||||
}
|
||||
|
||||
melde("");
|
||||
melde(`${geprueft} Pruefungen, ${fehler} Fehler`
|
||||
+ (offen ? `, ${offen} nicht nachsehbar` : ""));
|
||||
if (!geprueft) {
|
||||
melde("ABBRUCH: nichts geprueft -- das ist ein Fehler, kein Erfolg.");
|
||||
process.exit(3);
|
||||
}
|
||||
melde(fehler ? "NICHT IN ORDNUNG" : (offen ? "IN ORDNUNG, mit Luecke" : "ALLES IN ORDNUNG"));
|
||||
process.exit(fehler ? 1 : 0);
|
||||
@@ -0,0 +1,22 @@
|
||||
[Star Light] Refined visuals Goal 1.0 in aearbeitung Kampagne duplizieren Weniger anzeigen *
|
||||
10/01/2026 00:00:00 - 10/31/2026 22:59:59 (UTC+02:00)
|
||||
|
||||
Grundlegende Informationen
|
||||
Gruppenname [Star Light] Refined visuals Goal 1.0 Zeitzone Europe/Amsterdam
|
||||
|
||||
Daten 01.10.2026 00:00 - 31.10.2026 22:5XUTC+02:00) Sichtbar für Privat.
|
||||
|
||||
Erstellt von. Spicy Media Teilnehmerinnen der. 1 Creator Network, 55 Creator*innen. Einzelheiten anzeigen
|
||||
Creator*innen 10 Anmeldung erforderlich Nein ®
|
||||
|
||||
Gruppenbeschreibung
|
||||
|
||||
Zusätzliche Prämien für das Team im Oktober.
|
||||
|
||||
Phasendetails _Creator‘innen-Leistung
|
||||
|
||||
@ Ziele erreichen Endetin 23 Tage 22 : 50 : 44
|
||||
|
||||
«Geh LIVE für 900 Minuten.
|
||||
« 15 gültige LIVE-Gehen-Tage haben
|
||||
® An 20 Tagen Ziele für optimierte Bildqualität erreichen
|
||||
@@ -0,0 +1,128 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
:root { color-scheme: dark; }
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; padding: 0;
|
||||
background: #0a0a0a;
|
||||
color: #e8e8e8;
|
||||
font: 15px/1.5 "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
|
||||
position: relative;
|
||||
}
|
||||
/* Das Wasserzeichen, schraeg und vielfach -- genau das ist der
|
||||
Grund, warum diese Messung ueberhaupt noetig ist. */
|
||||
.wasser {
|
||||
position: absolute; inset: 0; pointer-events: none;
|
||||
overflow: hidden; z-index: 5;
|
||||
}
|
||||
.wasser span {
|
||||
position: absolute;
|
||||
color: rgba(255,255,255,.055);
|
||||
font-size: 13px; white-space: nowrap;
|
||||
}
|
||||
.karte {
|
||||
background: #141414; border-radius: 10px;
|
||||
margin: 0 0 14px; padding: 18px 24px 22px;
|
||||
}
|
||||
.kopf { display: flex; align-items: baseline; gap: 12px; }
|
||||
h1 { margin: 0; font-size: 19px; font-weight: 700; }
|
||||
.marke {
|
||||
padding: 2px 9px; border-radius: 4px;
|
||||
background: #1d3a2a; color: #4ade80; font-size: 12.5px;
|
||||
}
|
||||
.rechts { margin-left: auto; display: flex; gap: 22px; font-size: 14px; }
|
||||
.rechts a { color: #22d3ee; text-decoration: none; }
|
||||
.rechts .grau { color: #9a9a9a; }
|
||||
.spanne { margin: 6px 0 0; color: #c9c9c9; font-size: 14px; }
|
||||
h2 { margin: 26px 0 14px; font-size: 16px; font-weight: 700; }
|
||||
.raster {
|
||||
display: grid; grid-template-columns: 150px 1fr 150px 1fr;
|
||||
gap: 12px 24px; font-size: 14px;
|
||||
}
|
||||
.schild { color: #9a9a9a; }
|
||||
.wert { color: #ececec; }
|
||||
.wert a { color: #22d3ee; text-decoration: none; }
|
||||
.reiter { display: flex; gap: 34px; margin: 0 0 18px; font-size: 15px; }
|
||||
.reiter b { color: #fff; border-bottom: 2px solid #fff; padding-bottom: 8px; }
|
||||
.reiter span { color: #9a9a9a; }
|
||||
.phase { background: #1a1a1a; border-radius: 10px; padding: 18px 22px; }
|
||||
.phasekopf { display: flex; align-items: center; gap: 10px; }
|
||||
.phasekopf h3 { margin: 0; font-size: 18px; }
|
||||
.uhr { margin-left: auto; display: flex; align-items: center; gap: 6px; color: #c9c9c9; font-size: 14px; }
|
||||
.uhr b { background: #2a2a2a; border-radius: 5px; padding: 4px 9px; color: #fff; font-size: 15px; }
|
||||
ul { margin: 18px 0 0; padding-left: 20px; }
|
||||
li { margin: 10px 0; font-size: 14.5px; color: #e4e4e4; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wasser" id="wasser"></div>
|
||||
|
||||
<div class="karte">
|
||||
<div class="kopf">
|
||||
<h1>【Star Light】Refined visuals Goal 1.0</h1>
|
||||
<span class="marke">In Bearbeitung</span>
|
||||
<span class="rechts"><a>Kampagne duplizieren</a><span class="grau">Weniger anzeigen ⌃</span></span>
|
||||
</div>
|
||||
<p class="spanne">10/01/2026 00:00:00 ~ 10/31/2026 22:59:59 (UTC+02:00)</p>
|
||||
|
||||
<h2>Grundlegende Informationen</h2>
|
||||
<div class="raster">
|
||||
<span class="schild">Gruppenname</span>
|
||||
<span class="wert">【Star Light】Refined visuals Goal 1.0</span>
|
||||
<span class="schild">Zeitzone</span>
|
||||
<span class="wert">Europe/Amsterdam</span>
|
||||
|
||||
<span class="schild">Daten</span>
|
||||
<span class="wert">01.10.2026 00:00 ~ 31.10.2026 22:59(UTC+02:00)</span>
|
||||
<span class="schild">Sichtbar für</span>
|
||||
<span class="wert">Privat</span>
|
||||
|
||||
<span class="schild">Erstellt von</span>
|
||||
<span class="wert">Spicy Media</span>
|
||||
<span class="schild">Teilnehmer*innen der ...</span>
|
||||
<span class="wert">1 Creator Network, 55 Creator*innen. <a>Einzelheiten anzeigen</a></span>
|
||||
|
||||
<span class="schild">Creator*innen</span>
|
||||
<span class="wert">1 ⓘ</span>
|
||||
<span class="schild">Anmeldung erforderlich</span>
|
||||
<span class="wert">Nein ⓘ</span>
|
||||
</div>
|
||||
|
||||
<h2>Gruppenbeschreibung</h2>
|
||||
<p style="margin:0;color:#dcdcdc;font-size:14px">Zusätzliche Prämien für das Team im Oktober.</p>
|
||||
</div>
|
||||
|
||||
<div class="karte">
|
||||
<div class="reiter"><b>Phasendetails</b><span>Creator*innen-Leistung</span></div>
|
||||
<div class="phase">
|
||||
<div class="phasekopf">
|
||||
<h3>🎯 Ziele erreichen</h3>
|
||||
<span class="uhr">Endet in <b>23</b> Tage <b>22</b> : <b>50</b> : <b>44</b></span>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Geh LIVE für 900 Minuten</li>
|
||||
<li>15 gültige LIVE-Gehen-Tage haben</li>
|
||||
<li>An 20 Tagen Ziele für optimierte Bildqualität erreichen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/* Das Wasserzeichen so streuen, wie es auf dem echten Bild liegt:
|
||||
schraeg, versetzt, ueber alles. */
|
||||
const w = document.getElementById('wasser');
|
||||
for (let y = -40; y < 820; y += 86) {
|
||||
for (let x = -120; x < 1760; x += 300) {
|
||||
const s = document.createElement('span');
|
||||
s.textContent = '[email protected]';
|
||||
s.style.left = (x + (y / 86 % 2) * 150) + 'px';
|
||||
s.style.top = y + 'px';
|
||||
w.appendChild(s);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
+407
-52
@@ -69,7 +69,7 @@
|
||||
===================================================================== */
|
||||
|
||||
import express from "express";
|
||||
import { randomBytes } from "node:crypto";
|
||||
import { randomBytes, createHash } from "node:crypto";
|
||||
import { join } from "node:path";
|
||||
import { mkdirSync, writeFileSync, unlinkSync } from "node:fs";
|
||||
import {
|
||||
@@ -82,6 +82,9 @@ import {
|
||||
hostVon, FRIST_SEITE_MS } from "./helfer-tiktok.mjs";
|
||||
import { leseKampagne, regelnText, aufgabenText, KampagneUnlesbar }
|
||||
from "./kampagne-lesen.mjs";
|
||||
import { leseBild, BildUnlesbar } from "./kampagne-bild-lesen.mjs";
|
||||
import { execFile } from "node:child_process";
|
||||
import { tmpdir } from "node:os";
|
||||
|
||||
export const kampagneRouter = express.Router();
|
||||
|
||||
@@ -283,6 +286,186 @@ async function bannerAblegen(adresse) {
|
||||
return { name, groesse: roh.length, art };
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
DIE TEXTERKENNUNG (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern immer so
|
||||
ein screen reinschicke und dan soll daraus alles genommen werden."
|
||||
|
||||
WARUM HIER UND NICHT IM LESER: `kampagne-bild-lesen.mjs` darf
|
||||
nichts anfassen -- kein Netz, keine Datei, kein Prozess. Nur so
|
||||
laesst sich das Auslesen gegen GESPEICHERTE Erkennungstexte
|
||||
pruefen. Der Aufruf von Tesseract braucht beides, also steht er
|
||||
hier.
|
||||
|
||||
TESSERACT, NICHT EIN DIENST IM NETZ. Apache 2.0, laeuft auf dem
|
||||
eigenen Server, kostet nichts und schickt das Bild nirgendwohin.
|
||||
Ein Bildschirmfoto aus dem Agentur-Backstage zeigt Teilnehmerzahlen
|
||||
und Kampagnennamen -- das geht niemanden sonst etwas an.
|
||||
Nachgemessen am 08.10.2026: Version 5.5.0 mit deutschen
|
||||
Sprachdaten ist auf dem Server vorhanden.
|
||||
|
||||
`--psm 4` (eine Spalte mit wechselnden Groessen) statt `6`
|
||||
(ein Block): gemessen 24 statt 14 Zeilen, und die Bloecke der Seite
|
||||
bleiben getrennt. Beide lesen die Aufgaben fehlerfrei; `4` haelt
|
||||
zusaetzlich das Raster auseinander.
|
||||
|
||||
KEINE NACHBEARBEITUNG DES BILDES. Gemessen wurden vier Fassungen
|
||||
(unveraendert, invertiert, doppelt so gross, beides): alle vier
|
||||
lesen die drei Aufgaben wortgleich. Was nichts aendert, kommt nicht
|
||||
in den Weg -- und eine Bildbibliothek mehr waere eine Abhaengigkeit
|
||||
mehr.
|
||||
|
||||
DAS WASSERZEICHEN STOERT NICHT. Auf Filipes Bildschirmfotos liegt
|
||||
seine Mailadresse vielfach und schraeg ueber der Seite. Gemessen:
|
||||
Sie taucht im Erkennungstext kein einziges Mal auf -- zu wenig
|
||||
Kontrast. (Gepruefte Gegenprobe in pruef-kampagne-bild.mjs.)
|
||||
===================================================================== */
|
||||
|
||||
const OCR_FRIST_MS = 20_000;
|
||||
const BILD_MAX = 8 * 1024 * 1024;
|
||||
|
||||
/** Liest den Text aus einem Bild. Gibt `{ ok, text }` oder
|
||||
* `{ ok: false, grund }` -- der dritte Ausgang inbegriffen:
|
||||
* „Texterkennung nicht vorhanden" ist etwas anderes als
|
||||
* „nichts erkannt". */
|
||||
function textAusBild(pfad) {
|
||||
return new Promise((fertig) => {
|
||||
execFile("tesseract", [pfad, "stdout", "-l", "deu", "--psm", "4"],
|
||||
{ timeout: OCR_FRIST_MS, maxBuffer: 4 * 1024 * 1024 },
|
||||
(fehler, aus) => {
|
||||
if (fehler) {
|
||||
/* ENOENT heisst: Tesseract gibt es auf dieser Maschine
|
||||
nicht. Das ist KEIN Fehler des Bildes und muss anders
|
||||
klingen -- sonst sucht jemand stundenlang am
|
||||
Bildschirmfoto. */
|
||||
const grund = fehler.code === "ENOENT"
|
||||
? "Die Texterkennung ist auf diesem Server nicht eingerichtet."
|
||||
: (fehler.killed
|
||||
? `Die Texterkennung hat länger als ${OCR_FRIST_MS / 1000} s gebraucht.`
|
||||
: `Die Texterkennung ist gescheitert (${fehler.code ?? fehler.message}).`);
|
||||
return fertig({ ok: false, grund });
|
||||
}
|
||||
return fertig({ ok: true, text: String(aus || "") });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/** Der Dublettenschluessel eines Bildschirmfotos.
|
||||
*
|
||||
* EIN BILD TRAEGT KEINE KAMPAGNENNUMMER. Auf der Seite steht keine,
|
||||
* und aus dem Bild laesst sich keine lesen. Ohne Schluessel entstuende
|
||||
* bei jedem zweiten Einfuegen desselben Bildes eine zweite Kachel.
|
||||
*
|
||||
* Genommen wird deshalb, was die Kampagne ausmacht: Titel und
|
||||
* Zeitraum. Zweimal dasselbe Bild gibt denselben Schluessel; zwei
|
||||
* verschiedene Kampagnen geben verschiedene.
|
||||
*
|
||||
* DAS PRAEFIX `bild:` HAELT DIE RAEUME AUSEINANDER. Eine
|
||||
* TikTok-Kampagnennummer besteht nur aus Ziffern; so kann ein
|
||||
* Bildschlüssel nie mit einer verwechselt werden -- auch nicht im
|
||||
* eindeutigen Index, den sich beide teilen. */
|
||||
function bildSchluessel(pflicht) {
|
||||
const kern = `${pflicht.titel}|${pflicht.start}|${pflicht.ende}`;
|
||||
return `bild:${createHash("sha256").update(kern, "utf8").digest("hex").slice(0, 32)}`;
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
EINE KACHEL SCHREIBEN -- EINMAL IM HAUS (08.10.2026)
|
||||
|
||||
Gerufen von BEIDEN Wegen: aus einem Link (`/einlesen`) und aus
|
||||
einem Bildschirmfoto (`/bild`). Vorher stand dieser Block in der
|
||||
Link-Route; als der Bild-Weg dazukam, waere die naheliegende Loesung
|
||||
gewesen, ihn abzuschreiben.
|
||||
|
||||
WARUM NICHT ABSCHREIBEN: Am 11.09.2026 hat genau das in diesem Haus
|
||||
drei Spalten gekostet. Eine Umstellung schrieb die Spaltenliste von
|
||||
Hand ab, spaeter kamen drei Spalten dazu, und die Abschrift warf sie
|
||||
weg -- mit Inhalt, ohne Fehlermeldung, bei unveraenderter
|
||||
Zeilenzahl. Zwei INSERTs fuer dieselbe Tabelle sind dieselbe Falle.
|
||||
|
||||
EINTRAG UND BILD IN EINER TRANSAKTION. Bricht das zweite INSERT ab,
|
||||
darf das erste nicht stehen bleiben: Eine Kachel mit einem Bild, das
|
||||
es nicht gibt, sieht aus wie ein Fehler im Anzeigen -- und man sucht
|
||||
ihn dort.
|
||||
|
||||
@param {object} o
|
||||
@param {object} o.gelesen was der Leser geliefert hat
|
||||
@param {string[]} o.hinweise was dabei gefehlt hat
|
||||
@param {object} o.person wer es anlegt
|
||||
@param {?string} o.haus das Haus der Adresse, nicht geraten
|
||||
@param {string} o.jetzt ein Zeitstempel fuer alles
|
||||
@param {?string} o.nummer Dublettenschluessel oder null
|
||||
@param {?string} o.quelle Link oder Herkunftsvermerk
|
||||
@param {?string} o.wunschSeite "tiktok" | "agentur" | null
|
||||
@param {?object} o.abgelegt eine schon abgelegte Bilddatei
|
||||
@param {string} o.dateiBasis wie die Datei am Eintrag heissen soll
|
||||
@returns {number} die Nummer des neuen Eintrags
|
||||
===================================================================== */
|
||||
function kachelSchreiben({ gelesen, hinweise, person, haus, jetzt,
|
||||
nummer, quelle, wunschSeite, abgelegt, dateiBasis }) {
|
||||
/* Ab wann draengt es? Gerechnet, nicht geraten -- und hier, nicht im
|
||||
Leser: Eine Lesefunktion, die die Wanduhr befragt, liefert zu
|
||||
verschiedenen Zeiten verschiedene Ergebnisse auf dieselbe
|
||||
Eingabe. */
|
||||
const tageBisEnde = Math.round(
|
||||
(Date.parse(`${gelesen.pflicht.ende}T12:00:00Z`) - Date.parse(jetzt)) / 86400_000);
|
||||
const dringlichkeit = tageBisEnde < DRAENGT_AB_TAGEN ? "hoch" : "mittel";
|
||||
|
||||
const d = db();
|
||||
let meine = false;
|
||||
try { d.exec("BEGIN IMMEDIATE"); meine = true; } catch { meine = false; }
|
||||
try {
|
||||
const { lastInsertRowid } = d.prepare(`
|
||||
INSERT INTO eintraege
|
||||
(bereich, art, titel, text, datum, event_ende,
|
||||
event_aufgaben, event_regeln, dringlichkeit, status, nur_leitung,
|
||||
erstellt, erstellt_von, haus,
|
||||
kampagne_id, kampagne_quelle, kampagne_geholt_am, kampagne_zone,
|
||||
kampagne_daten, kampagne_seite)
|
||||
VALUES ('agentur','kampagne', ?,?,?,?, ?,?,?, 'offen', 0, ?,?,?, ?,?,?,?,?,?)`)
|
||||
.run(
|
||||
gelesen.pflicht.titel.slice(0, 160),
|
||||
kuerzen(gelesen.kuer.einleitung || ""),
|
||||
/* Der TAG der Kampagne in IHRER Zone -- nicht heuteLokal().
|
||||
Eine Kampagne, die morgen beginnt, steht sonst heute in der
|
||||
Liste. */
|
||||
gelesen.pflicht.start,
|
||||
gelesen.pflicht.ende,
|
||||
kuerzen(aufgabenText(gelesen.kuer)),
|
||||
kuerzen(regelnText(gelesen.kuer, hinweise)),
|
||||
dringlichkeit,
|
||||
jetzt, person.id,
|
||||
/* NICHT von Hand auf "agentur" gesetzt, sondern dieselbe
|
||||
Angabe, die oben schon ueber die Annahme entschieden hat.
|
||||
Zweimal zu rechnen waeren zwei Fassungen derselben Regel --
|
||||
und die laufen auseinander. */
|
||||
haus,
|
||||
nummer, quelle, jetzt, gelesen.pflicht.zone,
|
||||
JSON.stringify(gelesen.auszug),
|
||||
/* NULL, wenn niemand gewaehlt hat -- dann entscheidet wie
|
||||
bisher die Herkunft. Siehe die Begruendung bei der Spalte in
|
||||
workspace.js. */
|
||||
wunschSeite ?? null);
|
||||
const eintragId = Number(lastInsertRowid);
|
||||
|
||||
if (abgelegt) {
|
||||
d.prepare(`
|
||||
INSERT INTO dateien (name_original, name_datei, groesse, typ, status, notiz,
|
||||
hochgeladen_von, erstellt, eintrag_id, haus)
|
||||
VALUES (?,?,?,?, 'entwurf', NULL, ?,?,?,?)`)
|
||||
.run(`${dateiBasis}${abgelegt.name.slice(abgelegt.name.lastIndexOf("."))}`,
|
||||
abgelegt.name, abgelegt.groesse, abgelegt.art,
|
||||
person.id, jetzt, eintragId, person.haus || null);
|
||||
}
|
||||
if (meine) d.exec("COMMIT");
|
||||
return eintragId;
|
||||
} catch (fehler) {
|
||||
if (meine) { try { d.exec("ROLLBACK"); } catch { /* schon zurück */ } }
|
||||
throw fehler;
|
||||
}
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
DIE ROUTE
|
||||
===================================================================== */
|
||||
@@ -541,62 +724,24 @@ kampagneRouter.post("/workspace/api/kampagne/einlesen", async (req, res) => {
|
||||
ab, darf das erste nicht stehen bleiben: Eine Kachel mit einem
|
||||
Bild, das es nicht gibt, sieht aus wie ein Fehler im Anzeigen --
|
||||
und man sucht ihn dort. */
|
||||
/* ---- 9. Anlegen ---------------------------------------------
|
||||
DURCH DIESELBE TUER WIE DER BILD-WEG. `kachelSchreiben` steht
|
||||
weiter unten und wird von beiden Routen gerufen. Abgeschrieben
|
||||
waere dieser Block die Sorte Dopplung, die in diesem Haus schon
|
||||
einmal drei Spalten gekostet hat (CLAUDE.md, 11.09.2026): Wer
|
||||
spaeter eine Spalte ergaenzt, ergaenzt sie an einer Stelle und
|
||||
vergisst die andere -- ohne Fehlermeldung, bei unveraenderter
|
||||
Zeilenzahl. */
|
||||
const jetzt = jetztIso();
|
||||
const tageBisEnde = Math.round(
|
||||
(Date.parse(`${gelesen.pflicht.ende}T12:00:00Z`) - Date.parse(jetzt)) / 86400_000);
|
||||
const dringlichkeit = tageBisEnde < DRAENGT_AB_TAGEN ? "hoch" : "mittel";
|
||||
|
||||
const d = db();
|
||||
let eintragId = null;
|
||||
let meine = false;
|
||||
try {
|
||||
try { d.exec("BEGIN IMMEDIATE"); meine = true; } catch { meine = false; }
|
||||
const { lastInsertRowid } = d.prepare(`
|
||||
INSERT INTO eintraege
|
||||
(bereich, art, titel, text, datum, event_ende,
|
||||
event_aufgaben, event_regeln, dringlichkeit, status, nur_leitung,
|
||||
erstellt, erstellt_von, haus,
|
||||
kampagne_id, kampagne_quelle, kampagne_geholt_am, kampagne_zone,
|
||||
kampagne_daten, kampagne_seite)
|
||||
VALUES ('agentur','kampagne', ?,?,?,?, ?,?,?, 'offen', 0, ?,?,?, ?,?,?,?,?,?)`)
|
||||
.run(
|
||||
gelesen.pflicht.titel.slice(0, 160),
|
||||
kuerzen(gelesen.kuer.einleitung || ""),
|
||||
/* Der TAG der Kampagne in IHRER Zone -- nicht heuteLokal().
|
||||
Eine Kampagne, die morgen beginnt, steht sonst heute in der
|
||||
Liste. */
|
||||
gelesen.pflicht.start,
|
||||
gelesen.pflicht.ende,
|
||||
kuerzen(aufgabenText(gelesen.kuer)),
|
||||
kuerzen(regelnText(gelesen.kuer, hinweise)),
|
||||
dringlichkeit,
|
||||
jetzt, person.id,
|
||||
/* NICHT von Hand auf "agentur" gesetzt, sondern dieselbe
|
||||
Angabe, die oben schon ueber die Annahme entschieden
|
||||
hat. Zweimal zu rechnen waeren zwei Fassungen derselben
|
||||
Regel -- und die laufen auseinander. */
|
||||
haus,
|
||||
nummer, link, jetzt, gelesen.pflicht.zone,
|
||||
JSON.stringify(gelesen.auszug),
|
||||
/* NULL, wenn niemand gewaehlt hat -- dann entscheidet
|
||||
wie bisher die Herkunft. Siehe die Begruendung bei
|
||||
der Spalte in workspace.js. */
|
||||
wunschSeite);
|
||||
eintragId = Number(lastInsertRowid);
|
||||
|
||||
if (abgelegt) {
|
||||
d.prepare(`
|
||||
INSERT INTO dateien (name_original, name_datei, groesse, typ, status, notiz,
|
||||
hochgeladen_von, erstellt, eintrag_id, haus)
|
||||
VALUES (?,?,?,?, 'entwurf', NULL, ?,?,?,?)`)
|
||||
.run(`banner-${nummer}${abgelegt.name.slice(abgelegt.name.lastIndexOf("."))}`,
|
||||
abgelegt.name, abgelegt.groesse, abgelegt.art,
|
||||
person.id, jetzt, eintragId, person.haus || null);
|
||||
eintragId = kachelSchreiben({
|
||||
gelesen, hinweise, person, haus, jetzt,
|
||||
nummer, quelle: link, wunschSeite,
|
||||
abgelegt, dateiBasis: `banner-${nummer}`,
|
||||
});
|
||||
abgelegt = null; /* ab hier gehört die Datei dem Eintrag */
|
||||
}
|
||||
if (meine) d.exec("COMMIT");
|
||||
} catch (fehler) {
|
||||
if (meine) { try { d.exec("ROLLBACK"); } catch { /* schon zurück */ } }
|
||||
/* Der eindeutige Index hat zugeschlagen: zwei gleichzeitige
|
||||
Aufrufe für dieselbe Kampagne. Das ist kein Fehler, das ist
|
||||
genau sein Zweck -- und die Antwort ist dieselbe wie bei der
|
||||
@@ -642,3 +787,213 @@ kampagneRouter.post("/workspace/api/kampagne/einlesen", async (req, res) => {
|
||||
`unerwartet: ${fehler?.message}`);
|
||||
}
|
||||
});
|
||||
|
||||
/* =====================================================================
|
||||
EINE KAMPAGNE AUS EINEM BILDSCHIRMFOTO (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern immer so
|
||||
ein screen reinschicke und dan soll daraus alles genommen werden und
|
||||
daraus die kampagne kachel gemacht werden."
|
||||
|
||||
DERSELBE WEG WIE DER LINK, nur mit einer anderen Quelle: Recht ->
|
||||
Haus -> Bremse -> Lesen -> Dublette -> Anlegen -> Protokoll. Was
|
||||
dabei herauskommt, hat dieselbe Form (siehe kampagne-bild-lesen.mjs),
|
||||
und geschrieben wird mit derselben Funktion (`kachelSchreiben`).
|
||||
|
||||
DAS BILD KOMMT ALS ROHE BYTES, so wie jede andere Datei im Haus
|
||||
(`express.raw`, Beschriftung im Kopf). Kein multipart/form-data von
|
||||
Hand -- die Begruendung steht in workspace-dateien.js.
|
||||
|
||||
UND ES BLEIBT AN DER KACHEL. Das Bildschirmfoto IST die Quelle
|
||||
dieser Kampagne; es wegzuwerfen hiesse, die einzige Stelle
|
||||
wegzuwerfen, an der man nachsehen kann, was wirklich dastand. Es
|
||||
wird deshalb als Datei an den Eintrag gehaengt -- und erscheint
|
||||
damit als Buehnenbild der Kachel, genau wie ein Banner.
|
||||
===================================================================== */
|
||||
|
||||
kampagneRouter.post("/workspace/api/kampagne/bild",
|
||||
express.raw({ type: "*/*", limit: BILD_MAX }),
|
||||
async (req, res) => {
|
||||
const person = req.person;
|
||||
const ip = echteIp(req);
|
||||
let abgelegt = null;
|
||||
let temp = null;
|
||||
|
||||
const schiefgegangen = (status, nachricht, grund) => {
|
||||
protokolliere("kampagne_gescheitert", {
|
||||
personId: person.id, rolle: person.rolle, ip,
|
||||
detail: kurz(`bild: ${grund}`),
|
||||
});
|
||||
return res.status(status).json({ fehler: nachricht });
|
||||
};
|
||||
|
||||
try {
|
||||
/* ---- Recht und Haus: WORTGLEICH mit dem Link-Weg ----------
|
||||
Dieselben zwei Fragen, dieselben zwei Antworten. Eine eigene
|
||||
Regel hier waere eine zweite -- und die zweite ist die, die
|
||||
beim naechsten Umbau etwas durchlaesst. */
|
||||
if (!istLeitung(person)) {
|
||||
return schiefgegangen(403,
|
||||
"Kampagnen anlegen dürfen DogFather und die Manager.",
|
||||
`keine Leitung (${person.rolle})`);
|
||||
}
|
||||
if (hausFuerNeuenEintrag(person, "agentur") !== "agentur") {
|
||||
return schiefgegangen(403,
|
||||
"Das geht nur auf der Agenturadresse.",
|
||||
`falsches Haus (${hausFuerNeuenEintrag(person, "agentur")})`);
|
||||
}
|
||||
const haus = hausFuerNeuenEintrag(person, "agentur");
|
||||
|
||||
/* ---- Ist das ueberhaupt ein Bild? ------------------------- */
|
||||
if (!Buffer.isBuffer(req.body) || !req.body.length) {
|
||||
return schiefgegangen(400,
|
||||
"Es ist kein Bild angekommen. Füge das Bildschirmfoto noch einmal ein.",
|
||||
"leerer Rumpf");
|
||||
}
|
||||
/* DIE BYTES ENTSCHEIDEN, nicht der angesagte Typ -- dieselbe
|
||||
Regel wie bei jedem Upload im Haus. Ein Browser darf
|
||||
behaupten, was er will. */
|
||||
const art = bildArtVon(req.body.subarray(0, 16));
|
||||
if (!art) {
|
||||
return schiefgegangen(415,
|
||||
"Das war kein Bild. Es geht ein Bildschirmfoto als PNG, JPEG, GIF oder WebP.",
|
||||
`unbekannte Bytes (${req.body.length} B)`);
|
||||
}
|
||||
|
||||
/* ---- Bremse, VOR der Texterkennung ------------------------
|
||||
Dieselbe Bremse wie beim Link, und aus demselben Grund:
|
||||
Texterkennung kostet Rechenzeit auf unserem Server. Gezaehlt
|
||||
wird im Protokoll, also fallen beide Wege in denselben
|
||||
Zaehler -- wer zwanzigmal in der Stunde etwas einliest, hat
|
||||
es getan, egal womit. */
|
||||
{
|
||||
const { anzahl, aeltester } = versucheLetzteStunde(person.id);
|
||||
if (anzahl >= KAMPAGNEN_JE_STUNDE) {
|
||||
const frei = new Date(Date.parse(aeltester) + 3600_000);
|
||||
const min = Math.max(1, Math.ceil((frei.getTime() - Date.now()) / 60000));
|
||||
protokolliere("kampagne_bremse", {
|
||||
personId: person.id, rolle: person.rolle, ip,
|
||||
detail: kurz(`bild: ${anzahl} in der letzten Stunde`),
|
||||
});
|
||||
return res.status(429).json({
|
||||
fehler: `Das waren ${anzahl} Kampagnen in einer Stunde. `
|
||||
+ `In ${min} Minute(n) geht es weiter.`,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- Die Texterkennung ------------------------------------
|
||||
Das Bild muss dafuer kurz als Datei dastehen: Tesseract liest
|
||||
einen Pfad. Es liegt im Temp-Ordner, nicht in der Ablage --
|
||||
dort landet es erst, wenn eine Kachel daraus wird. */
|
||||
const endung = { "image/png": ".png", "image/jpeg": ".jpg",
|
||||
"image/gif": ".gif", "image/webp": ".webp" }[art] || ".bin";
|
||||
temp = join(tmpdir(),
|
||||
`kampagnebild-${Date.now().toString(36)}-${randomBytes(6).toString("hex")}${endung}`);
|
||||
writeFileSync(temp, req.body, { flag: "wx" });
|
||||
|
||||
const erkannt = await textAusBild(temp);
|
||||
if (!erkannt.ok) {
|
||||
return schiefgegangen(503, erkannt.grund, `ocr: ${erkannt.grund}`);
|
||||
}
|
||||
|
||||
/* ---- Lesen ------------------------------------------------- */
|
||||
let gelesen;
|
||||
try {
|
||||
gelesen = leseBild(erkannt.text);
|
||||
} catch (fehler) {
|
||||
if (fehler instanceof BildUnlesbar) {
|
||||
/* DREI AUSGAENGE, ZWEI DAVON HIER: „Pflichtfeld fehlt oder
|
||||
widerspricht sich" und „das sieht nicht nach dieser Seite
|
||||
aus". Beide bekommen ihren eigenen Satz, weil sie
|
||||
verschiedene Handgriffe brauchen: schaerferes Bild gegen
|
||||
richtiges Bild. */
|
||||
const satz = fehler.art === "pflicht"
|
||||
? `Das Bild wurde gelesen, aber ${fehler.message}.`
|
||||
: `Aus diesem Bild wurde die Kampagne nicht erkannt: ${fehler.message}. `
|
||||
+ "Am besten das ganze Fenster abfotografieren — mit Titel, "
|
||||
+ "Zeitraum und den Zielen.";
|
||||
return schiefgegangen(422, satz, `${fehler.art}: ${fehler.message}`);
|
||||
}
|
||||
throw fehler;
|
||||
}
|
||||
|
||||
/* ---- Dublette --------------------------------------------- */
|
||||
const nummer = bildSchluessel(gelesen.pflicht);
|
||||
const da = db().prepare(
|
||||
"SELECT id FROM eintraege WHERE kampagne_id = ?").get(nummer);
|
||||
if (da) {
|
||||
protokolliere("kampagne_schon_da", {
|
||||
personId: person.id, rolle: person.rolle, ip,
|
||||
detail: kurz(`bild ${nummer} -> Eintrag ${da.id}`),
|
||||
});
|
||||
return res.status(200).json({ id: da.id, schon: true });
|
||||
}
|
||||
|
||||
/* ---- Das Bild in die Ablage -------------------------------- */
|
||||
const name = `${Date.now().toString(36)}-${randomBytes(8).toString("hex")}${endung}`;
|
||||
writeFileSync(join(ORDNER, name), req.body, { flag: "wx" });
|
||||
abgelegt = { name, groesse: req.body.length, art };
|
||||
|
||||
/* ---- Die Seitenwahl ---------------------------------------
|
||||
WIE BEIM LINK, nur mit einer anderen Vorgabe: Ein
|
||||
Bildschirmfoto aus dem Backstage ist ein Event der AGENTUR --
|
||||
dort steht „Erstellt von: Spicy Media". Wer „Automatisch"
|
||||
stehen laesst, bekommt also die rechte Spalte.
|
||||
|
||||
Das ist eine Vorgabe, keine Festlegung: Die drei
|
||||
Moeglichkeiten stehen im Kasten, und an der Kachel laesst es
|
||||
sich danach jederzeit umstellen. */
|
||||
const rohSeite = String(req.get("x-seite") || "").trim().toLowerCase();
|
||||
const wunschSeite = rohSeite === "tiktok" || rohSeite === "agentur"
|
||||
? rohSeite : "agentur";
|
||||
|
||||
const hinweise = [...gelesen.hinweise];
|
||||
/* DIE KACHEL SAGT SELBST, WOHER SIE KOMMT. Ein Mensch, der sie
|
||||
spaeter liest, soll wissen, dass hier eine Maschine
|
||||
abgeschrieben hat -- und dass ein Zahlendreher moeglich ist. */
|
||||
hinweise.push("Diese Kachel wurde aus einem Bildschirmfoto gelesen — "
|
||||
+ "bitte Titel und Zeitraum einmal nachsehen.");
|
||||
|
||||
const jetzt = jetztIso();
|
||||
const eintragId = kachelSchreiben({
|
||||
gelesen, hinweise, person, haus, jetzt,
|
||||
nummer,
|
||||
/* Es gibt keinen Link. Statt die Spalte leer zu lassen, steht
|
||||
hier, WORAUS die Kachel entstanden ist -- sonst sieht eine
|
||||
Kachel ohne Quelle aus wie eine von Hand angelegte. */
|
||||
quelle: "Bildschirmfoto (Creator Network)",
|
||||
wunschSeite, abgelegt, dateiBasis: "kampagnenbild",
|
||||
});
|
||||
abgelegt = null; /* ab hier gehoert die Datei dem Eintrag */
|
||||
|
||||
protokolliere("kampagne_eingelesen", {
|
||||
personId: person.id, rolle: person.rolle, ip,
|
||||
detail: kurz(`bild "${gelesen.pflicht.titel}" `
|
||||
+ `${gelesen.pflicht.start}..${gelesen.pflicht.ende} -> Eintrag ${eintragId}`
|
||||
+ ` (${gelesen.kuer.aufgaben.length} Aufgaben)`),
|
||||
});
|
||||
|
||||
return res.status(201).json({
|
||||
id: eintragId,
|
||||
titel: gelesen.pflicht.titel,
|
||||
von: gelesen.pflicht.start,
|
||||
bis: gelesen.pflicht.ende,
|
||||
aufgaben: gelesen.kuer.aufgaben,
|
||||
hinweise,
|
||||
});
|
||||
} catch (fehler) {
|
||||
console.error("[kampagne] bild:", fehler?.message);
|
||||
if (abgelegt) {
|
||||
try { unlinkSync(join(ORDNER, abgelegt.name)); } catch { /* weg ist weg */ }
|
||||
}
|
||||
return schiefgegangen(500,
|
||||
"Beim Lesen des Bildes ist etwas schiefgegangen. Bitte noch einmal versuchen.",
|
||||
`unerwartet: ${fehler?.message}`);
|
||||
} finally {
|
||||
/* DIE ZWISCHENDATEI GEHT IMMER WEG -- auch wenn oben etwas
|
||||
geworfen hat. Sonst fuellt sich der Temp-Ordner mit
|
||||
Bildschirmfotos, die niemand mehr zuordnen kann. */
|
||||
if (temp) { try { unlinkSync(temp); } catch { /* schon weg */ } }
|
||||
}
|
||||
});
|
||||
|
||||
@@ -4222,3 +4222,76 @@ body[data-ton] .kopf-zeile::before {
|
||||
.kampagneholen__seite { border: 1px solid CanvasText; }
|
||||
.kampagneholen__seite:has(input:checked) { border: 2px solid Highlight; }
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
EIN BILDSCHIRMFOTO STATT EINES LINKS (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern immer so
|
||||
ein screen reinschicke und dan soll daraus alles genommen werden.“
|
||||
|
||||
Drei Wege zum selben Ziel — einfügen, hereinziehen, auswählen. Der
|
||||
Kasten muss deshalb beim Hereinziehen sichtbar antworten: Ein Bild
|
||||
loszulassen und nicht zu wissen, ob es angekommen ist, ist der
|
||||
Moment, in dem man es ein zweites Mal versucht.
|
||||
===================================================================== */
|
||||
.kampagneholen__bild {
|
||||
display: flex; flex-wrap: wrap; align-items: center;
|
||||
gap: 8px 12px;
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
.kampagneholen__bild .feld-hinweis { margin: 0; }
|
||||
|
||||
/* Der stille Knopf: ein `label` zum versteckten Dateifeld. Er sieht
|
||||
aus wie ein Knopf, weil er einer ist — aber er tritt zurück, denn
|
||||
„Kampagne holen“ bleibt die Haupthandlung.
|
||||
|
||||
HIESS ZUERST `.knopf--still` (berichtigt 08.10.2026). Das klang
|
||||
nach einem allgemeinen Knopf-Zusatz für das ganze Haus — und
|
||||
pruef-css-klassen hatte recht, als sie ihn auf drei Seiten
|
||||
vermisste: Ein Zusatz im `knopf`-Namensraum verspricht, überall
|
||||
verwendbar zu sein. Er gilt aber genau für diese eine Stelle, also
|
||||
trägt er auch ihren Namen. */
|
||||
.kampagneholen__waehlen {
|
||||
background: transparent;
|
||||
border: 1px dashed color-mix(in srgb, var(--rand) 85%, transparent);
|
||||
color: var(--text-leise);
|
||||
cursor: pointer;
|
||||
}
|
||||
.kampagneholen__waehlen:hover, .kampagneholen__waehlen:focus-visible {
|
||||
color: var(--text);
|
||||
border-style: solid;
|
||||
border-color: color-mix(in srgb, var(--akzent, #3fbdf5) 45%, transparent);
|
||||
}
|
||||
/* Das Dateifeld ist `hidden`; sein Fokus wandert sichtbar auf das
|
||||
Etikett, sonst wäre der Knopf mit der Tastatur unsichtbar. */
|
||||
.kampagneholen__bild input:focus-visible + label,
|
||||
.kampagneholen__bild input:focus-visible ~ label {
|
||||
outline: 2px solid var(--akzent, #3fbdf5);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* WÄHREND ETWAS DARÜBER SCHWEBT. Kein Blinken, kein Springen — ein
|
||||
ruhiger Rahmen in der Hausfarbe reicht, und er lässt die Höhe
|
||||
unverändert (`inset`-Schatten statt Rand, sonst ruckt der ganze
|
||||
Kasten um zwei Pixel). */
|
||||
.kampagneholen[data-zieht="ja"] {
|
||||
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--akzent, #3fbdf5) 60%, transparent);
|
||||
}
|
||||
.kampagneholen[data-zieht="ja"] .kampagneholen__bild .feld-hinweis {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
/* 44 px Tippziel — dieselbe Vorgabe wie überall im Haus. Auf dem
|
||||
Handy ist „auswählen“ der einzige der drei Wege, den es gibt. */
|
||||
.kampagneholen__waehlen { min-height: 44px; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
.kampagneholen__waehlen { border: 1px solid CanvasText; }
|
||||
.kampagneholen[data-zieht="ja"] { outline: 2px solid Highlight; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.kampagneholen__waehlen { transition: none; }
|
||||
}
|
||||
|
||||
@@ -2865,6 +2865,10 @@
|
||||
const feld = $('kampagne-text');
|
||||
const knopf = $('kampagne-holen');
|
||||
const sagt = $('kampagne-sagt');
|
||||
/* DER GANZE KASTEN, nicht nur das Textfeld: Daran haengen
|
||||
Einfuegen und Hereinziehen weiter unten. Wer ein Bild einfuegt,
|
||||
soll nicht erst in das Textfeld klicken muessen. */
|
||||
const kasten = $('kampagneholen') || form;
|
||||
const ruheText = sagt ? sagt.textContent : '';
|
||||
|
||||
/* DER KNOPF GIBT SICH VON SELBST WIEDER FREI.
|
||||
@@ -2882,10 +2886,15 @@
|
||||
zweites Mal. */
|
||||
const FREI_NACH_MS = 15000;
|
||||
let wecker = null;
|
||||
const sperren = () => {
|
||||
/* `satz` SEIT DEM 08.10.2026: Beim Bild steht dort „Bild wird
|
||||
gelesen …“, beim Link „Wird geholt …“. Dieselbe Sperre,
|
||||
dieselbe Zeile -- nur das Wort passt zu dem, was wirklich
|
||||
laeuft. „Wird geholt“ waere beim Bild schlicht falsch: Es
|
||||
wird nichts geholt, es wird gelesen. */
|
||||
const sperren = (satz) => {
|
||||
knopf.disabled = true;
|
||||
form.dataset.laeuft = 'ja';
|
||||
if (sagt) sagt.textContent = 'Wird geholt …';
|
||||
if (sagt) sagt.textContent = satz || 'Wird geholt …';
|
||||
clearTimeout(wecker);
|
||||
wecker = setTimeout(() => {
|
||||
knopf.disabled = false;
|
||||
@@ -2901,6 +2910,97 @@
|
||||
if (sagt) sagt.textContent = text || ruheText;
|
||||
};
|
||||
|
||||
/* ==== EIN BILDSCHIRMFOTO STATT EINES LINKS (08.10.2026) ====
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern
|
||||
immer so ein screen reinschicke.“
|
||||
|
||||
DERSELBE KASTEN, DERSELBE KNOPFZUSTAND, DIESELBE
|
||||
MELDEZEILE. Ein zweiter Kasten daneben hiesse: zweimal
|
||||
dasselbe lernen, und beim naechsten Umbau laufen beide
|
||||
auseinander. Nur der Weg zum Server ist ein anderer, weil
|
||||
ein Bild keine Zeichenkette ist.
|
||||
|
||||
ROHE BYTES, BESCHRIFTUNG IM KOPF -- so nimmt dieses Haus
|
||||
jede Datei entgegen (siehe workspace-dateien.js). Kein
|
||||
multipart/form-data von Hand. */
|
||||
const bildSenden = async (datei) => {
|
||||
if (!datei) return;
|
||||
if (!/^image\//.test(datei.type || '')) {
|
||||
freigeben('Das war kein Bild. Es geht ein Bildschirmfoto als PNG oder JPEG.');
|
||||
return;
|
||||
}
|
||||
sperren('Bild wird gelesen …');
|
||||
try {
|
||||
const gewaehlt = form.querySelector('input[name="kampagne-seite"]:checked');
|
||||
const a = await hole('/workspace/api/kampagne/bild', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': datei.type || 'application/octet-stream',
|
||||
'x-seite': gewaehlt ? gewaehlt.value : '',
|
||||
},
|
||||
body: datei,
|
||||
});
|
||||
const r = await a.json().catch(() => ({}));
|
||||
if (!a.ok) {
|
||||
freigeben(sagWas(r.fehler,
|
||||
`Der Server hat abgelehnt (${a.status}), ohne den Grund mitzuschicken.`));
|
||||
return;
|
||||
}
|
||||
if (r.schon) {
|
||||
freigeben('Diese Kampagne war schon da — die Kachel steht unten.');
|
||||
} else {
|
||||
const spanne = r.von && r.bis ? ` (${r.von} bis ${r.bis})` : '';
|
||||
const zahl = (r.aufgaben || []).length;
|
||||
freigeben(`„${r.titel}“${spanne} steht unten — `
|
||||
+ `${zahl} Ziel(e) gelesen. Bitte Titel und Zeitraum nachsehen.`);
|
||||
}
|
||||
await laden();
|
||||
} catch (f) {
|
||||
void f; /* umgeleitet -- holen.js schickt bei 401 zur Anmeldung */
|
||||
}
|
||||
};
|
||||
|
||||
/* EINFÜGEN. Das ist der Weg, den Filipe meint: Win+Umschalt+S,
|
||||
dann Strg+V. Der Zuhörer haengt am ganzen Kasten, nicht nur
|
||||
am Textfeld -- sonst muss man erst hineinklicken. */
|
||||
kasten.addEventListener('paste', (ev) => {
|
||||
const dinge = [...(ev.clipboardData?.items || [])];
|
||||
const bild = dinge.find((x) => x.kind === 'file' && /^image\//.test(x.type));
|
||||
if (!bild) return; /* Text eingefuegt: alles wie bisher */
|
||||
ev.preventDefault();
|
||||
bildSenden(bild.getAsFile());
|
||||
});
|
||||
|
||||
/* HEREINZIEHEN. `dragover` muss abgefangen werden, sonst oeffnet
|
||||
der Browser das Bild einfach in der Seite -- und die Arbeit
|
||||
waere weg. */
|
||||
kasten.addEventListener('dragover', (ev) => {
|
||||
if (![...(ev.dataTransfer?.types || [])].includes('Files')) return;
|
||||
ev.preventDefault();
|
||||
kasten.dataset.zieht = 'ja';
|
||||
});
|
||||
kasten.addEventListener('dragleave', () => { delete ziel.dataset.zieht; });
|
||||
kasten.addEventListener('drop', (ev) => {
|
||||
const d = ev.dataTransfer?.files?.[0];
|
||||
if (!d) return;
|
||||
ev.preventDefault();
|
||||
delete kasten.dataset.zieht;
|
||||
bildSenden(d);
|
||||
});
|
||||
|
||||
/* AUSWÄHLEN -- der Weg auf dem Handy, wo es kein Strg+V gibt.
|
||||
Das Feld wird danach geleert: Sonst laesst sich dasselbe Bild
|
||||
kein zweites Mal waehlen (`change` kommt nur bei Aenderung). */
|
||||
const bildfeld = $('kampagne-bilddatei');
|
||||
if (bildfeld) {
|
||||
bildfeld.addEventListener('change', () => {
|
||||
const d = bildfeld.files?.[0];
|
||||
bildfeld.value = '';
|
||||
bildSenden(d);
|
||||
});
|
||||
}
|
||||
|
||||
form.addEventListener('submit', async (ev) => {
|
||||
ev.preventDefault();
|
||||
const text = (feld?.value || '').trim();
|
||||
|
||||
+22
-3
@@ -17,7 +17,7 @@
|
||||
<link rel="stylesheet" href="assets/css/gate.css?v=202610080131" />
|
||||
<link rel="stylesheet" href="assets/css/start.css?v=202610080131" />
|
||||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202610080131" />
|
||||
<link rel="stylesheet" href="assets/css/bereich.css?v=202610080131" />
|
||||
<link rel="stylesheet" href="assets/css/bereich.css?v=202610081000" />
|
||||
<!-- Wegen des Blocks „Willst du dazugehoeren?" auf dem Brett
|
||||
„Mitmachen". Eine eigene Kopie der Regel hier waere die zweite
|
||||
Stelle, an der dieselbe Sache anders aussieht. -->
|
||||
@@ -399,8 +399,27 @@
|
||||
<span>Agentur</span>
|
||||
</label>
|
||||
</fieldset>
|
||||
<!-- ODER EIN BILDSCHIRMFOTO (08.10.2026)
|
||||
|
||||
Filipe: „bei den agentur events soll ich kein link sondern
|
||||
immer so ein screen reinschicke und dan soll daraus alles
|
||||
genommen werden.“ Die Agentur-Kampagnen stehen im Creator
|
||||
Network, und das ist von außen nicht lesbar (gemessen am
|
||||
07.10.2026) — sichtbar sind sie nur in seinem Browser.
|
||||
|
||||
DREI WEGE ZUM SELBEN ZIEL, weil jeder woanders der
|
||||
bequemste ist: einfügen (Strg+V nach Win+Umschalt+S),
|
||||
fallen lassen (Maus), auswählen (Handy). Der Knopf ist
|
||||
ein `label` zum versteckten Dateifeld — so sieht er aus
|
||||
wie die anderen Knöpfe und bedient sich wie ein
|
||||
Dateifeld. -->
|
||||
<div class="kampagneholen__bild">
|
||||
<input type="file" id="kampagne-bilddatei" accept="image/*" hidden>
|
||||
<label class="knopf knopf--klein kampagneholen__waehlen" for="kampagne-bilddatei">Bildschirmfoto wählen</label>
|
||||
<span class="feld-hinweis">… oder hier einfügen (Strg+V) oder hereinziehen.</span>
|
||||
</div>
|
||||
<div class="kampagneholen__zeile">
|
||||
<p class="feld-hinweis" id="kampagne-sagt" role="status" aria-live="polite">Titel, Zeitraum, Banner, Aufgaben und Preise kommen von selbst.</p>
|
||||
<p class="feld-hinweis" id="kampagne-sagt" role="status" aria-live="polite">Aus dem Link kommen Titel, Zeitraum, Banner, Aufgaben und Preise von selbst — aus einem Bildschirmfoto Titel, Zeitraum und Ziele.</p>
|
||||
<button type="submit" class="knopf knopf--klein" id="kampagne-holen">Kampagne holen</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -427,6 +446,6 @@
|
||||
<script src="assets/js/schulung.js?v=202610080131" defer></script>
|
||||
<script src="assets/js/holen.js?v=202610080131" defer></script>
|
||||
<script src="assets/js/bildschau.js?v=202610080131"></script>
|
||||
<script src="assets/js/bereich.js?v=202610080131" defer></script>
|
||||
<script src="assets/js/bereich.js?v=202610081000" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user