// Counselor's Roadmap — month-by-month advising playbook, sourced directly from // the Student-Athlete Advising Roadmap (counselor edition). Each month lists the // items a counselor sends, organized by grade level and pillar. Every item shows // what kind of asset backs it (Doc, Video, Video + Doc, Spreadsheet) or whether // it's simply a counselor reminder. // ── Shared roadmap override store ────────────────────────────────────────── // Admins can edit each task's title + description and mark its asset uploaded. // Edits persist to localStorage and broadcast so the counselor roadmap and the // admin console stay in sync live (across the same tab and across tabs). const ROADMAP_OVR_KEY = "sasa_roadmap_overrides"; function loadRoadmapOverrides() { try { return JSON.parse(localStorage.getItem(ROADMAP_OVR_KEY) || "{}"); } catch { return {}; } } function saveRoadmapOverrides(o) { localStorage.setItem(ROADMAP_OVR_KEY, JSON.stringify(o)); window.dispatchEvent(new CustomEvent("sasa-roadmap-change")); } window.getRoadmapOverrides = loadRoadmapOverrides; window.setRoadmapOverride = (id, patch) => { const o = loadRoadmapOverrides(); o[id] = { ...(o[id] || {}), ...patch }; saveRoadmapOverrides(o); }; function useRoadmapOverrides() { const [ovr, setOvr] = useState(loadRoadmapOverrides); useEffect(() => { const h = () => setOvr(loadRoadmapOverrides()); window.addEventListener("sasa-roadmap-change", h); window.addEventListener("storage", h); return () => { window.removeEventListener("sasa-roadmap-change", h); window.removeEventListener("storage", h); }; }, []); return ovr; } window.useRoadmapOverrides = useRoadmapOverrides; // Merge a base task with any admin override (title / desc / uploaded). function mergeTask(task, overrides) { const o = overrides?.[task.id]; if (!o) return task; return { ...task, title: o.title != null && o.title !== "" ? o.title : task.title, desc: o.desc != null ? o.desc : task.desc, uploaded: o.uploaded ?? task.uploaded, }; } // Grade columns: 9 = Freshman, 10 = Sophomore, 11 = Junior, 12 = Senior const ROADMAP = [ { id: "august", label: "August", semester: "fall", tasks: [ { id: "aug-1", grade: "9", pillar: "academic", rtype: "doc", title: "Introduction to the NCAA core-course track (16 core courses)." }, { id: "aug-2", grade: "9", pillar: "recruiting", rtype: "video_doc", title: "Academics as a factor in the recruiting process.", desc: "Send early: coaches screen on GPA and core-course rigor before they ever watch film. Walk freshmen through how transcripts factor into offers and pair the video with the one-page academics checklist so families start tracking core courses now." }, { id: "aug-3", grade: "11", pillar: "recruiting", rtype: "doc", title: "Phone call & visit prep (official & unofficial) + questions to ask coaches." }, { id: "aug-4", grade: "12", pillar: "recruiting", rtype: "video", title: "The admissions process as a student-athlete. Misconceptions and strategy." }, ], }, { id: "september", label: "September", semester: "fall", tasks: [ { id: "sep-1", grade: "10", pillar: "recruiting", rtype: "video", title: "Into the Mind of a College Coach." }, { id: "sep-2", grade: "11", pillar: "recruiting", rtype: "video_doc", title: "College coach outreach & communication.", desc: "For juniors actively reaching out. The video models a first-contact email and a follow-up cadence; the doc is a fill-in template. Remind athletes to personalize each message and to CC you so you can track responses." }, { id: "sep-3", grade: "12", pillar: "recruiting", rtype: "video_doc", title: "Fallback & alternative paths for the uncommitted: dual enroll, JUCO, D3, NAIA, preferred walk-on, prep/postgrad year. No path is a failure." }, { id: "sep-4", grade: "9", pillar: "mental_health", rtype: "video", title: "Set healthy routines early — balancing school + sport with sleep, nutrition, and social life." }, { id: "sep-5", grade: "11", pillar: "mental_health", rtype: "video_doc", title: "Imposter syndrome & fear of rejection — the wall that stops kids from hitting \u2018send.\u2019" }, ], }, { id: "october", label: "October", semester: "fall", tasks: [ { id: "oct-1", grade: "9", pillar: "recruiting", rtype: "video_doc", title: "Recruiting-landscape orientation: governing bodies & divisions, levels." }, { id: "oct-2", grade: "12", pillar: "financial_aid", rtype: "doc", title: "Time to apply for FAFSA." }, ], }, { id: "november", label: "November", semester: "fall", tasks: [ { id: "nov-1", grade: "9", pillar: "academic", rtype: "doc", title: "Register with the NCAA Eligibility Center — free Profile Page (upgrade to a Certification Account if D1/D2 is likely)." }, { id: "nov-2", grade: "10", pillar: "recruiting", rtype: "video", title: "Building your student-athlete story/narrative. What makes you a recruitable student-athlete?" }, { id: "nov-3", grade: "11", pillar: "recruiting", rtype: "video", title: "Placing schools in \u201Cbuckets\u201D based on academic and athletic factors that affect recruiting timelines." }, ], }, { id: "december", label: "December", semester: "fall", tasks: [ { id: "dec-1", grade: "10", pillar: "academic", rtype: "reminder", title: "10/7 Progress: is the student on pace to finish 10 core courses (7 in English/math/science) before senior year? These grades lock in." }, ], }, { id: "january", label: "January", semester: "spring", tasks: [ { id: "jan-1", grade: "10", pillar: "recruiting", rtype: "video_doc", title: "Active vs. passive recruiting strategy." }, { id: "jan-2", grade: "11", pillar: "recruiting", rtype: "video_doc", title: "The transfer portal." }, ], }, { id: "february", label: "February", semester: "spring", tasks: [ { id: "feb-1", grade: "11", pillar: "academic", rtype: "video_doc", title: "Testing decision, SAT/ACT. Not required for NCAA, but may matter for academic & merit aid." }, ], }, { id: "march", label: "March", semester: "spring", tasks: [ { id: "mar-1", grade: "10", pillar: "recruiting", rtype: "video_doc_sheet", title: "Target lists based on athlete-specific criteria." }, ], }, { id: "april", label: "April", semester: "spring", tasks: [ { id: "apr-1", grade: "10", pillar: "financial_aid", rtype: "video_doc", title: "Scholarships & athletic aid basics — how offers, athletic aid, and revenue-sharing work now." }, ], }, { id: "may", label: "May", semester: "spring", tasks: [ { id: "may-1", grade: "9", pillar: "academic", rtype: "reminder", title: "Confirm the sophomore schedule keeps core courses on track. [9th grade, spring/summer]" }, { id: "may-2", grade: "11", pillar: "academic", rtype: "reminder", title: "By end of junior year, 10 core courses should be complete." }, { id: "may-3", grade: "10", pillar: "recruiting", rtype: "video_doc", title: "How to determine what level you belong at?" }, { id: "may-4", grade: "11", pillar: "recruiting", rtype: "video_doc", title: "Narrow the target list to reach / match / safety based on real interest received." }, { id: "may-5", grade: "12", pillar: "mental_health", rtype: "video", title: "Transition to college campus." }, ], }, { id: "june", label: "June", semester: "spring", tasks: [ { id: "jun-1", grade: "12", pillar: "academic", rtype: "reminder", title: "Upload student\u2019s final official transcript + proof of graduation to the NCAA Eligibility Center high school portal." }, ], }, ]; const PILLAR_META = { recruiting: { label: "Recruiting", color: "var(--accent)", soft: "var(--accent-soft)", ink: "var(--accent-ink)" }, mental_health: { label: "Social-Emotional (SEL)", color: "var(--teal)", soft: "var(--teal-soft)", ink: "var(--teal-ink)" }, academic: { label: "Academic", color: "var(--ink)", soft: "var(--bg-2)", ink: "var(--ink)" }, financial_aid: { label: "Financial Aid / FAFSA", color: "var(--orange)", soft: "var(--orange-soft)", ink: "#8C4000" }, }; const RES_TYPE = { doc: { label: "Doc", icon: "File", bg: "#F5F0EE", ink: "#5A2A00", upload: true }, video: { label: "Video", icon: "PlayCircle", bg: "var(--accent-soft)", ink: "var(--accent-ink)", upload: true }, video_doc: { label: "Video + Doc", icon: "Video", bg: "var(--teal-soft)", ink: "var(--teal-ink)", upload: true }, video_doc_sheet: { label: "Video + Doc + Sheet",icon: "Video", bg: "var(--teal-soft)", ink: "var(--teal-ink)", upload: true }, spreadsheet: { label: "Spreadsheet", icon: "Report", bg: "var(--success-soft)", ink: "#14504F", upload: true }, reminder: { label: "Counselor Reminder", icon: "Bell", bg: "var(--bg-2)", ink: "var(--ink-3)", upload: false }, }; const GRADE_LABEL = { "9": "9th", "10": "10th", "11": "11th", "12": "12th" }; const SEMESTER_META = { fall: { label: "Fall Semester", sub: "Aug \u2013 Dec", tagline: "Foundation \u2192 outreach \u2192 eligibility" }, spring: { label: "Spring Semester", sub: "Jan \u2013 Jun", tagline: "Targeting \u2192 aid \u2192 transition" }, }; // ── Downloadable assets on each task ──────────────────────────────────────── const ASSET_META = { video: { label: "Video", icon: "PlayCircle", open: "Play", ext: "mp4" }, doc: { label: "Doc", icon: "File", open: "Open", ext: "pdf" }, sheet: { label: "Sheet", icon: "Report", open: "Open", ext: "xlsx" }, }; const ASSETS_BY_RTYPE = { doc: ["doc"], video: ["video"], video_doc: ["video", "doc"], video_doc_sheet: ["video", "doc", "sheet"], spreadsheet: ["sheet"], reminder: [], }; function assetsFor(task) { return ASSETS_BY_RTYPE[task.rtype] || []; } function slugify(s) { return (s || "resource").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 60); } function buildAssetContent(task, kind) { const m = ASSET_META[kind]; const pillar = PILLAR_META[task.pillar]?.label || task.pillar; return [ `${m.label.toUpperCase()} — ${task.title}`, "", task.desc ? task.desc + "\n" : "", "Student Athlete Success Academy · Counselor's Roadmap", `Grade: ${GRADE_LABEL[task.grade]} · Pillar: ${pillar}`, "", "[Sample export from the roadmap prototype — replace with the uploaded file.]", ].join("\n"); } function downloadAsset(task, kind) { const m = ASSET_META[kind]; const blob = new Blob([buildAssetContent(task, kind)], { type: "text/plain" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `${slugify(task.title)}-${m.label.toLowerCase()}.txt`; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1500); } // Download + record the interaction for the Impact & Engagement reports. function downloadAndTrack(task, kind) { downloadAsset(task, kind); window.trackDownload && window.trackDownload({ source: "roadmap", refId: task.id, title: task.title, pillar: task.pillar, grade: task.grade, assetType: kind, }); } // One compact control per asset: click the label to preview, the ⤓ to download. function AssetChip({ task, kind, onOpen }) { const m = ASSET_META[kind]; const Icon = window.I[m.icon]; return (
); } // In-app preview shown when a counselor opens (not downloads) an asset. function ResourcePreviewModal({ task, kind, onClose }) { const m = ASSET_META[kind]; const meta = PILLAR_META[task.pillar]; const isVideo = kind === "video"; const PreviewIcon = window.I[isVideo ? "PlayCircle" : m.icon]; return (
{/* Preview surface */}
{isVideo ? (
) : (
{m.label.toUpperCase()} PREVIEW
)}
{GRADE_LABEL[task.grade]} grade

