mirror of
https://github.com/ascribe/onion.git
synced 2024-12-23 01:39:36 +01:00
40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
import TableColumnContentModel from '../../models/table_column_content_model';
|
|
|
|
import TableItem from './table_item';
|
|
|
|
// This component is implemented as recommended here: http://stackoverflow.com/a/25723635/1263876
|
|
let TableItemSelectable = React.createClass({
|
|
|
|
propTypes: {
|
|
columnList: React.PropTypes.arrayOf(React.PropTypes.instanceOf(TableColumnContentModel)),
|
|
columnContent: React.PropTypes.object,
|
|
parentId: React.PropTypes.number,
|
|
className: React.PropTypes.string
|
|
},
|
|
|
|
selectItem() {
|
|
this.props.selectItem(this.props.parentId, this.props.columnContent.edition_number);
|
|
},
|
|
|
|
render() {
|
|
let tableItemClasses = classNames({
|
|
'ascribe-table-item-selected': this.props.columnContent.selected
|
|
});
|
|
|
|
return (
|
|
<TableItem
|
|
className={tableItemClasses + ' ' + this.props.className}
|
|
columnList={this.props.columnList}
|
|
columnContent={this.props.columnContent}
|
|
onClick={this.selectItem}>
|
|
</TableItem>
|
|
);
|
|
|
|
}
|
|
});
|
|
|
|
export default TableItemSelectable;
|