var BS, ChapterSectionMixin, ChapterSectionType, ProgressBar, React, Router, Statistics;
React = require('react');
BS = require('react-bootstrap');
Router = require('react-router');
ChapterSectionMixin = require('openstax-react-components').ChapterSectionMixin;
ChapterSectionType = require('./chapter-section-type');
ProgressBar = require('./progress-bar');
Statistics = require('./statistics');
module.exports = React.createClass({
displayName: 'PerformanceForecastSection',
propTypes: {
courseId: React.PropTypes.string.isRequired,
roleId: React.PropTypes.string,
section: ChapterSectionType.isRequired,
onPractice: React.PropTypes.func,
sampleSizeThreshold: React.PropTypes.number.isRequired
},
mixins: [ChapterSectionMixin],
render: function() {
var courseId, ref, section;
ref = this.props, courseId = ref.courseId, section = ref.section;
return React.createElement("div", {
"className": 'section'
}, React.createElement("div", {
"className": 'heading'
}, React.createElement("span", {
"className": 'number'
}, this.sectionFormat(section.chapter_section)), React.createElement("span", {
"className": 'title',
"title": section.title
}, section.title)), React.createElement(ProgressBar, React.__spread({}, this.props)), React.createElement(Statistics, {
"courseId": this.props.courseId,
"roleId": this.props.roleId,
"section": section,
"displaying": "section"
}));
}
});
|