I’ve been making good progress since the recent post.
So now I’ve got a first rough cut at the “Niner” layout, i.e. 3×3 pages accessed via tabs on the bottom/right. Here’s a screen shot from an iPad:
The tabs don’t look so great (I’m so inept at GUI design that I don’t even try), but the general design is shaping up nicely. The area at the bottom left shows the last two lines of the log on the server, and it’s updating in real time. So is the table itself, using Server-Sent events.
With this sort of dynamics, all sorts of details start to jump out. My first approach was to have one page per URL, i.e. “http://127.0.0.1:8181/1” for page 1, etc. But that causes a full page refresh, which is too disruptive, especially with that log area constantly updating.
The indentation idea I described earlier is also working out nicely. Here’s the main page description which produces the HTML sent to the browser:
(as you can see, there are limits to syntax coloring when mixing several languages in a single source file!)
And here’s the description of the page with that table shown above:
Let me just say that I’m “over” HTML. Bye bye, <div> et al. Good riddance.
PS. Oh yes, and here’s the fun part – this defines the structure of the site:
Tabs and titles are automatically generated unless overridden in this layout.