var BS, React, SectionProgress, classnames;
React = require('react');
BS = require('react-bootstrap');
classnames = require('classnames');
SectionProgress = React.createClass({displayName: "SectionProgress",
render: function() {
var completed, completedLabel, incompleteClass, noneCompleteLabel, percent, progressClass;
percent = Math.round(this.props.section.completed_percentage * 100);
if (percent > 100) {
percent = 100;
}
completedLabel = percent + "%";
completedLabel = percent === 100 ? completedLabel + " completed" : completedLabel;
incompleteClass = "";
progressClass = classnames('reading-progress-group', {
'none-completed': percent === 0
});
if (percent > 0) {
completed = React.createElement(BS.ProgressBar, {
"className": "reading-progress-bar",
"bsStyle": "info",
"label": completedLabel,
"now": percent,
"type": "completed",
"key": 1.
});
} else {
noneCompleteLabel = "0% complete";
}
return React.createElement("div", null, React.createElement(BS.ProgressBar, {
"className": progressClass,
"label": noneCompleteLabel
}, completed));
}
});
module.exports = SectionProgress;
|