Three Ways to See Your Whole Week

Until now, two views each answered half the question. The day view put every court side by side, so you could take in the whole place at a glance, but only for one day. The week view spread all seven days across the screen, but only for one court.

Between them they covered a lot, and neither could tell you what a week looked like across everything you run. So the most ordinary question in the building (how does next week look?) meant clicking through seven days one at a time, or through every court in turn, and holding the answer in your head.

Why this was harder than it sounds

Putting a week and every court on one grid reads like a layout problem, and at first we treated it as one. A week is seven columns, the hours run down the side, and what's left is a single cell per court per half hour. With three courts there's room to spare. With twenty, plus the events and group sessions running on top of ordinary bookings, a cell is a few pixels wide, and there is nothing you can usefully draw in it.

The harder part came out of watching people use it. Everyone wanted the week, and almost nobody wanted the same thing from it. Checking capacity means asking how much room is left on Thursday evening. Coaching means asking which court you're on. Planning a tournament means asking how a single court fills up across seven days. Those are three different pictures, and a grid that tries to be all three is worse at each of them than a grid that picks one.

So we built three, not one

The week now has a second dial. The tabs still choose the span (month, week, day) and a small caret next to Week chooses how that week packs everything into each cell. Same week, same data, three ways to read it. Your existing links and bookmarks keep working exactly as they did.

Lanes: which one

Every court gets its own thin lane inside each cell, in the same order all the way across the grid, named once in a legend above it. One that's free all week reads as a pale stripe running the full width; a fully booked evening reads as a solid band. Club sessions carry their own colour, so a Saturday tournament is a block you can spot from across the room.

Free count: how much room is left

When the question is only how much is still going spare, this layout puts one number in every slot. The old aggregate couldn't tell you that: one free court out of nine and eight free out of nine were both painted as "partly booked". Now the number is right there. Buffer time either side of a booking counts as taken, so the figure matches what checkout will actually sell.

It's also the layout that survives any number of courts: seven narrow columns, one digit each, however long your list gets.

Court × day: how the week fills up

One row each, seven day columns, and every cell a miniature day on one shared hour axis. Twenty courts means twenty rows and still seven columns, so this one grows downward. It scrolls, and it prints. Closed hours are hatched rather than left blank, so a morning that isn't on offer never reads as a free one.

The detail is on hover, the booking is a click away

A lane is about thirteen pixels wide, which is no place for a label. Hovering one brings up a small card with what's actually in it: the customer or the session, its colour, the instructor. If two sessions share the same court, you see both rather than just the first. Clicking a cell opens that day, where you can select slots and make the booking.

Your customers get the week too

The week is now on the public booking page and the embedded calendar as well. Where there's more than one court to pick from, visitors see the free count: seven columns, one number per slot. That's the one grid shape that fits a 320px phone without scrolling sideways, and it answers the question people actually arrive with: is there room this week, and when. Picking a time still happens on the day view, which any cell opens.