var React, ReactCSSTransitionGroup, Review, TaskStep, _;
React = require('react/addons');
_ = require('underscore');
TaskStep = require('../task-step');
ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
Review = React.createClass({
displayName: 'Review',
propTypes: {
taskId: React.PropTypes.string.isRequired,
focus: React.PropTypes.bool.isRequired
},
getDefaultProps: function() {
return {
focus: false,
onNextStep: function() {}
};
},
render: function() {
var focus, ref, stepProps, steps, stepsList, taskId;
ref = this.props, taskId = ref.taskId, steps = ref.steps, focus = ref.focus;
stepProps = _.omit(this.props, 'steps', 'focus');
stepsList = _.map(steps, function(step, index) {
return React.createElement(TaskStep, React.__spread({}, stepProps, {
"id": step.id,
"key": "task-review-" + step.id,
"focus": true,
"on": true,
"first": true,
"problem": true,
"focus": focus && index === 0,
"pinned": false
}));
});
return React.createElement(ReactCSSTransitionGroup, {
"transitionName": "homework-review-problem"
}, stepsList);
}
});
module.exports = Review;
|