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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user