feat: Coach page — tab navigation (Team / Plays) + remove browse teams #19

Closed
opened 2026-03-16 22:32:44 +00:00 by forgejo_admin · 1 comment

Lineage

plan-wkq → Phase 10 (Playground)

Repo

forgejo_admin/westside-playground

User Story

As a coach, when I log in I see my team roster and my plays — nothing else.
Two tabs keep it simple: Team (roster) and Plays (TBD).

Context

The coach page currently shows a team roster grid, then a "Browse Teams" section (added in PR #8). Lucas wants a cleaner coach experience with two tabs:

  • Team tab — shows the existing roster grid (player cards with parent contact, payment badges). This is what's on the page now minus the Browse Teams section.
  • Plays tab — TBD placeholder. Show a centered message like "Plays & Playbooks — Coming Soon" with the same placeholder style used elsewhere.

Remove the "Browse Teams" section — coaches don't need to browse other teams from their landing page. If they need team detail, they can go via the roster player links.

File Targets

  • coach.html — add tab navigation at top, move roster into "Team" tab content, add "Plays" placeholder tab, remove "Browse Teams" section

Acceptance Criteria

  • Two tabs visible at top: "Team" (active by default) and "Plays"
  • "Team" tab shows the existing roster grid unchanged
  • "Plays" tab shows a TBD placeholder message
  • "Browse Teams" section removed
  • Tab switching works with minimal JS (show/hide divs)
  • Tabs use existing CSS patterns or minimal new styles matching the design system
  • No other files changed

Test Expectations

  • No automated tests (static HTML). Visual verification only.

Constraints

  • HTML + CSS only, minimal JS for tab switching
  • Use existing CSS from shared/app.css
  • Keep the roster grid exactly as-is — just wrap it in a tab container

Checklist

  • PR opened
  • No unrelated changes
  • project-westside-basketball
### Lineage `plan-wkq` → Phase 10 (Playground) ### Repo `forgejo_admin/westside-playground` ### User Story As a coach, when I log in I see my team roster and my plays — nothing else. Two tabs keep it simple: Team (roster) and Plays (TBD). ### Context The coach page currently shows a team roster grid, then a "Browse Teams" section (added in PR #8). Lucas wants a cleaner coach experience with two tabs: - **Team tab** — shows the existing roster grid (player cards with parent contact, payment badges). This is what's on the page now minus the Browse Teams section. - **Plays tab** — TBD placeholder. Show a centered message like "Plays & Playbooks — Coming Soon" with the same placeholder style used elsewhere. Remove the "Browse Teams" section — coaches don't need to browse other teams from their landing page. If they need team detail, they can go via the roster player links. ### File Targets - `coach.html` — add tab navigation at top, move roster into "Team" tab content, add "Plays" placeholder tab, remove "Browse Teams" section ### Acceptance Criteria - [ ] Two tabs visible at top: "Team" (active by default) and "Plays" - [ ] "Team" tab shows the existing roster grid unchanged - [ ] "Plays" tab shows a TBD placeholder message - [ ] "Browse Teams" section removed - [ ] Tab switching works with minimal JS (show/hide divs) - [ ] Tabs use existing CSS patterns or minimal new styles matching the design system - [ ] No other files changed ### Test Expectations - No automated tests (static HTML). Visual verification only. ### Constraints - HTML + CSS only, minimal JS for tab switching - Use existing CSS from `shared/app.css` - Keep the roster grid exactly as-is — just wrap it in a tab container ### Checklist - [ ] PR opened - [ ] No unrelated changes ### Related - `project-westside-basketball`
Author
Owner

Additional scope (from live review):

The bottom nav on coach.html currently shows "My Player | My Team | Sign Out". Coaches aren't players — "My Player" shouldn't appear.

Update the bottom nav to match the tab structure:

  • Team (links to Team tab / stays on page)
  • Plays (links to Plays tab / stays on page)
  • Sign Out

Remove "My Player" from the coach bottom nav entirely.

**Additional scope (from live review):** The bottom nav on `coach.html` currently shows "My Player | My Team | Sign Out". Coaches aren't players — "My Player" shouldn't appear. Update the bottom nav to match the tab structure: - **Team** (links to Team tab / stays on page) - **Plays** (links to Plays tab / stays on page) - **Sign Out** Remove "My Player" from the coach bottom nav entirely.
Sign in to join this conversation.
No labels
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-playground#19
No description provided.