crowd-funder-for-time-pwa

1904 Commits

67 Branches

23 Tags

457 MiB

Tree: f4856f48aa

Commit Graph

Author	SHA1	Message	Date
Matthew Raymer	f4856f48aa	fix: AmountInput increment/decrement buttons not working - Fixed input field binding from :value to v-model for proper two-way binding - Input field now properly reflects programmatic value changes from buttons - Simplified handleInput method to work with v-model synchronization - Fixed vite.config.mts fs alias to resolve worker import issues - Applied ESLint formatting fixes across all component files - Maintains comprehensive debugging logs for event flow tracing The issue was that :value creates one-way binding, so when increment/decrement methods updated displayValue programmatically, Vue wasn't updating the DOM. v-model creates proper two-way binding that synchronizes both directions.	2 weeks ago
Matthew Raymer	d9b168bf2a	fix: Replace Vue emits option with @Emit decorators for vue-facing-decorator compatibility - ✅ Fixed AmountInput.vue increment/decrement functionality - ✅ Updated all components to use @Emit decorators instead of emits option - ✅ Fixed import paths to use relative imports instead of @ aliases - ✅ Resolved TypeScript/linter errors for property access - ✅ Improved component communication reliability Components updated: - AmountInput.vue: @Emit('update:value') for v-model compatibility - GiftDetailsStep.vue: All form events use @Emit decorators - EntitySelectionStep.vue: Fixed imports and entity selection events - EntitySummaryButton.vue: Fixed imports and edit events - ProjectCard.vue: Fixed imports and project selection events - PersonCard.vue: Fixed imports and person selection events - EntityGrid.vue: Fixed imports and entity delegation events - SpecialEntityCard.vue: Fixed imports and special entity events Technical improvements: - Proper vue-facing-decorator compatibility - Cleaner event handling with decorator pattern - Better TypeScript support for component events - Eliminated Vue warnings about undeclared emits - Improved maintainability with consistent event patterns The incrementor functionality should now work correctly with proper event propagation.	2 weeks ago
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

Author

SHA1

Message

Date

Matthew Raymer

f4856f48aa

fix: AmountInput increment/decrement buttons not working

- Fixed input field binding from :value to v-model for proper two-way binding
- Input field now properly reflects programmatic value changes from buttons
- Simplified handleInput method to work with v-model synchronization
- Fixed vite.config.mts fs alias to resolve worker import issues
- Applied ESLint formatting fixes across all component files
- Maintains comprehensive debugging logs for event flow tracing

The issue was that :value creates one-way binding, so when increment/decrement
methods updated displayValue programmatically, Vue wasn't updating the DOM.
v-model creates proper two-way binding that synchronizes both directions.

2 weeks ago

Matthew Raymer

d9b168bf2a

fix: Replace Vue emits option with @Emit decorators for vue-facing-decorator compatibility

- ✅ Fixed AmountInput.vue increment/decrement functionality
- ✅ Updated all components to use @Emit decorators instead of emits option
- ✅ Fixed import paths to use relative imports instead of @ aliases
- ✅ Resolved TypeScript/linter errors for  property access
- ✅ Improved component communication reliability

Components updated:
- AmountInput.vue: @Emit('update:value') for v-model compatibility
- GiftDetailsStep.vue: All form events use @Emit decorators
- EntitySelectionStep.vue: Fixed imports and entity selection events
- EntitySummaryButton.vue: Fixed imports and edit events
- ProjectCard.vue: Fixed imports and project selection events
- PersonCard.vue: Fixed imports and person selection events
- EntityGrid.vue: Fixed imports and entity delegation events
- SpecialEntityCard.vue: Fixed imports and special entity events

Technical improvements:
- Proper vue-facing-decorator compatibility
- Cleaner event handling with decorator pattern
- Better TypeScript support for component events
- Eliminated Vue warnings about undeclared emits
- Improved maintainability with consistent event patterns

The incrementor functionality should now work correctly with proper event propagation.

2 weeks ago

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

3 Commits (f4856f48aaeb7459be8b24cda8d7dca72e3d5d0b)