Create an angular webcomponent 'paginated table'

oasp-forge / oasp4js-rev

The Open Application Standard Platform for JavaScript

http://oasp.github.io/

0 stars 2 forks source link

Create an angular webcomponent 'paginated table' #5

Closed maybeec closed 8 years ago

maybeec commented 8 years ago

As a first step, we should start implementing an angular component for a paginated table in a new ui module to be created. It should be possible to

[ ] sort by columns (server-side)
[x] filter by column values (server-side)
[x] paginate (server-side)

For information about the server API have a look at the oasp4j documentation or the oasp4j-sample application's code directly.

RobertoGM commented 8 years ago

At the moment there is a table in restaurant app with a panel to filter columns, a pagination component and a icon for each column to sort the values (ascending or descending). The only component completely independent is the pagination. Should I put all of this together in a component when you pass as inputs the information to build a "table" component (such as array of column names, data...) or leave each component (filter, table and pagination) separated?

RobertoGM commented 8 years ago

Table component done, with an auxiliar independent pagination component, both still do all his logic in front-end, i will change this as soon as i can.

RobertoGM commented 8 years ago

Search component implemented with two default buttons: clear and search.

orderBy only orders current page rows because the data that table-grid component manages is only the X number of rows displaying in that page, this should be fixed once we start using server back-end

maybeec commented 8 years ago

Please also have a lookt at ag-grid to not reimplement everything by hand. See also the discussion of oasp/oasp4js#45