crowd-funder-for-time-pwa

1897 Commits

67 Branches

23 Tags

457 MiB

Tree: a559fd3318

Commit Graph

Author	SHA1	Message	Date
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

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

2 Commits (a559fd3318e45f87b8f9688f29f351d3fa81f7e6)