New page: Tryouts — history + upcoming with Kings/Queens toggle #92

Closed
opened 2026-03-26 23:49:44 +00:00 by forgejo_admin · 4 comments

Type

Feature

Lineage

Part of public site evolution. Parent note: westside-playground-overhaul

Repo

forgejo_admin/westside-playground

User Story

As a prospective parent, I want to see tryout history and upcoming dates so I know when to sign up and can see the program is organized and active.

story:WS-S26

Context

Tryouts page shows history of past tryouts with results, plus upcoming tryouts when active. Kings/Queens toggle at top to switch between boys and girls tryout info. When no upcoming tryouts, the page still shows history and creates FOMO ("just missed it, see the teams that formed").

File Targets

Files to create:

  • tryouts.html — Kings/Queens toggle. Sections: Upcoming (or "None scheduled"), Past Tryouts (with dates, locations, player counts, links to teams), Next Season info.

Past tryout data:

  • Kings: March 13, 2026 — Kongo Basketball Gym, Farmington. 53 players evaluated. 5 teams formed.
  • Queens: March 24, 2026 — Kongo Basketball Gym. Evaluation held, rosters announced.

Acceptance Criteria

  • tryouts.html exists with Kings/Queens toggle
  • Past tryouts show real data (dates, locations, outcomes)
  • "No upcoming tryouts" shown when none active
  • Links to Teams page from tryout results
  • Nav updated on ALL pages to include Tryouts
  • Toggle is a prominent two-button switch at top of content

Test Expectations

  • Toggle switches content between Kings and Queens
  • All links resolve
  • Visual on 390px

Constraints

  • Kings/Queens toggle is light JS in shared/app.js (show/hide sections)
  • Uses shared/style.css
  • Component doc at top
  • Mobile-first

Checklist

  • Page created
  • Toggle works
  • Nav updated everywhere
  • Lucas phone review
  • westside-playground-overhaul
### Type Feature ### Lineage Part of public site evolution. Parent note: `westside-playground-overhaul` ### Repo `forgejo_admin/westside-playground` ### User Story As a prospective parent, I want to see tryout history and upcoming dates so I know when to sign up and can see the program is organized and active. story:WS-S26 ### Context Tryouts page shows history of past tryouts with results, plus upcoming tryouts when active. Kings/Queens toggle at top to switch between boys and girls tryout info. When no upcoming tryouts, the page still shows history and creates FOMO ("just missed it, see the teams that formed"). ### File Targets Files to create: - `tryouts.html` — Kings/Queens toggle. Sections: Upcoming (or "None scheduled"), Past Tryouts (with dates, locations, player counts, links to teams), Next Season info. Past tryout data: - Kings: March 13, 2026 — Kongo Basketball Gym, Farmington. 53 players evaluated. 5 teams formed. - Queens: March 24, 2026 — Kongo Basketball Gym. Evaluation held, rosters announced. ### Acceptance Criteria - [ ] `tryouts.html` exists with Kings/Queens toggle - [ ] Past tryouts show real data (dates, locations, outcomes) - [ ] "No upcoming tryouts" shown when none active - [ ] Links to Teams page from tryout results - [ ] Nav updated on ALL pages to include Tryouts - [ ] Toggle is a prominent two-button switch at top of content ### Test Expectations - [ ] Toggle switches content between Kings and Queens - [ ] All links resolve - [ ] Visual on 390px ### Constraints - Kings/Queens toggle is light JS in `shared/app.js` (show/hide sections) - Uses `shared/style.css` - Component doc at top - Mobile-first ### Checklist - [ ] Page created - [ ] Toggle works - [ ] Nav updated everywhere - [ ] Lucas phone review ### Related - `westside-playground-overhaul`
Author
Owner

Scope Review: NEEDS_REFINEMENT

