onion/js/components/ascribe_accordion_list/accordion_list_item_table.js

'use strict';

import React from 'react';

import Table from '../ascribe_table/table';
import TableItem from '../ascribe_table/table_item';

import { ColumnModel } from '../ascribe_table/models/table_models';

let AccordionListItemTable = React.createClass({
    propTypes: {
        className: React.PropTypes.string,
        parentId: React.PropTypes.number,
        itemList: React.PropTypes.array,
        columnList: React.PropTypes.arrayOf(React.PropTypes.instanceOf(ColumnModel)),
        numOfTableItems: React.PropTypes.number,
        show: React.PropTypes.bool,
        changeOrder: React.PropTypes.func,
        orderBy: React.PropTypes.string,
        orderAsc: React.PropTypes.bool
    },

    render() {
        if(this.props.show && this.props.itemList) {
            return (
                <div className={this.props.className}>
                    <Table
                        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 (
                                 <TableItem
                                    className="ascribe-table-item-selectable"
                                    key={i} />
                            );
                        })}
                    </Table>
                    {this.props.children}
                </div>
            );
        } else {
            return (
                <div className={this.props.className}>
                    {this.props.children}
                </div>
            );
        }
    }
});

export default AccordionListItemTable;