Event Creation Wizard Screen
Component Detail
Description
Multi-step wizard screen for creating group events, guiding coordinators and peer mentors through title, date/time, duration, location, and attendee steps before a summary confirmation. Reuses wizard step primitives from the activity wizard with an additional location step and attendee management panel. All controls comply with WCAG 2.2 AA including accessible multi-select attendee pickers with Semantics labels.
event-creation-wizard-screen
Responsibilities
- Orchestrate multi-step event creation flow (title, date/time, duration, location, attendees, summary)
- Render accessible attendee multi-select picker with pre-registration and post-event capture modes
- Display location input step with optional map integration
- Enforce role guard visibility (Coordinator+ for association-level events, Peer Mentor for personal group activities)
- Show validation errors and navigate between wizard steps
Interfaces
initializeWizard(eventDraft?)
navigateToStep(stepIndex)
onStepCompleted(stepData)
onWizardSubmit(eventPayload)
onWizardCancel()
setAttendees(attendeeList)
addAttendee(userId)
removeAttendee(userId)
setLocation(locationData)
validateCurrentStep()
showStepError(field, message)
Relationships
Sub-Components (4)
First wizard step capturing the event title and optional description.
- Collect event title with accessible text field
- Collect optional event description
- Validate title is non-empty before allowing progression
Wizard step for specifying the physical or virtual location of the event with free-text and optional structured address input.
- Capture location name and address
- Support virtual/online event toggle
- Validate location before allowing progression
Accessible multi-select widget for adding event attendees from the contact and peer mentor lists. Supports both pre-registration before the event and post-event participant capture. Uses Semantics labels for screen reader compatibility per WCAG 2.2 AA.
- Search and select attendees from contacts and peer mentors
- Display selected attendee chips with remove action
- Support pre-registration and post-event attendance capture modes
- +1 more
Final wizard step presenting a read-only summary of all entered event details for confirmation before submission.
- Render all collected event data for user review
- Allow navigation back to any step for editing
- Trigger event creation on confirmation
Related Data Entities (2)
Data entities managed by this component