var React = require('react'); var MiddlePanelStore = require('../stores/MiddlePanelStore'); var MiddlePanelActions = require('../actions/MiddlePanelActions'); var TableLine = React.createClass({ propTypes: {article_id: React.PropTypes.number.isRequired, feed_title: React.PropTypes.string.isRequired, icon_url: React.PropTypes.string, title: React.PropTypes.string.isRequired, date: React.PropTypes.string.isRequired, read: React.PropTypes.bool.isRequired, liked: React.PropTypes.bool.isRequired, }, getInitialState: function() { return {article_id: this.props.article_id, title: this.props.title, icon_url: this.props.icon_url, feed_title: this.props.feed_title, date: this.props.date, read: this.props.read, liked: this.props.liked, }; }, render: function() { var read = this.state.read ? 'r' : ''; var liked = this.state.liked ? 'l' : ''; var icon = undefined; if(this.state.icon_url){ icon = (); } else { icon = (); } return ( {icon}{liked} {this.state.feed_title} {this.state.title} {this.state.date} ); }, }); var TableBody = React.createClass({ getInitialState: function() { return {articles: [], }; }, render: function() { return (
{this.state.articles.map(function(article){ return ();})}
); }, componentDidMount: function() { MiddlePanelActions.reload(); MiddlePanelStore.addChangeListener(this._onChange); }, componentWillUnmount: function() { MiddlePanelStore.removeChangeListener(this._onChange); }, _onChange: function() { this.setState({articles: MiddlePanelStore.getArticles()}); }, }); var MiddlePanel = React.createClass({ render: function() { return (
); }, }); module.exports = MiddlePanel;