crowd-funder-for-time-pwa

1898 Commits

67 Branches

23 Tags

457 MiB

Tree: e5b622f575

Commit Graph

Author	SHA1	Message	Date
Matthew Raymer	e5b622f575	feat: Phase 3 - Extract step components from GiftedDialog - Create EntitySelectionStep.vue for complete step 1 interface * Dynamic step labeling based on context (giver/recipient/projects) * EntityGrid integration for unified entity display * Conflict detection and prevention with visual feedback * Special entity handling (You, Unnamed) with proper conditions * Show All navigation with context preservation through query params * Cancel functionality with event delegation * Comprehensive prop interface for all dialog contexts - Create GiftDetailsStep.vue for complete step 2 interface * Entity summary display using EntitySummaryButton components * Gift description input with placeholder support * AmountInput integration with increment/decrement controls * Unit code selection (HUR, USD, BTC, BX, ETH) * Photo & more options navigation with computed route * Conflict detection and warning display * Form validation and submission with disabled states * Local reactive state management with prop synchronization * Edit entity functionality with structured events - Update GiftedDialog-Decomposition-Plan.md * Mark Phase 3 as completed with detailed specifications * Add comprehensive integration examples for step components * Update component count and progress tracking * Add usage patterns for EntitySelectionStep and GiftDetailsStep * Update project status to 'Integration Phase Ready' Phase 3 completes the major UI section extraction, creating two comprehensive step components that can directly replace the existing step logic in GiftedDialog. These components maintain all existing functionality while providing clean, testable interfaces. Components: 9 total (4 Phase 1 + 3 Phase 2 + 2 Phase 3) Next: Integration phase - Replace GiftedDialog step logic with new components	2 weeks ago
Matthew Raymer	a559fd3318	feat: Phase 2 - Extract layout components from GiftedDialog - Create EntityGrid.vue for unified entity grid layout * Responsive grid layout for people and projects * Integrates special entities (You, Unnamed) seamlessly * Conflict detection integration with prop-based checker * Empty state messaging based on entity type * Show All navigation with query parameter support * Event delegation for all entity selection types * Configurable display limits and grid columns - Create SpecialEntityCard.vue for special entity handling * Handles 'You' and 'Unnamed' entity types * FontAwesome icon integration with configurable styling * Conflict state handling with visual feedback * Entity-type-specific color schemes (blue for You, gray for Unnamed) * Emits structured events with entity data - Create ShowAllCard.vue for navigation functionality * Router-link integration with query parameter passing * Consistent visual styling with other entity cards * Hover effects and animations * Maintains context through configurable route params - Update GiftedDialog-Decomposition-Plan.md * Mark Phase 2 as completed * Add comprehensive integration examples * Update component specifications with actual props/emits * Add EntityGrid, SpecialEntityCard, and ShowAllCard usage patterns * Update project status and next steps Phase 2 creates reusable layout components that can replace the complex grid logic in GiftedDialog. The EntityGrid component provides a clean API for entity selection while maintaining all existing functionality. Components: 7 total (4 Phase 1 + 3 Phase 2) Next: Integration phase - Update GiftedDialog to use new components	2 weeks ago
Matthew Raymer	4e7dc36ecc	feat: Phase 1 - Extract display components from GiftedDialog - Create PersonCard.vue for individual person entity display * Handles selection states and conflict detection * Includes time icon overlay for contacts * Emits person-selected events - Create ProjectCard.vue for individual project entity display * Shows project icon, name, and issuer information * Handles project selection events * Reusable for project listings - Create EntitySummaryButton.vue for selected entity display * Supports both person and project entities * Shows editable vs locked states with appropriate icons * Handles edit-requested events for step 2 functionality - Create AmountInput.vue for numeric input with controls * Increment/decrement buttons with validation * Configurable min/max values and step size * v-model compatible for form integration * Proper input validation and boundary checking - Add comprehensive GiftedDialog-Decomposition-Plan.md * Documents complete 4-phase refactoring strategy * Provides implementation progress tracking * Includes integration examples and migration strategy * Outlines benefits: maintainability, testability, reusability This Phase 1 extraction creates reusable display components that can be immediately integrated into GiftedDialog and used throughout the app. The incremental approach reduces refactoring risk while preparing for future Pinia state management integration. Next: Phase 2 - Extract layout components (EntityGrid, SpecialEntityCard)	2 weeks ago

Author

SHA1

Message

Date

Matthew Raymer

e5b622f575

feat: Phase 3 - Extract step components from GiftedDialog

