I've just added "sections" (sort of like tabs) to the web interface.
This is nice.
For instance, in the systems view, you have fields grouped by "General",
"Advanced", "Networking (Global)", "Networking",
"Management", and so
on. "General" expands by default, and the others you can click on to
expand ... and you can collapse any ones you don't want to look at.
This is all controlled by the backend code, so someone doesn't need to
be a web developer to add a field -- it just works.
Visually, tThis is a /lot/ cleaner than the previous color coding and
should help to minimize scrolling. It's less overwhelming because you
know this setting isn't important to you if it's in Advanced, or that if
you are looking for this setting it's going to be in this section.
In addition, you can expand or collapse the sections on the left hand
menu and these follow a similar color scheme.
This is where I could really use a bit of help though -- my CSS isn't
looking all that bad, but it could be a lot better.
Anyone want to make Cobbler web look a bit more professional?
By reusing the orange we have in the logo, it sort of looks like a giant
pumpkin or perhaps a web page about Creamsicles. Surely you don't want
that, right? <LOL>. Yeah, I don't even like orange myself. It must
go :) If you leave it to me it will all end up red and white with
wolves on it, so I'm not sure you want that either :)
Anyway, take a look at let me know what you think. I'm sure there are
folks that can drop some more CSS love onto it, and probably also some
other neat jQuery tips and tricks.
(The existing "sections" are jQuery powered, and we're already using
jsgrowl for notifications... so no reason we can't do even more with
jQuery, whatever anyone would like to do/try, basically, is fair game).
Feedback welcome!
--Michael