67 lines
2.5 KiB
Markdown
67 lines
2.5 KiB
Markdown
# Krok 19 - Preview a Export (Posledné fázy Wizarda)
|
|
|
|
## Kontext projektu
|
|
Po úspešnom vygenerovaní a vyrenderovaní webu si ho používateľ môže prezrieť a následne stiahnuť ako ZIP archív.
|
|
|
|
## Pred implementáciou si preštuduj
|
|
- `docs/wizard.md` - Sekcia 8 (Krok 7 - Preview) a 9 (Krok 8 - Export).
|
|
|
|
## Cieľ
|
|
Implementovať UI pre náhľad vygenerovaného webu a funkčnosť pre stiahnutie projektu v ZIP formáte.
|
|
|
|
## Požadované zmeny
|
|
1. Na frontende (`index.html` + `wizard.js`):
|
|
- Krok 7: Zobrazenie náhľadu (napr. cez `<iframe>` smerujúci na `exports/<project_id>/index.html`).
|
|
- Možnosť prepínať medzi Desktop/Mobile náhľadom.
|
|
- Tlačidlo "Upraviť zadanie" (návrat do wizardu).
|
|
- Tlačidlo "Stiahnuť web" (volanie exportu).
|
|
2. Na backende (`ajax.php`):
|
|
- Implementácia akcie `exportWebsite`.
|
|
- Vytvorenie ZIP archívu z obsahu priečinka `exports/<project_id>/`.
|
|
- ZIP nesmie obsahovať konfiguračné súbory wizardu alebo AI pracovné súbory (iba výsledný web).
|
|
- Vrátenie linku na stiahnutie alebo priamy download.
|
|
|
|
## Implementačné pravidlá
|
|
- Preview musí byť izolované (iframe), aby CSS exportu neovplyvňovalo wizard.
|
|
- ZIP archív by mal mať názov podľa firmy (napr. `web-pizza-marco.zip`).
|
|
|
|
## Súbory ktoré je potrebné vytvoriť
|
|
Žiadne.
|
|
|
|
## Súbory ktoré je potrebné upraviť
|
|
- `public/index.html` (DOM pre náhľad a export)
|
|
- `public/js/wizard.js` (logika pre iframe a download)
|
|
- `public/ajax.php` (akcia `exportWebsite` - ZIP generovanie)
|
|
|
|
## API a dátové štruktúry
|
|
Akcia `exportWebsite`:
|
|
- Request: `{ "project_id": "..." }`.
|
|
- Response: `{ "success": true, "data": { "download_url": "..." } }`.
|
|
|
|
## Frontend požiadavky
|
|
- Pútavé zobrazenie náhľadu.
|
|
- Jasné inštrukcie, čo robiť po stiahnutí (napr. "Nahrajte obsah na váš FTP").
|
|
|
|
## Backend požiadavky
|
|
- PHP rozšírenie `ZipArchive`.
|
|
|
|
## Testovací scenár
|
|
1. Dokonči generovanie webu.
|
|
2. Over, či sa v Kroku 7 správne zobrazí náhľad v iframe.
|
|
3. Klikni na stiahnutie.
|
|
4. Rozbaľ ZIP a over, či obsahuje všetky potrebné súbory (index, assets, php skripty) a či web funguje po otvorení z disku.
|
|
|
|
## Definition of Done
|
|
- Používateľ si môže prezrieť web pred stiahnutím.
|
|
- Export do ZIP funguje a obsahuje kompletný, funkčný statický web.
|
|
- Proces je plynulý od konca generovania až po download.
|
|
|
|
## Obmedzenia
|
|
- ZIP nesmie byť príliš veľký (obmedzenie na assety).
|
|
|
|
## Výstup
|
|
- zoznam vytvorených súborov
|
|
- zoznam upravených súborov
|
|
- stručné zhrnutie vykonaných zmien
|
|
- prípadné otvorené problémy
|