Przeglądaj źródła

TASKS.md: P2-11 uitgewerkt tot concrete builder-stappen (2 plekken)

Code-onderzoek (grep -rn 0xFF9A141D op heel lib/) wijst uit dat het
bordeauxrode categorie-tag-kleurtje maar op 2 plekken hardcoded staat,
niet verspreid over tientallen widgets:
1. Shared component TagCategorieComponent (tag_categorie_component_widget.dart:101)
   - hergebruikt door 9 andere pagina's/componenten, dus 1 edit dekt
     het overgrote deel van de app.
2. HorecagelegenheidoverzichtKaart se eigen losse kopie
   (horecagelegenheidoverzicht_kaart_widget.dart:232).

Beide: Fill Color #9A141D -> #09B34A (het groen van uitgaanskrant.com,
zie P2-11's kleurmeting). #FFB50808 (logo/knoppen-bordeauxrood) blijft
bewust ongewijzigd. Optionele bijvangst: het ongebruikte "Accent 1"-
themeslot (flutter_flow_theme.dart:341) toevallig ook exact deze oude
kleur, geen widget verwijst er nu naar - mooi moment om 'm mee te
updaten voor toekomstige consistentie.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
bob 3 tygodni temu
rodzic
commit
de0942cc82
1 zmienionych plików z 58 dodań i 8 usunięć
  1. 58 8
      TASKS.md

+ 58 - 8
TASKS.md

@@ -2082,8 +2082,8 @@ provincienaam om te favorieten is nu onderdeel van de bredere
 Favorieten-pagina/profielscherm-taak — zie P1-7 hierboven voor scope en
 status.
 
-**P2-11 · Eigenaar: Onbepaald (designkeuze, geen losse builder-truc —
-Bob moet eerst de richting kiezen, dan is het per plek mechanisch).**
+**P2-11 · Eigenaar: Bob (builder — na code-onderzoek blijkt dit maar 2
+concrete plekken te zijn, ~10-15 minuten, geen designkeuze meer nodig).**
 Kleurenpalet-observatie uit de 2026-08-20 look&feel-review (op Bob's
 expliciete vraag "en kleuren of dat beter kan"): de app gebruikt
 letterlijk **1 accentkleur** (`Color(0xFFB50808)`, bordeauxrood) voor
@@ -2123,12 +2123,62 @@ bordeauxrood blijft voor branding/CTA's/geselecteerde staat zoals nu.
 Oranje (`#FF680D`) en het donkere navchrome zijn grotere ingrepen (meer
 schermen geraakt) — mooi om te overwegen maar niet noodzakelijk voor
 launch; de groene-tags-swap is de "quick win" hiervan.
