gitadmin/ai-gift-planner-mockup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add feedback gift

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-12-27 00:36:27 +01:00
parent f1cc929f18
commit 7b95faef4a
2 changed files with 48 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
gift.html
View File

@@ -63,7 +63,7 @@
<div class="relative z-10">
<div class="flex items-center gap-2 mb-4">
<span class="bg-indigo-500 text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Planowanie Prezentu #1024</span>
<span class="bg-green-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Kupiony</span>
<span class="bg-purple-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Wręczony</span>
</div>
<h2 class="text-3xl font-black mb-6">Sage Barista Express dla: Mama</h2>
@@ -119,6 +119,48 @@
</div>
</section>
<!-- Feedback Loop (New Functionality) -->
<section class="bg-gradient-to-br from-purple-50 to-white rounded-[2.5rem] p-8 shadow-sm border border-purple-100">
<div class="flex items-center justify-between mb-6">
<h3 class="text-xl font-black text-gray-900 flex items-center gap-2">
<i data-lucide="message-square-heart" class="text-purple-600"></i> Feedback i Efekt Prezentu
</h3>
<span class="bg-purple-100 text-purple-700 text-[10px] font-black px-2 py-1 rounded-lg uppercase">Po wręczeniu</span>
</div>
<div class="space-y-6">
<div>
<label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3 ml-1">Jak bardzo się podobało?</label>
<div class="flex gap-2">
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-purple-600 border-2 border-purple-600 flex items-center justify-center text-white shadow-lg shadow-purple-100">
<i data-lucide="star" class="w-6 h-6 fill-current"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-200">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
</div>
</div>
<div>
<label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Notatka zwrotna (dla AI i przyszłych planów)</label>
<textarea placeholder="Np. 'Ekspres super, ale kolor mógłby być ciemniejszy' lub 'Najlepszy prezent w tym roku!'" class="w-full px-5 py-4 bg-white border border-purple-100 rounded-3xl focus:ring-2 focus:ring-purple-500 outline-none transition-all text-sm font-medium text-gray-700 min-h-[100px] shadow-inner"></textarea>
</div>
<button class="w-full bg-purple-600 text-white py-4 rounded-2xl font-black shadow-xl shadow-purple-200 hover:bg-purple-700 transition-all flex items-center justify-center gap-2">
<i data-lucide="save"></i> Zapisz feedback
</button>
</div>
</section>
<!-- Price Info (Linked to Master) -->
<section class="bg-white rounded-[2.5rem] p-8 shadow-sm border border-gray-100">
<div class="flex items-center justify-between mb-8">

5
spec.md
View File

@@ -121,6 +121,8 @@ Konkretny plan podarowania produktu danej osobie na wybraną okazję.
- `purchaseStore` (sklep, w którym dokonano zakupu)
- `orderNumber` (opcjonalnie)
- `personalNotes` (notatki specyficzne dla tego obdarowanego)
- `rating` (0-5 stars - ocena trafności prezentu)
- `feedbackNote` (notka po wręczeniu, np. "kolor za jasny")
- `createdAt`, `updatedAt`
**Operacje:**
@@ -293,6 +295,8 @@ Gift (Planning Instance)
├── purchase_price (cena zakupu)
├── purchase_store
├── personal_notes
├── rating (INT, 1-5)
├── feedback_note (TEXT)
├── created_at
IndividualOccasion (Zrezygnowano - używamy tabeli Occasion)
@@ -372,6 +376,7 @@ IndividualOccasion (Zrezygnowano - używamy tabeli Occasion)
#### 5. Gift Planning (Instance View)
- Logistyka: status, notatki zakupowe, numer zamówienia
- Analiza ceny zakupu vs cena rynkowa
- **Feedback Loop**: Po zmianie statusu na "Otrzymany" (given), pojawia się sekcja oceny (gwiazdki + notatka efektu).
#### 6. Settings
- Profil usera i wylogowanie