2015-06-05 11:06:36 +02:00
|
|
|
'use strict';
|
|
|
|
|
2015-06-01 11:51:03 +02:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import Table from '../ascribe_table/table';
|
2015-07-08 17:35:30 +02:00
|
|
|
import TableItemSelectable from '../ascribe_table/table_item_selectable';
|
2015-06-01 11:51:03 +02:00
|
|
|
|
2015-06-04 13:48:07 +02:00
|
|
|
import { ColumnModel } from '../ascribe_table/models/table_models';
|
2015-06-01 11:51:03 +02:00
|
|
|
|
|
|
|
let AccordionListItemTable = React.createClass({
|
|
|
|
propTypes: {
|
|
|
|
className: React.PropTypes.string,
|
|
|
|
parentId: React.PropTypes.number,
|
|
|
|
itemList: React.PropTypes.array,
|
2015-06-04 13:48:07 +02:00
|
|
|
columnList: React.PropTypes.arrayOf(React.PropTypes.instanceOf(ColumnModel)),
|
2015-06-04 09:16:30 +02:00
|
|
|
show: React.PropTypes.bool,
|
|
|
|
changeOrder: React.PropTypes.func,
|
|
|
|
orderBy: React.PropTypes.string,
|
2015-07-08 17:35:30 +02:00
|
|
|
orderAsc: React.PropTypes.bool,
|
|
|
|
selectItem: React.PropTypes.func
|
2015-06-01 11:51:03 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
render() {
|
2015-07-09 16:09:53 +02:00
|
|
|
return (
|
|
|
|
<Table
|
|
|
|
responsive
|
|
|
|
className="ascribe-table"
|
|
|
|
columnList={this.props.columnList}
|
|
|
|
itemList={this.props.itemList}
|
|
|
|
changeOrder={this.props.changeOrder}
|
|
|
|
orderBy={this.props.orderBy}
|
|
|
|
orderAsc={this.props.orderAsc}>
|
|
|
|
{this.props.itemList.map((item, i) => {
|
|
|
|
return (
|
|
|
|
<TableItemSelectable
|
|
|
|
className="ascribe-table-item-selectable"
|
|
|
|
key={i}
|
|
|
|
selectItem={this.props.selectItem}
|
|
|
|
parentId={this.props.parentId}/>
|
|
|
|
);
|
|
|
|
})}
|
|
|
|
</Table>
|
|
|
|
);
|
2015-06-01 11:51:03 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
export default AccordionListItemTable;
|