CourseDetailScreen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Presents full details of a selected course including description, prerequisites, schedule, and certification outcomes. Provides the entry point for initiating the registration workflow. Reflects real-time enrollment availability.
course-detail-screen
Sources & reasoning
Line 114 explicitly lists in-app course enrollment as an HLF certification requirement; line 124 confirms Barnekreftforeningen shares the need for onboarding training. The priority matrix (line 155) assigns SHOULD HAVE in Phase 3 (column value 3), which maps to v1.1 by ordinal. Line 355 confirms Phase 3 roadmap placement.
-
docs/source/likeperson.md · line 114Kursadministrasjon og sertifisering: Påmelding til kurs i appen, automatisk påminnelse ved utløp, digitale sertifikater. Det fysiske kortet er et «adelsmerke» og skal leve parallelt.
-
docs/source/likeperson.md · line 124Kursadministrasjon (delt med HLF) for opplæring av nye likepersoner og oppfølgingskurs.
-
docs/source/likeperson.md · line 155| Kursadministrasjon / sertifisering | ✓ | - | - | ✓ | ✓ | SHOULD (HLF + Barnekreft) | 3 |
-
docs/source/likeperson.md · line 355Kursadministrasjon og sertifisering (HLF + Barnekreftforeningen)
Responsibilities
- Display complete course metadata including duration, prerequisites, and certification info
- Show current enrollment capacity and availability status
- Render the registration call-to-action and trigger registration flow
- Display confirmation state after successful enrollment
Interfaces
loadCourseDetail(courseId: string): Promise<CourseDetail>
initiateRegistration(courseId: string): void
displayEnrollmentConfirmation(enrollment: Enrollment): void
Related Data Entities (2)
Data entities managed by this component