-**Los, klein contrastpunt in dezelfde review:** het favoriet-hartje in
-de AppBar is (in de huidige, nog niet gecommitte versie) wit-op-licht en
-nauwelijks zichtbaar — dat is al apart vastgelegd als **P1-28** (hogere
-prioriteit, want gaat mee live met een nieuwe feature). Verder geen
-harde contrast-/toegankelijkheidsproblemen gezien (kaart-tekst,
-adres-/datumiconen: donkere tekst op wit, prima leesbaar).
+*(Los contrastpunt uit dezelfde review, het favoriet-hartje, stond hier
+eerder als open kanttekening — inmiddels apart als **P1-28** gefixt en
+gecommit door een andere sessie, zie de sessienotitie bovenaan. Verder
+geen harde contrast-/toegankelijkheidsproblemen gezien: kaart-tekst,
+adres-/datumiconen zijn donkere tekst op wit, prima leesbaar.)*
+
+**Concrete builder-stappen (2026-08-21, Claude — volledige
+code-doorzoeking `grep -rn "0xFF9A141D"` op heel `lib/`):** het huidige
+bordeauxrode tag-kleurtje blijkt maar **twee plekken** te zijn, geen
+tientallen losse widgets — dit is dus in 1 sessie te doen.
+
+1. **Shared component `TagCategorieComponent`** (bestand:
+   [tag_categorie_component_widget.dart:99-107](lib/shared/tag_categorie_component/tag_categorie_component_widget.dart:99)) —
+   dit ene component wordt hergebruikt door **9 andere
+   pagina's/componenten** (Home, `PUitgaanSliderKaartComponent`,
+   `UitgaantabelKaartComponent`, `KaartTabelUitgaanComp`,
+   `KaartSliderUitgaanSComp`, `KaartTabelUitgaanSComp`, en de
+   `PUitgaantabelKaartComponentOrgineelMetKaartjeErin`-variant), dus
+   **1 kleurwijziging hier lost het overgrote deel van de app in één
+   keer op**. Ga in de builder naar dit Project Component → selecteer
+   de buitenste `Container` (rond-hoekige pil met witte rand, direct
+   rond de categorie-tekst) → **Fill Color** staat nu op een custom hex
+   `#9A141D` → zet 'm op **`#09B34A`** (het groen van uitgaanskrant.com).
+   Tekstkleur (wit) en witte rand blijven ongewijzigd goed staan.
+2. **`HorecagelegenheidoverzichtKaart`** (bestand:
+   [horecagelegenheidoverzicht_kaart_widget.dart:230-235](lib/horecagelegenhedenoverzicht/horecagelegenheidoverzicht_kaart/horecagelegenheidoverzicht_kaart_widget.dart:230)) —
+   deze kaart (de Horeca-overzichtslijst, bv. "De Beun" met
+   "Bioscoop"/"Theater"-tags) heeft zijn **eigen, losse** kopie van
+   dezelfde tag-`Container` — gebruikt niet het gedeelde component,
+   dus **los** aanpassen: zelfde `Container` rond de categorie-tekst
+   (binnen de `List.generate(categorie.length, ...)`-lus) → Fill Color
+   van `#9A141D` naar **`#09B34A`**.
+3. **Niet aanraken:** `Color(0xFFB50808)` (het felrode logo/knoppen-
+   bordeauxrood, o.a. de favoriet-hartjes op dezelfde
+   `HorecagelegenheidoverzichtKaart`-pagina) — dat is een **andere,
+   bewust ongewijzigde** kleur (branding/actie), niet de tag-kleur. Ook
+   niet aanraken: de losse rode/roze tinten in
+   `evenement_horecagelegenheid_widget.dart` (`#B1061E`, `#C84E4E`,
+   `#C8B1B1`, `#C28080`) — dat zijn een laad-spinner en losse
+   divider-/tekstkleuren, geen tag-achtergronden.
+4. **Bijvangst, optioneel maar aanbevolen (5 min):** de theme heeft al
+   een ongebruikt kleurslot **"Accent 1"**
+   ([flutter_flow_theme.dart:341](lib/flutter_flow/flutter_flow_theme.dart:341),
+   nu nog gedefinieerd als exact dit oude bordeauxrood
+   `0xFF9A141D`, maar geen enkel widget verwijst er daadwerkelijk naar
+   — alle 2 plekken hierboven gebruiken een losse custom hex-waarde,
+   geen theme-referentie). Zet ook **Accent 1** in FlutterFlow's
+   Theme Settings op `#09B34A`, zodat een toekomstig nieuw
+   tag-widget dat je via de kleurenkiezer op het "Accent 1"-swatch
+   zet, automatisch de juiste kleur pakt i.p.v. opnieuw een custom hex
+   te moeten intypen.
+5. **Verificatie:** na de 2 builder-edits een verse
+   `flutterflow export-code` + gerichte `grep -c "0xFF9A141D" lib/ -r`
+   — hoort na de fix 0 treffers te geven (afgezien van de
+   Accent1-theme-definitie zelf, die dan ook is bijgewerkt als je stap
+   4 ook doet).
 
 **P2-12 · Eigenaar: Onbepaald.** Geen laad-placeholder/skeleton bij
 afbeeldingen (carousel-kaarten, horeca-logo's) — gezien 2026-08-20 op