If you switched to monitor list view, clicked on 'Add New Monitor'
and then clicked on 'Monitors' again, both the grid and list views
(montage and table) would show, instead of one or the other.
* Update some of the classes to reflect newer version of bootstrap.
* Use a collapseable header / nav button on mobile devices.
* Align the on / off button with the rest of the nav items.
The core of the work here involved two things:
* Making the default view / home page 'monitor' instead of 'console'
* Replacing monitor tab functionality with ui-router's nested views
There are now a few bugs which need to be worked out:
* Haven't tested saving a monitor
* Loading an existing monitor's data doesn't work (edit)
* active tab isn't set
* who knows what else?
We now have two views - grid or list. Grid view will be montage
and doesn't have any 'admin' functions. List view has admin
functions: delete, edit, add, etc.
If there are no monitors, such as in a new install, the view is
replaced by an alert which states that there are no monitors, and
provides a link for adding a monitor.
* http://i.imgur.com/LinFQsN.png
* http://i.imgur.com/mwkOgzR.png
* http://i.imgur.com/BrEjzYL.png
Each Event has a 'Frames' button. Clicking this changes
$scope.stream to false, hides the eventStream div, shows the
eventFrames div, and changes the text of the button to 'Stream'.
Each Frame is laid out in a box, with its associated image file
and details (delta, score, type, time).
The 'src' for each Frame's image was the difficult part. The 'zpad'
filter is called for each Frame, so that we know how many 0's to pad
the Frame.FrameId with.
Finally if Frame.Type == Alarm, the box for that div is colored red.
Kyle Johnson
