5th November 2025 — Select Specific Multiple Events #74

build 349 — closes #74 — commit 4d44571

Added ability to select specific individual events within a date range for display on dynamic content pages, perfect for days with multiple walks.

Where to Find It

• Dynamic Content → Events Row: New "Specific Events" selector in edit mode
• Page Editor: Event configuration between event types and filter criteria

Benefits

• Precise Control: Select exactly which events appear on specific pages
• Multiple Events Per Day: Choose individual walks when multiple occur on same day
• Curated Display: Groups can showcase specific events rather than all in date range
• Backward Compatible: Empty selection shows all events as before
• Clear Labeling: "Specific Events (leave empty to show all events within date range)"

Technical Details

Data Model:

• Add optional eventIds array to EventsData model
• Store selected event IDs for filtering

Component Enhancement:

• GroupEventSelectorComponent supports multiple selection mode
• Add multiple Input parameter and eventIds array binding
• Add eventsChange Output for emitting multiple selected events
• Update UI with multi-select dropdown when multiple=true
• Update ngModel binding for both single and multiple modes

Dynamic Content Integration:

• Add event selector UI between event types and filter criteria
• Wire selected events to EventsData.eventIds array
• Implement filterByEventIds() in Events component
• Filter only when eventIds array is populated
• Works seamlessly with existing date range and type filtering

Note: This follows two previous attempts to fix event row rendering issues, which were reverted. The final solution focuses on event selection rather than render synchronization.