Jacek Pyziak
12c400fdc6
Phase 92 complete: - SVG clipboard icon przy nazwie w sekcji Dane zamawiajacego - navigator.clipboard.writeText() z wizualnym feedbackiem (checkmark 1.5s) - Style .copy-btn-inline i .copy-name-row Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
100 lines
2.8 KiB
Markdown
100 lines
2.8 KiB
Markdown
---
|
|
phase: 92-buyer-name-copy
|
|
plan: 01
|
|
subsystem: ui
|
|
tags: [clipboard, copy, order-details, svg]
|
|
|
|
requires: []
|
|
provides:
|
|
- Copy-to-clipboard button for buyer name in order details
|
|
affects: []
|
|
|
|
tech-stack:
|
|
added: []
|
|
patterns: [navigator.clipboard.writeText with SVG icon toggle feedback]
|
|
|
|
key-files:
|
|
created: []
|
|
modified:
|
|
- resources/views/orders/show.php
|
|
- resources/scss/shared/_ui-components.scss
|
|
- public/assets/css/app.css
|
|
|
|
key-decisions:
|
|
- "SVG inline icons (copy + checkmark) instead of FontAwesome — no extra dependency"
|
|
- "Copy only for customer address type, not invoice/delivery"
|
|
|
|
patterns-established:
|
|
- "copy-btn-inline: reusable inline copy button pattern with visual feedback"
|
|
|
|
duration: 5min
|
|
started: 2026-04-09T12:05:00Z
|
|
completed: 2026-04-09T12:10:00Z
|
|
---
|
|
|
|
# Phase 92 Plan 01: Buyer Name Copy Summary
|
|
|
|
**Ikona kopiowania imienia i nazwiska kupującego w sekcji "Dane zamawiającego" na stronie szczegółów zamówienia**
|
|
|
|
## Performance
|
|
|
|
| Metric | Value |
|
|
|--------|-------|
|
|
| Duration | ~5min |
|
|
| Started | 2026-04-09 |
|
|
| Completed | 2026-04-09 |
|
|
| Tasks | 2 completed |
|
|
| Files modified | 3 |
|
|
|
|
## Acceptance Criteria Results
|
|
|
|
| Criterion | Status | Notes |
|
|
|-----------|--------|-------|
|
|
| AC-1: Ikona kopiowania widoczna przy nazwie kupującego | Pass | SVG clipboard icon inline obok nazwy |
|
|
| AC-2: Kliknięcie kopiuje dane do schowka | Pass | navigator.clipboard.writeText() |
|
|
| AC-3: Feedback wizualny po skopiowaniu | Pass | Checkmark SVG na 1.5s |
|
|
|
|
## Accomplishments
|
|
|
|
- Ikona kopiowania (SVG) przy nazwie kupującego w sekcji "Dane zamawiającego"
|
|
- Clipboard copy via navigator.clipboard.writeText() — spójne z istniejącym wzorcem (settings/printing.php)
|
|
- Wizualny feedback: ikona zmienia się na checkmark na 1.5s po skopiowaniu
|
|
|
|
## Files Created/Modified
|
|
|
|
| File | Change | Purpose |
|
|
|------|--------|---------|
|
|
| `resources/views/orders/show.php` | Modified | Dodano ikonę kopiowania SVG + funkcję JS copyBuyerName() |
|
|
| `resources/scss/shared/_ui-components.scss` | Modified | Style .copy-name-row i .copy-btn-inline |
|
|
| `public/assets/css/app.css` | Modified | Zbudowany CSS z nowych styli |
|
|
|
|
## Decisions Made
|
|
|
|
| Decision | Rationale | Impact |
|
|
|----------|-----------|--------|
|
|
| SVG inline zamiast FontAwesome | Brak dodatkowej zależności, pełna kontrola nad ikonami | Reusable pattern |
|
|
| Ikona tylko w customer, nie invoice/delivery | Zgodnie z życzeniem użytkownika — kopiuje dane zamawiającego | Ograniczony scope |
|
|
|
|
## Deviations from Plan
|
|
|
|
None — plan executed exactly as written.
|
|
|
|
## Issues Encountered
|
|
|
|
None.
|
|
|
|
## Next Phase Readiness
|
|
|
|
**Ready:**
|
|
- Pattern `.copy-btn-inline` gotowy do reuse w innych sekcjach adresowych jeśli potrzebny
|
|
|
|
**Concerns:**
|
|
- None
|
|
|
|
**Blockers:**
|
|
- None
|
|
|
|
---
|
|
*Phase: 92-buyer-name-copy, Plan: 01*
|
|
*Completed: 2026-04-09*
|