var BS, ChapterSection, React, Section, SectionPerformance, SectionProgress;
React = require('react');
BS = require('react-bootstrap');
SectionPerformance = require('./section-performance');
ChapterSection = require('../task-plan/chapter-section');
SectionProgress = require('./section-progress');
Section = React.createClass({displayName: "Section",
PropTypes: {
section: React.PropTypes.shape({
id: React.PropTypes.string,
title: React.PropTypes.string,
chapter_section: React.PropTypes.array,
valid_sections: React.PropTypes.array,
original_performance: React.PropTypes.number,
spaced_practice_performance: React.PropTypes.spaced_practice_performance
})
},
render: function() {
var spacedPractice, spacedPracticeClass;
if (typeof this.props.section.spaced_practice_performance !== 'undefined') {
spacedPractice = React.createElement(SectionPerformance, {
"performance": this.props.section.spaced_practice_performance
});
} else {
spacedPracticeClass = "empty-spaced-practice";
spacedPractice = React.createElement("i", {
"className": "fa fa-ellipsis-h"
});
}
return React.createElement(BS.Row, {
"className": "section",
"key": this.props.section.id
}, React.createElement(BS.Col, {
"xs": 6.
}, React.createElement(ChapterSection, {
"skipZeros": false,
"section": this.props.section.chapter_section
}), this.props.section.title), React.createElement(BS.Col, {
"xs": 2.
}, React.createElement(SectionProgress, {
"section": this.props.section
})), React.createElement(BS.Col, {
"xs": 2.
}, React.createElement(SectionPerformance, {
"performance": this.props.section.original_performance
})), React.createElement(BS.Col, {
"xs": 2.,
"className": spacedPracticeClass
}, spacedPractice));
}
});
module.exports = Section;
|