takeone/TODO_affiliations.md

1.3 KiB

TODO: Implement Affiliations Tab

Backend Implementation

  • Create ClubAffiliation model and migration
  • Create SkillAcquisition model and migration
  • Create AffiliationMedia model and migration
  • Update User model with clubAffiliations relationship
  • Update FamilyController::profile() to fetch affiliations data and summary stats
  • Add club_affiliation_id to TournamentEvent model and migration

Frontend Implementation

  • Update show.blade.php affiliations tab content
  • Implement horizontal timeline with clickable nodes
  • Add dynamic skills wheel using Chart.js Polar Area
  • Create affiliation details panel
  • Add summary stats above timeline
  • Ensure responsive design (desktop side-by-side, mobile stacked)
  • Add Alpine.js for timeline interactions
  • Implement keyboard navigation and accessibility
  • Add club affiliation column to tournament table

Testing & Deployment

  • Run migrations to create database tables
  • Add sample data for demonstration
  • Add calculated duration display to timeline cards (as badges)
  • Test timeline navigation and skills wheel updates
  • Verify responsive design on different screen sizes
  • Add "Add Tournament Participation" button with modal functionality