{task.title}

{task.desc && (

{task.desc}

)}
downloadAndTrack(task, kind)} icon={}> Download {m.label.toLowerCase()} Close
); } // Prompt shown when a counselor marks a roadmap task complete: capture roughly // how many student-athletes they shared the resource with. This reach data is // stored against the task and rolls into the Impact & Engagement reports. function ShareCountModal({ task, onCancel, onConfirm }) { const [count, setCount] = useState(3); const presets = [0, 1, 3, 5, 10, 20]; const fld = { width: 90, padding: "10px 12px", border: "1px solid var(--line-2)", borderRadius: 8, fontSize: 15, fontWeight: 600, textAlign: "center", }; return (
Marking complete

About how many student-athletes did you share this with?

{task.title}
We track this to build engagement and student-success insights for your school & district — it helps us show the real reach of the resources you share. An estimate is perfectly fine.
{presets.map(p => { const active = count === p; return ( ); })}
Or enter a number:
setCount(Math.max(0, parseInt(e.target.value || "0", 10)))} style={fld} />
student-athletes
Cancel onConfirm(task, count)} icon={}> Mark complete
); } function RoadmapView() { const [done, setDone] = useState(() => { try { return new Set(JSON.parse(localStorage.getItem("sasa_roadmap_done") || "[]")); } catch { return new Set(); } }); const [openId, setOpenId] = useState("august"); const [semester, setSemester] = useState("fall"); const [gradeFilter, setGradeFilter] = useState("All"); const [pillarFilter, setPillarFilter] = useState("all"); const [preview, setPreview] = useState(null); // { task, kind } const [sharePrompt, setSharePrompt] = useState(null); // task awaiting share count const overrides = useRoadmapOverrides(); const events = useEvents(); // Latest recorded share count per task (drives the "shared with N" chip) const shareByTask = useMemo(() => { const m = {}; events.forEach(e => { if (e.type === "share" && e.source === "roadmap") m[e.refId] = e.students; }); return m; }, [events]); const RTYPE_ASSET = { doc: "doc", video: "video", video_doc: "video", video_doc_sheet: "video", spreadsheet: "sheet", reminder: null }; useEffect(() => { localStorage.setItem("sasa_roadmap_done", JSON.stringify([...done])); }, [done]); const toggleDone = (id) => { setDone(prev => { const n = new Set(prev); if (n.has(id)) n.delete(id); else n.add(id); return n; }); }; // Completing a task opens the share-count prompt (except plain reminders, // which have no resource to share); unchecking is immediate. const requestToggle = (task) => { if (done.has(task.id)) { toggleDone(task.id); return; } if (task.rtype === "reminder") { toggleDone(task.id); window.trackComplete({ source: "roadmap", refId: task.id, title: task.title, pillar: task.pillar, grade: task.grade, assetType: null }); return; } setSharePrompt(task); }; const confirmShare = (task, students) => { toggleDone(task.id); const assetType = RTYPE_ASSET[task.rtype] || "doc"; window.trackShare({ source: "roadmap", refId: task.id, title: task.title, pillar: task.pillar, grade: task.grade, assetType, students }); window.trackComplete({ source: "roadmap", refId: task.id, title: task.title, pillar: task.pillar, grade: task.grade, assetType }); setSharePrompt(null); }; const filterTasks = (tasks) => tasks.filter(t => { if (gradeFilter !== "All" && t.grade !== gradeFilter) return false; if (pillarFilter !== "all" && t.pillar !== pillarFilter) return false; return true; }); const visibleMonths = ROADMAP.filter(m => m.semester === semester); const allTasks = ROADMAP.flatMap(m => m.tasks); const totalCount = allTasks.length; const doneCount = allTasks.filter(t => done.has(t.id)).length; const pct = totalCount ? Math.round((doneCount / totalCount) * 100) : 0; const semesterStats = useMemo(() => { const stats = {}; ["fall", "spring"].forEach(s => { const tasks = ROADMAP.filter(m => m.semester === s).flatMap(m => m.tasks); stats[s] = { total: tasks.length, done: tasks.filter(t => done.has(t.id)).length }; }); return stats; }, [done]); return ( <>
{doneCount} / {totalCount} complete
} />
{/* Semester toggle */}
{["fall", "spring"].map(s => { const meta = SEMESTER_META[s]; const stats = semesterStats[s]; const active = semester === s; const semPct = stats.total ? (stats.done / stats.total) * 100 : 0; return ( ); })}
{/* Filter strip */}
{/* Semester section header */}

