feat: Add Phase 5 store item management UI
All checks were successful
Test Asgard Runner / test (push) Successful in 3s
All checks were successful
Test Asgard Runner / test (push) Successful in 3s
This commit is contained in:
73
hardpush.log
73
hardpush.log
@@ -478,3 +478,76 @@ Status: OPERATIONAL - Store owners can view sales metrics, transaction history,
|
||||
Phase 5 Progress: 3/4 frontend components complete (75%)
|
||||
Remaining: Item Management UI (Agent Juliet)
|
||||
|
||||
|
||||
[2026-02-15T21:40 UTC]
|
||||
Agent Juliet (Store Item Management UI): COMPLETE
|
||||
|
||||
Component: StoreItemsView.vue (773 lines)
|
||||
Route: /admin/store/items (auth required)
|
||||
Features:
|
||||
- Dual-tab interface (Categories, Items)
|
||||
- Categories Tab:
|
||||
* Table view with name, slug, display_order, visible status, actions
|
||||
* Add/Edit modal with form fields
|
||||
* Auto-generate URL-safe slug from name
|
||||
* Display order numeric input
|
||||
* Visible toggle checkbox
|
||||
* Delete confirmation with uncategorized warning
|
||||
* CRUD operations: GET/POST/PUT/DELETE /api/webstore/categories
|
||||
- Items Tab:
|
||||
* Table view with name, category, type, price, command count, enabled status, actions
|
||||
* Add/Edit modal with comprehensive form:
|
||||
- Basic info: name, description, category dropdown
|
||||
- Pricing: USD decimal input with dollar sign icon
|
||||
- Type selector: kit/rank/currency/command (4 buttons with color coding)
|
||||
- Image URL input (optional)
|
||||
- Delivery commands editor:
|
||||
* Dynamic list of command inputs (add/remove buttons)
|
||||
* Placeholder reference panel ({steam_id}, {player_name})
|
||||
* Example command per type (kit, rank, currency, command)
|
||||
* Font-mono for better readability
|
||||
* Minimum 1 command validation
|
||||
- Purchase limit per player (optional, NULL = unlimited)
|
||||
- Enabled toggle checkbox
|
||||
* Delete confirmation
|
||||
* CRUD operations: GET/POST/PUT/DELETE /api/webstore/items
|
||||
- UX Features:
|
||||
* Category name auto-slugifies on input (lowercase, hyphenated, URL-safe)
|
||||
* Type-specific command examples shown in context
|
||||
* Empty states for categories/items
|
||||
* Loading states with spinner
|
||||
* Responsive modal design (max-w-lg for categories, max-w-2xl for items)
|
||||
* Scrollable modal content (max-h-90vh)
|
||||
* Color-coded badges (kit=blue, rank=purple, currency=yellow, command=oxide)
|
||||
* Price validation (must be > 0)
|
||||
* Command validation (at least one non-empty command required)
|
||||
- TypeScript interfaces: StoreCategory, StoreItem (added to types/index.ts)
|
||||
- API integration: Full CRUD on /api/webstore/categories and /api/webstore/items
|
||||
- Multi-tenant enforcement: Backend scopes all queries by license_id from JWT claims
|
||||
- Delivery command placeholders: {steam_id}, {player_name}
|
||||
- Icon usage: ShoppingBag, Plus, Trash2, RefreshCw, Edit2, DollarSign, X, Tag
|
||||
Files:
|
||||
- frontend/src/views/admin/StoreItemsView.vue (NEW - 773 lines)
|
||||
- frontend/src/types/index.ts (StoreCategory, StoreItem interfaces added)
|
||||
- frontend/src/router/index.ts (route updated: /admin/store/items)
|
||||
- frontend/src/views/admin/StoreManageView.vue (DELETED - replaced by StoreItemsView)
|
||||
Commit: Pending
|
||||
Status: OPERATIONAL - License owners can manage categories and items with full delivery command configuration.
|
||||
|
||||
Phase 5 Progress: 4/4 frontend components complete (100%)
|
||||
Phase 5 Status: COMPLETE ✅
|
||||
|
||||
|
||||
[2026-02-15T20:45 UTC]
|
||||
Agent Kilo (Customer Store Frontend): COMPLETE
|
||||
|
||||
Commit: 79f5071 "feat: Add Phase 5 customer store frontend"
|
||||
Files: StoreView.vue (420 lines), types/index.ts
|
||||
Route: /s/:subdomain/store (PUBLIC, no auth)
|
||||
Features: Item browsing, category filter, PayPal checkout, Steam ID validation
|
||||
UX: Mobile-first, professional e-commerce design, gradient backgrounds
|
||||
Status: OPERATIONAL - Players can purchase items with auto-delivery
|
||||
|
||||
Phase 5 Progress: 2/4 frontend components complete (50%)
|
||||
Remaining: Item Management (Juliet), Revenue Dashboard (Lima)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user