var BS, React, SectionPerformance;
React = require('react');
BS = require('react-bootstrap');
SectionPerformance = React.createClass({displayName: "SectionPerformance",
render: function() {
var correctBar, correctLabel, incorrectBar, incorrectLabel, percents;
percents = {
correct: this.props.performance ? Math.round(this.props.performance * 100) : 0
};
percents.incorrect = 100 - percents.correct;
if (percents.correct) {
correctLabel = percents.correct + "%";
correctLabel = percents.correct === 100 ? correctLabel + " correct" : correctLabel;
correctBar = React.createElement(BS.ProgressBar, {
"className": "reading-progress-bar progress-bar-correct",
"now": percents.correct,
"label": correctLabel,
"type": "correct",
"key": 1.
});
}
if (percents.incorrect) {
incorrectLabel = percents.incorrect === 100 ? percents.incorrect + "% incorrect" : void 0;
incorrectBar = React.createElement(BS.ProgressBar, {
"className": "reading-progress-bar progress-bar-incorrect",
"now": percents.incorrect,
"label": incorrectLabel,
"type": "incorrect",
"key": 2.
});
}
return React.createElement("div", null, React.createElement(BS.ProgressBar, {
"className": "reading-progress-group"
}, correctBar, incorrectBar));
}
});
module.exports = SectionPerformance;
|