Review note: review-407-2026-03-25
Ticket is well-structured with all template sections present, but has three issues blocking READY status.

  • Repo mismatch: Issue filed on westside-app but scope targets westside-playground. Re-file or document the convention.
  • Nav file list missing: "Nav updated on ALL pages" doesn't enumerate which HTML files to modify. Agent needs explicit targets.
  • Kings/Queens toggle shared dependency undocumented: Three tickets (#407, #408, #410) all need the same toggle pattern. First to land should build the reusable version in app.js — none of them document this.
## Scope Review: NEEDS_REFINEMENT Review note: `review-407-2026-03-25` Ticket is well-structured with all template sections present, but has three issues blocking READY status. - **Repo mismatch**: Issue filed on `westside-app` but scope targets `westside-playground`. Re-file or document the convention. - **Nav file list missing**: "Nav updated on ALL pages" doesn't enumerate which HTML files to modify. Agent needs explicit targets. - **Kings/Queens toggle shared dependency undocumented**: Three tickets (#407, #408, #410) all need the same toggle pattern. First to land should build the reusable version in `app.js` — none of them document this.
Author
Owner

Refinements from review-407-2026-03-25:

  1. Repo convention: Documented — westside-app tracks, westside-playground is target.

  2. This ticket is the TOGGLE FOUNDATION. #92 creates the Kings/Queens toggle pattern:

    • JS in shared/app.js: initKQToggle() function + localStorage persistence + page-load init
    • CSS in shared/style.css: .queens-active class swapping --color-accent from Kings red to Queens pink
    • HTML pattern: two-button toggle at top of content area
    • #93 (Teams) and #95 (Schedule) DEPEND on this ticket and reuse the pattern.
  3. Nav file targets (explicit): Add "Tryouts" to nav on these files only:

    • index.html, about.html (if exists from #91), staff.html, sponsors.html, schedule.html, register.html, success.html
  4. "Links to Teams page": Link to teams.html (the public roster page from #93). If #93 hasn't landed yet, use # placeholder.

  5. localStorage persistence spec:

    // On toggle click:
    localStorage.setItem('program', 'queens'); // or 'kings'
    document.body.classList.toggle('queens-active');
    // On page load (DOMContentLoaded):
    if (localStorage.getItem('program') === 'queens') {
      document.body.classList.add('queens-active');
      // show queens sections, hide kings sections
    }
    
**Refinements from review-407-2026-03-25:** 1. **Repo convention:** Documented — westside-app tracks, westside-playground is target. 2. **This ticket is the TOGGLE FOUNDATION.** #92 creates the Kings/Queens toggle pattern: - JS in `shared/app.js`: `initKQToggle()` function + `localStorage` persistence + page-load init - CSS in `shared/style.css`: `.queens-active` class swapping `--color-accent` from Kings red to Queens pink - HTML pattern: two-button toggle at top of content area - #93 (Teams) and #95 (Schedule) DEPEND on this ticket and reuse the pattern. 3. **Nav file targets (explicit):** Add "Tryouts" to nav on these files only: - `index.html`, `about.html` (if exists from #91), `staff.html`, `sponsors.html`, `schedule.html`, `register.html`, `success.html` 4. **"Links to Teams page":** Link to `teams.html` (the public roster page from #93). If #93 hasn't landed yet, use `#` placeholder. 5. **localStorage persistence spec:** ```js // On toggle click: localStorage.setItem('program', 'queens'); // or 'kings' document.body.classList.toggle('queens-active'); // On page load (DOMContentLoaded): if (localStorage.getItem('program') === 'queens') { document.body.classList.add('queens-active'); // show queens sections, hide kings sections } ```
Author
Owner

Scope Review (Re-review): READY

Review note: review-407-2026-03-25-r2
All three issues from first review resolved. Toggle foundation role well-documented with localStorage persistence spec, explicit nav file targets (6 files verified), and repo convention clarified. Three downstream tickets (#93, #94, #95) carry depends:ws-92 labels. No blockers -- ticket is ready for execution.

## Scope Review (Re-review): READY Review note: `review-407-2026-03-25-r2` All three issues from first review resolved. Toggle foundation role well-documented with localStorage persistence spec, explicit nav file targets (6 files verified), and repo convention clarified. Three downstream tickets (#93, #94, #95) carry `depends:ws-92` labels. No blockers -- ticket is ready for execution.
Author
Owner

Superseded by #98 / PR #99 (SvelteKit public site — 8 pages). Closing.

Superseded by #98 / PR #99 (SvelteKit public site — 8 pages). Closing.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forgejo_admin/westside-landing#92
No description provided.