{SEMESTER_META[semester].label}

{SEMESTER_META[semester].sub} · {visibleMonths.length} months
{/* Month detail blocks */}
{visibleMonths.map(m => { const tasks = filterTasks(m.tasks); const isOpen = openId === "ALL" || openId === m.id; const monthDone = m.tasks.filter(t => done.has(t.id)).length; return ( setOpenId(openId === m.id ? null : m.id)} done={done} onTaskToggle={requestToggle} shareByTask={shareByTask} overrides={overrides} onOpenAsset={(task, kind) => setPreview({ task, kind })} /> ); })}
{preview && ( setPreview(null)} /> )} {sharePrompt && ( setSharePrompt(null)} onConfirm={confirmShare} /> )} ); } function FilterGroup({ label, value, onChange, options }) { return (
{label}
{options.map(o => { const active = value === o.v; return ( ); })}
); } function MonthBlock({ month, tasks, totalTasks, doneCount, isOpen, onToggle, done, onTaskToggle, shareByTask, overrides, onOpenAsset }) { // order tasks by grade so counselors read youngest -> oldest const ordered = [...tasks].sort((a, b) => Number(a.grade) - Number(b.grade)); return (
{isOpen && (
{ordered.length === 0 ? (
No items match the current filters for this month.
) : (
{ordered.map((t, i) => ( ))}
)}
)}
); } function TaskRow({ task: baseTask, done, onToggle, shareCount, isLast, overrides, onOpenAsset }) { const task = mergeTask(baseTask, overrides); const meta = PILLAR_META[task.pillar]; const rt = RES_TYPE[task.rtype]; const assets = assetsFor(task); const hasDesc = !!(task.desc && task.desc.trim()); const [descOpen, setDescOpen] = useState(false); return (
{GRADE_LABEL[task.grade]}
{task.title}
{/* Downloadable resources — open or download right here */} {assets.length > 0 && (
{assets.map(kind => ( onOpenAsset(task, k)} /> ))}
)} {/* Recorded reach from the completion prompt */} {done && shareCount != null && (
{`Shared with ${shareCount} ${shareCount === 1 ? "student-athlete" : "student-athletes"}`}
)}
{/* Reminder tag (no downloadable assets) + description dropdown toggle */}
{assets.length === 0 && } {hasDesc && ( )}
{/* Admin-authored description */} {hasDesc && descOpen && (
Counselor note
{task.desc}
)}
); } function PillarChip({ meta }) { return (
{meta.label}
); } function ResTypeBadge({ rt }) { const Icon = window.I[rt.icon]; return (
{rt.label}
); } window.ROADMAP_DATA = ROADMAP; window.ROADMAP_PILLARS = PILLAR_META; window.ROADMAP_RES_TYPE = RES_TYPE; window.RoadmapView = RoadmapView;