2.5 KiB
2.5 KiB
Krok 07 - Wizard - Segmentácia biznisu (Krok 1)
Kontext projektu
Prvým krokom wizardu je výber kategórie podnikania. Tento výber ovplyvňuje ďalšie otázky (Smart answers) a obsah, ktorý AI vygeneruje.
Pred implementáciou si preštuduj
docs/wizard.md- Sekcia 2 (Krok 1 - Segmentácia biznisu).
Cieľ
Implementovať UI pre výber kategórie a podkategórie podnikania a uloženie týchto dát na backend.
Požadované zmeny
- Vytvorenie súboru
data/categories.jsons definíciou kategórií (Gastro, Krása, Remeslá, atď.) a ich podkategórií. - Na frontende (
wizard.js):- Načítanie kategórií (môže byť hardcoded v JS alebo načítané cez API).
- Zobrazenie kategórií ako "radio cards" (vizuálne boxy s ikonou/názvom).
- Po výbere kategórie zobrazenie podkategórií (napr. ako chips alebo dropdown).
- Pole pre vlastný popis, ak používateľ zvolí "Iné".
- Volanie
saveSteppri prechode na ďalší krok.
- Na backende (
ajax.php):- Implementácia akcie
saveStep. - Validácia, že vybraná kategória a podkategória sú platné.
- Uloženie do
wizard_data.business_category.
- Implementácia akcie
Implementačné pravidlá
- Používaj moderné UI prvky (napr. CSS Grid pre radio cards).
- Zabezpeč plynulú interakciu pri zmene kategórie (reset podkategórií).
Súbory ktoré je potrebné vytvoriť
data/categories.json
Súbory ktoré je potrebné upraviť
public/js/wizard.js(logika pre Krok 1)public/index.html(DOM pre Krok 1)public/ajax.php(implementáciasaveStep)
API a dátové štruktúry
Payload pre saveStep:
{
"step": 1,
"data": {
"business_category": {
"group": "gastro",
"subcategory": "restaurant",
"custom_description": null
}
}
}
Frontend požiadavky
- Atraktívne zobrazenie kategórií.
- Intuitívny výber podkategórie.
Backend požiadavky
- Validácia vstupov.
Testovací scenár
- Vyber kategóriu "Gastro".
- Vyber podkategóriu "Reštaurácia".
- Klikni na "Pokračovať".
- Over v JSONe projektu v
data/projects/, či sa dáta správne uložili. - Skús zvoliť "Iné" a napísať vlastný text.
Definition of Done
- Používateľ vie vybrať segment biznisu.
- Dáta sa správne ukladajú na server.
- UI reaguje na výbery používateľa.
Obmedzenia
- Nepoužívaj externé UI knižnice (napr. Vuetify, Material UI).
Výstup
- zoznam vytvorených súborov
- zoznam upravených súborov
- stručné zhrnutie vykonaných zmien
- prípadné otvorené problémy