var BS, PerformanceForecast, PracticeButton, React, Router, WeakerPanel, WeakerSections, _;
React = require('react');
BS = require('react-bootstrap');
Router = require('react-router');
_ = require('underscore');
PerformanceForecast = require('../../flux/performance-forecast');
PracticeButton = require('./practice-button');
WeakerSections = require('./weaker-sections');
WeakerPanel = React.createClass({displayName: "WeakerPanel",
propTypes: {
courseId: React.PropTypes.string.isRequired,
sections: React.PropTypes.array.isRequired,
weakerTitle: React.PropTypes.string.isRequired,
weakerExplanation: React.PropTypes.element.isRequired,
weakerEmptyMessage: React.PropTypes.string.isRequired,
onPractice: React.PropTypes.func,
sectionCount: React.PropTypes.number,
sampleSizeThreshold: React.PropTypes.number.isRequired
},
render: function() {
var practiceBtn;
if (this.props.sections.length === 0) {
return null;
}
if (this.props.onPractice && PerformanceForecast.Helpers.canDisplayWeakest(this.props)) {
practiceBtn = React.createElement(PracticeButton, {
"title": 'Practice All',
"sections": PerformanceForecast.Helpers.weakestSections(this.props.sections),
"courseId": this.props.courseId
});
}
return React.createElement("div", {
"className": "chapter-panel weaker"
}, React.createElement("div", {
"className": 'chapter metric'
}, React.createElement("span", {
"className": 'title'
}, this.props.weakerTitle), this.props.weakerExplanation, practiceBtn), React.createElement(WeakerSections, React.__spread({}, this.props)));
}
});
module.exports = WeakerPanel;
|