// ===== m9-qualifications.jsx ===== // M9 · Qualifications — FR1 training & certification records, FR5 near-qualified const { React, Card, Btn, IconBtn, StatusChip, Avatar, Kpi, Progress, Field, Input, Textarea, Select, Checkbox, Toggle, Tabs, Empty, SectionHead, TopBar, IconPlus, IconCheck, IconX, IconArrow, IconArrowL, IconDownload, IconUpload, IconBook, IconClock, IconUsers, IconAward, IconShield, IconSearch, IconFilter, IconBell, IconStar, IconEdit, IconExternal, IconMore, IconMail, IconFlag, VOLUNTEERS, } = window; const { useState: useQ9, useMemo: useQ9M } = React; const q_over = { fontSize: 11, letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--fg-3)", fontWeight: 500 }; const q_meta = { fontSize: 11, color: "var(--fg-3)" }; // Qualification TYPES — tenant-configurable const QUAL_TYPES = [ { id: "qt-firstaid", category: "Certification", name: "CPR / First Aid (Red Cross)", source: "External", validYears: 2, renewable: true, evidence: "required", holders: 186, expiring30: 12, expired: 4 }, { id: "qt-rmnaturalist", category: "Certification", name: "Rocky Mountain Naturalist", source: "External (CSU Extension)", validYears: 5, renewable: true, evidence: "required", holders: 24, expiring30: 0, expired: 1 }, { id: "qt-wingshooter", category: "Certification", name: "Wingshooter Instructor", source: "External (Kalkomey)", validYears: 3, renewable: true, evidence: "required", holders: 8, expiring30: 1, expired: 0 }, { id: "qt-camphost", category: "Training", name: "Camp host orientation", source: "CPW LMS", validYears: 1, renewable: true, evidence: "auto", holders: 124, expiring30: 18, expired: 0 }, { id: "qt-trail", category: "Training", name: "Trail crew safety", source: "CPW LMS", validYears: 1, renewable: true, evidence: "auto", holders: 86, expiring30: 8, expired: 2 }, { id: "qt-hunter-meth", category: "Training", name: "Hunter ed methodology", source: "CPW LMS", validYears: 3, renewable: true, evidence: "auto", holders: 22, expiring30: 0, expired: 0 }, { id: "qt-handbook", category: "Onboarding", name: "Volunteer handbook acknowledgment", source: "Acknowledgment", validYears: null, renewable: false, evidence: "auto", holders: 4127, expiring30: 0, expired: 0 }, { id: "qt-sales", category: "Training", name: "CPW customer/sales platform", source: "External (CPW IT)", validYears: 2, renewable: true, evidence: "required", holders: 38, expiring30: 4, expired: 1 }, { id: "qt-lang-spanish", category: "Language", name: "Spanish (conversational)", source: "Self-disclosed", validYears: null, renewable: false, evidence: "optional", holders: 142, expiring30: 0, expired: 0 }, { id: "qt-lang-spanish-pro", category: "Language", name: "Spanish (professional)", source: "Self-disclosed", validYears: null, renewable: false, evidence: "review", holders: 28, expiring30: 0, expired: 0 }, { id: "qt-asl", category: "Language", name: "American Sign Language", source: "Self-disclosed", validYears: null, renewable: false, evidence: "optional", holders: 6, expiring30: 0, expired: 0 }, { id: "qt-skill-photo", category: "Skill", source: "Self-disclosed", name: "Wildlife photography", validYears: null, renewable: false, evidence: "optional", holders: 18, expiring30: 0, expired: 0 }, { id: "qt-skill-bird", category: "Skill", source: "Self-disclosed", name: "Bird identification", validYears: null, renewable: false, evidence: "optional", holders: 32, expiring30: 0, expired: 0 }, ]; // Sample volunteer-held qualifications (for record view) const QUAL_RECORDS = [ { vol: "v-arenas", type: "qt-firstaid", completed: "Mar 8, 2024", certDate: "Mar 8, 2024", expires: "Mar 8, 2026", status: "expired", source: "Uploaded · red-cross-card.pdf", staffNote: "Following up on renewal." }, { vol: "v-arenas", type: "qt-camphost", completed: "Apr 14, 2026", certDate: "Apr 14, 2026", expires: "Apr 14, 2027", status: "active", source: "CPW LMS · auto-issued", staffNote: "" }, { vol: "v-arenas", type: "qt-handbook", completed: "Mar 14, 2018", certDate: "Mar 14, 2018", expires: null, status: "active", source: "Acknowledgment", staffNote: "" }, { vol: "v-arenas", type: "qt-lang-spanish-pro", completed: "Self · May 1, 2026", certDate: null, expires: null, status: "pending", source: "Self-disclosed", staffNote: "Awaiting review by Priya." }, { vol: "v-okonkwo", type: "qt-firstaid", completed: "May 12, 2024", certDate: "May 12, 2024", expires: "May 12, 2026", status: "expiring", source: "Uploaded · red-cross-card.pdf", staffNote: "Reminder sent May 1." }, { vol: "v-okonkwo", type: "qt-hunter-meth",completed: "Jan 4, 2024", certDate: "Jan 4, 2024", expires: "Jan 4, 2027", status: "active", source: "CPW LMS · auto-issued", staffNote: "" }, { vol: "v-okonkwo", type: "qt-wingshooter",completed: "Sep 4, 2022", certDate: "Sep 4, 2022", expires: "Sep 4, 2025", status: "expired", source: "Kalkomey export", staffNote: "Renewal class scheduled Jun 14." }, { vol: "v-mendez", type: "qt-firstaid", completed: "Jun 14, 2025", certDate: "Jun 14, 2025", expires: "Jun 14, 2027", status: "active", source: "Uploaded · red-cross-card.pdf", staffNote: "" }, { vol: "v-mendez", type: "qt-trail", completed: "Mar 30, 2025", certDate: "Mar 30, 2025", expires: "Mar 30, 2026", status: "expired", source: "CPW LMS", staffNote: "Auto-paused trail-crew signups." }, ]; // Self-submitted qualifications awaiting staff review const PENDING_SUBMISSIONS = [ { id: "ps-1", vol: "v-arenas", type: "qt-lang-spanish-pro", submitted: "Today, 8:14 am", evidence: "Resume + cert from Middlebury", note: "Worked 2 years at a bilingual school." }, { id: "ps-2", vol: "v-kowalski", type: "qt-skill-photo", submitted: "Yest, 4:42 pm", evidence: "Portfolio link", note: "Have published wildlife photos in CO Outdoors mag." }, { id: "ps-3", vol: "v-tovar", type: "qt-firstaid", submitted: "Mon, 10:22 am", evidence: "red-cross-renewed-may.pdf", note: "Renewed last week, here's the new card." }, ]; // Near-qualified records — vol is missing ONE thing to qualify for role const NEAR_QUALIFIED = [ { vol: "v-arenas", role: "Trail crew", site: "Lory SP", missing: ["Trail crew safety (overdue · renew)"], ready: 5, total: 6 }, { vol: "v-okonkwo", role: "Camp host", site: "Boyd Lake SP", missing: ["First aid / CPR — expires May 12 (renew)"], ready: 4, total: 5 }, { vol: "v-kowalski",role: "Naturalist", site: "Roxborough SP",missing: ["Naturalist program training (CSU Extension)"], ready: 3, total: 4 }, { vol: "v-mendez", role: "Trail crew", site: "Lake Pueblo SP", missing: ["Trail crew safety (renew)"], ready: 5, total: 6 }, { vol: "v-walsh", role: "Hunter ed instructor", site: "Boulder field office", missing: ["Wingshooter Instructor cert", "First aid / CPR"], ready: 2, total: 4 }, { vol: "v-park", role: "Camp host", site: "Boyd Lake SP", missing: ["Camp host orientation (overdue)"], ready: 4, total: 5 }, ]; // ============================================================ // ROOT // ============================================================ const OrgQualifications = ({ go }) => { const [tab, setTab] = useQ9("types"); return ( <> New qualification type} secondary={Export} />
{tab === "types" && } {tab === "records" && } {tab === "review" && } {tab === "near" && } {tab === "expiring" && }
); }; const IconClipboard = window.IconClipboard; // ---- TYPES ---- const TypesTab = () => { const [cat, setCat] = useQ9("all"); const filtered = cat === "all" ? QUAL_TYPES : QUAL_TYPES.filter(q => q.category === cat); return ( <>
{["all", "Certification", "Training", "Language", "Skill", "Onboarding"].map(c => ( ))}
QualificationCategorySourceValidityEvidenceHoldersExpiring 30dExpired
{filtered.map((q, i, arr) => (
{q.name}
{q.renewable ? "Renewable" : "Lifetime"}
{q.category} {q.source} {q.validYears ? `${q.validYears} yr` : "Lifetime"} {q.evidence} {q.holders.toLocaleString()} 0 ? "var(--amber-600)" : "var(--fg-3)", fontWeight: q.expiring30 > 0 ? 500 : 400 }}>{q.expiring30} 0 ? "var(--crimson-600)" : "var(--fg-3)", fontWeight: q.expired > 0 ? 500 : 400 }}>{q.expired}
))} ); }; function catBg(c) { if (c === "Certification") return "var(--amber-100)"; if (c === "Training") return "var(--iris-100)"; if (c === "Language") return "var(--sage-100)"; if (c === "Skill") return "var(--coral-100)"; if (c === "Onboarding") return "var(--paper-deep)"; return "var(--paper-deep)"; } function catFg(c) { if (c === "Certification") return "var(--amber-600)"; if (c === "Training") return "var(--iris-600)"; if (c === "Language") return "var(--sage-700)"; if (c === "Skill") return "var(--coral-700)"; return "var(--fg-2)"; } // ---- RECORDS ---- const RecordsTab = ({ go }) => (
VolunteerQualificationCompletedExpiresStatusSource
{QUAL_RECORDS.map((r, i, arr) => { const v = VOLUNTEERS.find(x => x.id === r.vol); const t = QUAL_TYPES.find(x => x.id === r.type); if (!v || !t) return null; return (
go("volunteer/" + v.id)} style={{ display: "grid", gridTemplateColumns: "minmax(180px, 1.4fr) minmax(180px, 1.4fr) 120px 110px 100px 120px 36px", gap: 14, padding: "13px 18px", alignItems: "center", borderBottom: i === arr.length - 1 ? "none" : "1px solid var(--border-soft)", cursor: "pointer", fontSize: 13 }}>
{v.name}
{t.name}
{t.category}
{r.completed} {r.expires || "—"} {r.source.split(" · ")[0]}
); })} ); // ---- REVIEW ---- const ReviewTab = ({ go }) => ( <>

Volunteer-submitted qualifications awaiting staff review. Approve, reject, or request more evidence. Approved records become active and may unblock role eligibility.

VolunteerQualificationEvidence + noteSubmittedAction
{PENDING_SUBMISSIONS.map((s, i, arr) => { const v = VOLUNTEERS.find(x => x.id === s.vol); const t = QUAL_TYPES.find(x => x.id === s.type); if (!v || !t) return null; return (
go("volunteer/" + v.id)} style={{ display: "flex", gap: 10, alignItems: "center", cursor: "pointer" }}> {v.name}
{t.name}
{t.category}
{s.note}
📎 {s.evidence}
{s.submitted}
Reject More info Approve
); })} ); // ---- NEAR-QUALIFIED (FR5) ---- const NearQualifiedTab = ({ go }) => { const [role, setRole] = useQ9("all"); const roles = Array.from(new Set(NEAR_QUALIFIED.map(n => n.role))); const filtered = role === "all" ? NEAR_QUALIFIED : NEAR_QUALIFIED.filter(n => n.role === role); return ( <>

Volunteers who only need one or two more qualifications to qualify for a role. Use this to target Help Needed outreach and reduce time-to-active.