Kampagnen: auswaehlen, wo die Kachel hingehoert -- TikTok oder Agentur
Filipe, mit einem Bild des Einlesekastens: "das sind die von der agentur selbst. die krieg ich so, perfektioniere das und auch das ich auswaehlen kann wo es hingehoert, zu tiktok oder der agentur." Dazu sein echter Link: https://vm.tiktok.com/ZSbACwAnK/ ZWEI FRAGEN, DIE BISHER EINE WAREN. "Woher kam der Link" und "wem gehoert das Event" wurden beide aus `kampagne_id` beantwortet: Wer ueber eine Einladung eingelesen wurde, stand links. Die Agentur schickt ihre eigenen Events aber ebenfalls als TikTok-Link -- damit war die Zuordnung zwangslaeufig falsch. Neue Spalte `kampagne_seite` mit DREI Zustaenden, und NULL ist einer davon: niemand hat gewaehlt -> wie bisher nach der Herkunft. Alle bestehenden Kacheln behalten dadurch genau ihren Platz, ohne dass etwas umgestellt werden musste. Gewaehlt wird im Einlesekasten (Automatisch / TikTok / Agentur, "Automatisch" vorbelegt) und nachtraeglich an der Kachel ("zur Agentur" / "zu TikTok"). Nur die Leitung; bei einem Creator wird das Feld stillschweigend entfernt. GEMESSEN AN SEINEM ECHTEN LINK, mit Gegenprobe: vm.tiktok.com/ZSbACwAnK/ -> www.tiktok.com/tcn/activity?activity_id=7691301069758087175 -> 233 KB reine Huelle, kein __MODERN_ROUTER_DATA__ dieselbe Nummer auf dem Weg der oeffentlichen Kampagnenseite -> 42 KB, ebenfalls ohne Datenpaket eine echte Kampagne auf demselben Weg -> 967 KB MIT Datenpaket Die Kampagne existiert also nicht als oeffentliche Seite: Das Creator Network baut seine Seiten erst im Browser auf, angemeldet. Von aussen kann das niemand lesen -- auch kein anderes Programm. Daraus zwei Dinge: - `nummerAusAdresse` liest jetzt BEIDE Schreibweisen (`activityId` auf der Kampagnenseite, `activity_id` im Creator Network). - `istCreatorNetwork` erkennt solche Links VOR dem Abruf. Statt 502 "TikTok hat nicht geantwortet" (eine Ursache, die es nicht gibt) kommt 422 mit dem, was wirklich los ist -- und mit dem Weg daneben: das Event von Hand anlegen, Link in die Beschreibung. BERICHTIGT: Der PATCH-Weg stand als '/workspace/api/bereich/agentur/' + e.id im Browser und war fuer pruef-struktur nicht mehr zuzuordnen -- jetzt `${bereich}` wie bei den Nachbarn, was nebenbei den zweiten Ort mit "agentur" im Text wegnimmt. Und "Automatisch" hatte keinen eigenen Ton und fiel auf `--akzent` zurueck: auf dem Agenturbrett genau das Gelb der rechten Spalte, die vorbelegte Moeglichkeit sah also aus wie "Agentur". GEPRUEFT: 169 (Route, +22), 170 (Kachel, +12), 67 (Agentur), 67 Messungen (Bild), 107 (Haus-Trennung, unveraendert), dazu struktur, css-klassen, zeichen, deutsche-texte, formulare, tippziele. Drei Gegenproben: Auswahl verwerfen, Creator-Network durchlassen, Kachel wieder nur nach Herkunft -- alle drei werden bemerkt, alle Dateien byte-gleich wiederhergestellt. Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -4140,3 +4140,85 @@ body[data-ton] .kopf-zeile::before {
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.ev-mehr__knopf, .ev-gruppe__kopf { transition: none; }
|
||||
}
|
||||
|
||||
/* =====================================================================
|
||||
WOHIN GEHÖRT DIE KACHEL? (07.10.2026)
|
||||
|
||||
Filipe: „ich will auswählen können wo es hingehört, zu tiktok oder
|
||||
der agentur."
|
||||
|
||||
Drei echte Radioknöpfe, als Reihe gesetzt. Der Knopf selbst bleibt
|
||||
sichtbar und wird nicht durch ein nachgebautes Kästchen ersetzt:
|
||||
Ein Schalter, den das Betriebssystem zeichnet, verhält sich auf
|
||||
jedem Gerät so, wie der Mensch davor es gewohnt ist -- und bei
|
||||
`forced-colors` ist er der einzige, den man dann noch sieht.
|
||||
|
||||
DIE FARBE KOMMT VON DER SEITE, nicht vom Zustand: Blau ist die
|
||||
TikTok-Spalte, Gelb die der Agentur -- dieselben Töne wie in den
|
||||
Spaltenköpfen (`--kv-ton`). So sieht man schon beim Wählen, wo die
|
||||
Kachel landen wird.
|
||||
===================================================================== */
|
||||
.kampagneholen__wahl {
|
||||
display: flex; flex-wrap: wrap; align-items: center;
|
||||
gap: 8px 14px;
|
||||
margin: 12px 0 0; padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.kampagneholen__wahl > .feld-schild {
|
||||
/* `legend` nimmt in einem Flex-Kasten sonst eine eigene Zeile und
|
||||
lässt eine Lücke stehen. `float` ist hier der Weg, der in allen
|
||||
Browsern dasselbe tut. */
|
||||
float: left; width: 100%;
|
||||
margin: 0 0 8px; padding: 0;
|
||||
}
|
||||
.kampagneholen__seite {
|
||||
display: inline-flex; align-items: center; gap: 7px;
|
||||
padding: 6px 12px 6px 10px;
|
||||
border: 1px solid color-mix(in srgb, var(--rand) 85%, transparent);
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 255, 255, .02);
|
||||
font-size: .88rem; color: var(--text-leise);
|
||||
cursor: pointer;
|
||||
}
|
||||
.kampagneholen__seite input { margin: 0; accent-color: var(--akzent, #3fbdf5); }
|
||||
/* „Automatisch“ BEKOMMT EINEN EIGENEN, STUMPFEN TON (07.10.2026).
|
||||
Ohne ihn fiel es auf `--akzent` zurueck -- und das ist auf dem
|
||||
Agenturbrett genau das Gelb der rechten Spalte. Gemessen am Bild:
|
||||
Die vorbelegte Moeglichkeit sah aus, als bedeute sie „Agentur“.
|
||||
Drei Moeglichkeiten, drei Toene: stumpf, TikTok-Blau, Agenturgelb. */
|
||||
.kampagneholen__seite[data-seite="auto"] { --wahl-ton: #8fa3b8; }
|
||||
.kampagneholen__seite[data-seite="tiktok"] { --wahl-ton: #3fbdf5; }
|
||||
.kampagneholen__seite[data-seite="agentur"] { --wahl-ton: #cace02; }
|
||||
.kampagneholen__seite[data-seite] input { accent-color: var(--wahl-ton); }
|
||||
|
||||
/* GEWÄHLT SIEHT MAN AN RAHMEN UND SCHRIFT, nicht nur am Punkt im
|
||||
Knopf: Auf einem kleinen Bildschirm ist der Punkt wenige Pixel
|
||||
groß, und welche der drei Möglichkeiten gilt, soll man aus zwei
|
||||
Metern sehen. `:has()` greift auf dem Elternteil -- dafür ist es
|
||||
da, und es spart ein Merkmal, das JavaScript pflegen müsste. */
|
||||
.kampagneholen__seite:has(input:checked) {
|
||||
color: var(--text);
|
||||
border-color: color-mix(in srgb, var(--wahl-ton, var(--akzent, #3fbdf5)) 55%, transparent);
|
||||
background: color-mix(in srgb, var(--wahl-ton, var(--akzent, #3fbdf5)) 10%, transparent);
|
||||
}
|
||||
.kampagneholen__seite:hover { color: var(--text); }
|
||||
.kampagneholen__seite:has(input:focus-visible) {
|
||||
outline: 2px solid var(--akzent, #3fbdf5);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Der Knopf an der Kachel, der sie auf die andere Seite schiebt.
|
||||
Er tritt zurück: Er wird selten gebraucht und darf „Teilen“ nicht
|
||||
die Aufmerksamkeit nehmen. */
|
||||
.schritt--seite { color: var(--text-still); }
|
||||
.schritt--seite:hover { color: var(--text); }
|
||||
|
||||
@media (max-width: 560px) {
|
||||
/* 44 px Tippziel -- dieselbe Vorgabe wie überall im Haus. */
|
||||
.kampagneholen__seite { min-height: 44px; padding: 6px 14px 6px 12px; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
.kampagneholen__seite { border: 1px solid CanvasText; }
|
||||
.kampagneholen__seite:has(input:checked) { border: 2px solid Highlight; }
|
||||
}
|
||||
|
||||
@@ -2253,6 +2253,48 @@
|
||||
: `Link zum Kopieren: ${r.weg}`);
|
||||
await laden();
|
||||
}, 'schritt--teilen'));
|
||||
/* ---- UND WOHIN GEHÖRT ES? (07.10.2026) --------------------
|
||||
|
||||
Beim Einlesen wird die Seite gewählt; hier lässt sie sich
|
||||
ändern. Eine Wahl, die man nur einmal treffen darf, ist
|
||||
beim ersten Versehen ein Dauerzustand -- und das Versehen
|
||||
fällt oft erst auf, wenn die Kachel an der falschen Stelle
|
||||
steht.
|
||||
|
||||
DER KNOPF NENNT DAS ZIEL, nicht die Handlung: „zur
|
||||
Agentur“ sagt, wo die Kachel danach steht. „Seite
|
||||
wechseln“ ließe offen, wohin -- und man müsste erst
|
||||
drücken, um es zu erfahren. */
|
||||
{
|
||||
const jetztLinks = e.kampagne_seite
|
||||
? e.kampagne_seite === 'tiktok' : !!e.kampagne_id;
|
||||
const ziel = jetztLinks ? 'agentur' : 'tiktok';
|
||||
const wort = jetztLinks ? 'zur Agentur' : 'zu TikTok';
|
||||
knoepfe.append(tuKnopf(wort, async () => {
|
||||
/* `${bereich}` UND NICHT „agentur“ FEST EINGETIPPT
|
||||
(berichtigt 07.10.2026). pruef-struktur gleicht jeden Weg,
|
||||
den der Browser ruft, gegen die Routen des Servers ab --
|
||||
und konnte diesen nicht zuordnen: Mit dem Brettnamen im
|
||||
Text sah der Pfad aus wie „/api/bereich/agentur/“ plus
|
||||
etwas Unbekanntem. Dieselbe Schreibweise wie bei den
|
||||
Nachbarn darüber macht ihn wieder prüfbar und nimmt
|
||||
nebenbei den zweiten Ort weg, an dem „agentur“ steht. */
|
||||
const a = await hole(`/workspace/api/bereich/${bereich}/${e.id}`, {
|
||||
method: 'PATCH', headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ kampagne_seite: ziel }),
|
||||
});
|
||||
if (!a.ok) {
|
||||
const r = await a.json().catch(() => ({}));
|
||||
melde(sagWas(r.fehler, `Ging nicht (${a.status}).`));
|
||||
return;
|
||||
}
|
||||
melde(ziel === 'agentur'
|
||||
? 'Steht jetzt rechts bei der Agentur.'
|
||||
: 'Steht jetzt links bei TikTok.');
|
||||
await laden();
|
||||
}, 'schritt--seite'));
|
||||
}
|
||||
|
||||
if (geteilt) {
|
||||
knoepfe.append(tuKnopf('nicht mehr teilen', async () => {
|
||||
const a = await hole(`/workspace/api/eintrag/${e.id}/teilen`, { method: 'DELETE' });
|
||||
@@ -2865,9 +2907,16 @@
|
||||
if (!text) { freigeben('Da war kein Text. Füge die ganze Einladung ein.'); return; }
|
||||
sperren();
|
||||
try {
|
||||
/* DIE AUSWAHL GEHT MIT (07.10.2026). Leer heisst
|
||||
„automatisch" -- der Server macht daraus NULL und
|
||||
entscheidet dann wie bisher nach der Herkunft. Fehlt
|
||||
die Gruppe ganz (altes HTML im Zwischenspeicher),
|
||||
kommt leer heraus, und alles verhaelt sich wie
|
||||
vorher. */
|
||||
const gewaehlt = form.querySelector('input[name="kampagne-seite"]:checked');
|
||||
const a = await hole('/workspace/api/kampagne/einlesen', {
|
||||
method: 'POST', headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ text }),
|
||||
body: JSON.stringify({ text, seite: gewaehlt ? gewaehlt.value : '' }),
|
||||
});
|
||||
const r = await a.json().catch(() => ({}));
|
||||
if (!a.ok) {
|
||||
@@ -3674,7 +3723,21 @@
|
||||
ist keine -- und man sieht dann auch nicht, dass dort
|
||||
nichts ist. */
|
||||
const istEvent = (e) => e.art === 'kampagne';
|
||||
const vonTikTok = (e) => !!e.kampagne_id;
|
||||
/* ERST DIE WAHL, DANN DIE HERKUNFT (07.10.2026).
|
||||
|
||||
`kampagne_seite` ist NULL, solange niemand gewaehlt hat
|
||||
-- dann entscheidet wie bisher `kampagne_id`. Damit
|
||||
behalten alle Kacheln, die es schon gibt, genau ihren
|
||||
Platz, und es musste nichts umgestellt werden.
|
||||
|
||||
WARUM DIE WAHL GEWINNT: Die Herkunft beantwortet „woher
|
||||
kam der Link", die Frage auf dem Brett ist aber „wem
|
||||
gehoert das Event". Die Agentur schickt ihre eigenen
|
||||
Events als TikTok-Link; wer nur die Herkunft kennt,
|
||||
sortiert sie zwangslaeufig falsch ein. */
|
||||
const vonTikTok = (e) => (e.kampagne_seite
|
||||
? e.kampagne_seite === 'tiktok'
|
||||
: !!e.kampagne_id);
|
||||
const events = sichtbar.filter(istEvent);
|
||||
const rest = sichtbar.filter((e) => !istEvent(e));
|
||||
|
||||
|
||||
Reference in New Issue
Block a user