Using Bootstrap Theme

For quite a while I have been using the basic jquery objects to build up a somewhat spartan RoseNMS. With the newer versions of TurboGears using bootstrap for the underlying CSS framework I thought there were plenty of bootstrap related themes, surely I can find one that suits.  The theme had to have enough examples to fit a Network Management System, rather than just a blog statistics page like most seem to do. It also had to have a license I could use as it forms part of RoseNMS.

After some searching, I have chosen the Gentelella bootstrap theme by colorlib. This is a nice clean theme that has plenty of example features which I can build into RoseNMS items.  It wasn’t just a matter of loading the theme and off you go; the various components needed to be converted into ToscaWidgets 2 widgets to be useful.

Continue reading “Using Bootstrap Theme”

First Look at RoseNMS screens

More work has gone into the various GUI screens for RoseNMS. While still early days, these screenshots give an idea of the final program.

Host Map

The maps have been updated and now just use CSS for layout, rather than hard calculating the coordinates using javascript. This gives a cleaner and more fluid look to the maps. Hovering over the map item will show more details about the item. There are maps for hosts (shown) as well as attributes.

Attribute View with information, graph and events
Attribute View with information, graph and events

Attribute details show some information about the attribute, the default graph and the events. Clicking on the more button above the graph takes you to the graph page for that attribute.

Graphs

Finally the graph handling is completely re-written with the concept of graph templates. These are basic types of graphs. The one shown is the basic “lines” template that shows… lines! Only things required are the RRD data source, the multiplier, the legend and how you want the units shown. From that the program builds all the required VDEFs and CDEFs.