45 lines
993 B
JavaScript
45 lines
993 B
JavaScript
|
|
||
|
|
import React, { PropTypes } from 'react'
|
||
|
|
import { Link } from 'react-router'
|
||
|
|
|
||
|
|
export default class List extends React.Component{
|
||
|
|
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
}
|
||
|
|
|
||
|
|
renderHeader(){
|
||
|
|
if( !this.props.columns ) return null
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="list-item header cf">
|
||
|
|
{
|
||
|
|
this.props.columns.map( (col, col_index) => {
|
||
|
|
return <div className={'col w'+col.width} key={col_index}>{ col.name }</div>
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
render(){
|
||
|
|
return (
|
||
|
|
<div className="list">
|
||
|
|
{ this.renderHeader() }
|
||
|
|
{
|
||
|
|
this.props.rows.map( (row, row_index) => {
|
||
|
|
return (
|
||
|
|
<Link to={ this.props.link_prefix + encodeURIComponent(row.uri)} className="list-item cf" key={row_index}>
|
||
|
|
{
|
||
|
|
this.props.columns.map( (col, col_index) => {
|
||
|
|
return <div className={'col w'+col.width} key={col_index}>{ row[col.name] }</div>
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</Link>
|
||
|
|
)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|