- Create EntitySelectionStep.vue for complete step 1 interface
  * Dynamic step labeling based on context (giver/recipient/projects)
  * EntityGrid integration for unified entity display
  * Conflict detection and prevention with visual feedback
  * Special entity handling (You, Unnamed) with proper conditions
  * Show All navigation with context preservation through query params
  * Cancel functionality with event delegation
  * Comprehensive prop interface for all dialog contexts

- Create GiftDetailsStep.vue for complete step 2 interface
  * Entity summary display using EntitySummaryButton components
  * Gift description input with placeholder support
  * AmountInput integration with increment/decrement controls
  * Unit code selection (HUR, USD, BTC, BX, ETH)
  * Photo & more options navigation with computed route
  * Conflict detection and warning display
  * Form validation and submission with disabled states
  * Local reactive state management with prop synchronization
  * Edit entity functionality with structured events

- Update GiftedDialog-Decomposition-Plan.md
  * Mark Phase 3 as completed with detailed specifications
  * Add comprehensive integration examples for step components
  * Update component count and progress tracking
  * Add usage patterns for EntitySelectionStep and GiftDetailsStep
  * Update project status to 'Integration Phase Ready'

Phase 3 completes the major UI section extraction, creating two
comprehensive step components that can directly replace the existing
step logic in GiftedDialog. These components maintain all existing
functionality while providing clean, testable interfaces.

Components: 9 total (4 Phase 1 + 3 Phase 2 + 2 Phase 3)
Next: Integration phase - Replace GiftedDialog step logic with new components

2 weeks ago

Matthew Raymer

a559fd3318

feat: Phase 2 - Extract layout components from GiftedDialog

- Create EntityGrid.vue for unified entity grid layout
  * Responsive grid layout for people and projects
  * Integrates special entities (You, Unnamed) seamlessly
  * Conflict detection integration with prop-based checker
  * Empty state messaging based on entity type
  * Show All navigation with query parameter support
  * Event delegation for all entity selection types
  * Configurable display limits and grid columns

- Create SpecialEntityCard.vue for special entity handling
  * Handles 'You' and 'Unnamed' entity types
  * FontAwesome icon integration with configurable styling
  * Conflict state handling with visual feedback
  * Entity-type-specific color schemes (blue for You, gray for Unnamed)
  * Emits structured events with entity data

- Create ShowAllCard.vue for navigation functionality
  * Router-link integration with query parameter passing
  * Consistent visual styling with other entity cards
  * Hover effects and animations
  * Maintains context through configurable route params

- Update GiftedDialog-Decomposition-Plan.md
  * Mark Phase 2 as completed
  * Add comprehensive integration examples
  * Update component specifications with actual props/emits
  * Add EntityGrid, SpecialEntityCard, and ShowAllCard usage patterns
  * Update project status and next steps

Phase 2 creates reusable layout components that can replace the complex
grid logic in GiftedDialog. The EntityGrid component provides a clean
API for entity selection while maintaining all existing functionality.

Components: 7 total (4 Phase 1 + 3 Phase 2)
Next: Integration phase - Update GiftedDialog to use new components

2 weeks ago

Matthew Raymer

4e7dc36ecc

feat: Phase 1 - Extract display components from GiftedDialog

- Create PersonCard.vue for individual person entity display
  * Handles selection states and conflict detection
  * Includes time icon overlay for contacts
  * Emits person-selected events

- Create ProjectCard.vue for individual project entity display
  * Shows project icon, name, and issuer information
  * Handles project selection events
  * Reusable for project listings

- Create EntitySummaryButton.vue for selected entity display
  * Supports both person and project entities
  * Shows editable vs locked states with appropriate icons
  * Handles edit-requested events for step 2 functionality

- Create AmountInput.vue for numeric input with controls
  * Increment/decrement buttons with validation
  * Configurable min/max values and step size
  * v-model compatible for form integration
  * Proper input validation and boundary checking

- Add comprehensive GiftedDialog-Decomposition-Plan.md
  * Documents complete 4-phase refactoring strategy
  * Provides implementation progress tracking
  * Includes integration examples and migration strategy
  * Outlines benefits: maintainability, testability, reusability

This Phase 1 extraction creates reusable display components that can be
immediately integrated into GiftedDialog and used throughout the app.
The incremental approach reduces refactoring risk while preparing for
future Pinia state management integration.

Next: Phase 2 - Extract layout components (EntityGrid, SpecialEntityCard)

2 weeks ago

3 Commits (e5b622f575d41a9a1eb81ebc4af7a5b0929f9172)