This document tries to give some hints and tips on how to make common UI stuff
Its handy to have popups with detailed views, confirmation dialogs or wizards.
Here's a quick and easy way to make them in hawtio:
ensure your angular module depends on ‘ui.bootstrap.dialog’:
angular.module(pluginName, [‘bootstrap’, ‘ui.bootstrap.dialog’, ‘hawtioCore’])
create a new Core.Dialog() object in your controller scope with some name
Then in the modal dialog markup, using angular ui bootstrap modals refer to name.show and name.options, then to open/show use name.open() and **name.close()**as in this example markup for the above controller code
This also means you only have to come up with 1 name per dialog - the name of the dialog object - rather than naming the various flags/options/open/close methods :)
We have 2 implementations currentl, ng-grid which has a really nice directive and angular way of working with it; check it out for the documentation on how to make a grid.
We've also got a datatable plugin which provides a directive and API to ng-grid but uses the underlying jQuery DataTable widget until ng-grid is as fast and solves all the same use cases.