The Class Schedule Management Tool displays and manages your school’s bell schedules with
grade‑group views (L1/L2/L3), an All (admin) view, and a focused Cafeteria mode.
It automatically switches between Mon–Thu and Friday schedules, highlights the current block,
and shows remaining time. You can edit labels and times directly on the page.
Key Concepts
Grade Groups
L1: 6th Grade & 9th (Freshman)
L2: 7th Grade & 10th (Sophomore)
L3: 8th Grade, 11th (Junior) & 12th (Senior)
Day Sets: The tool switches between Mon–Thu and Friday automatically.
Block Types:
Period (class)
Transition (short breaks; can be hidden once passed)
Lunch (L1 Lunch / L2 Lunch / L3 Lunch) — highlighted and used by Cafeteria mode
What You See
Header: Day/Date/Time and the School Name (double‑click to rename).
Top Bar:
View buttons: L1, L2, L3, All (shows all groups side‑by‑side)
Enable/Disable Cafeteria: toggle lunch‑only view
Hide Passed Breaks: hide transition rows that have already ended
View Title: shows the active group (e.g., “6th Grade & Freshman Bell Schedule”).
Table Header: Block • Start • End • Remaining (uniform grey header in all modes).
Current Progress Strip: a single thick progress bar under the header indicating the current block and time remaining. Colors:
Periods: group‑colored
Transitions: red
Lunch: dark green
Rows: Each block with its times and remaining time. Lunch rows are emphasized; the currently active row has a subtle background.
Campus Note (under the table): contact info for custom campus links.
Views & Modes
L1 / L2 / L3 (Single‑Group Views)
Shows the schedule for the selected grade group only.
All (Admin) View
Shows L1, L2, and L3 in separate cards at once for quick monitoring.
Cafeteria Mode
When enabled, the page shows only lunch windows and any class periods that occur during those windows.
This mode respects the groups you’ve enabled in Settings. If L3 is disabled, lunch windows and rows from L3 will not appear.
Hide Passed Breaks
When enabled, transitions (short breaks) that already ended are hidden from the table.
Editing & Customization
Inline Editing (no dialogs)
Double‑click to edit:
School Name in the header
Block name
Start time
End time
Validation:
Time formats: H:MM or H:MM AM/PM (e.g., 7:45 AM, 13:25)
Start must be before End; End must be after Start.
Saving: Changes are stored automatically (browser localStorage) and persist across reloads.
Per‑Day & Per‑Group: Edits apply to the current day set (Mon–Thu or Friday) and the current grade group.
Appearance
Header Colors: Click the school name to open the color picker; set header background and text colors.
Light Mode Only: Dark mode is disabled to maximize visibility on projectors.
Settings Panel
Open via the ⚙ button.
School Name: Set the name shown in the header.
Default Grade Group: Choose which group opens by default.
Visible Grade Groups: Check or uncheck L1 / L2 / L3 to control which groups appear (applies to top buttons, All view, and Cafeteria mode). At least one must be enabled.
Save: Persists choices in localStorage.
Getting Started
Open the page in your browser. The correct schedule (Mon–Thu vs Friday) is chosen for you.
Pick L1/L2/L3 or All from the top bar.
(Optional) Click Enable Cafeteria to focus on lunch windows + overlapping classes.
(Optional) Toggle Hide Passed Breaks to clean up earlier transitions.
Double‑click any Block, Start, End, or the School Name to edit in place.
Use ⚙ Settings to control default group and which grade groups are visible.
Sharing
Use the Share buttons at the bottom of the page.
Troubleshooting
My changes didn’t stick: Ensure your browser allows localStorage and you clicked away (blur) or pressed Enter after editing.
Times rejected: Use H:MM (e.g., 7:45) or add AM/PM.
Nothing shows in Cafeteria mode: Make sure lunch rows exist for the enabled groups and that the current time is within or overlapping those lunches.