| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60 | 2×
2×
2×
2×
2×
2×
2×
2×
2×
| var BS, CellStatusMixin, ConceptCoachCell, PieProgress, React, Router, Time;
React = require('react');
Router = require('react-router');
BS = require('react-bootstrap');
Time = require('../time');
CellStatusMixin = require('./cell-status-mixin');
PieProgress = require('./pie-progress');
ConceptCoachCell = React.createClass({displayName: "ConceptCoachCell",
mixins: [CellStatusMixin],
render: function() {
var pieValue, tooltip;
pieValue = Math.round((this.props.task.correct_exercise_count / this.props.task.exercise_count) * 100);
tooltip = React.createElement(BS.Popover, {
"className": 'cc-scores-tooltip-completed-info'
}, React.createElement("div", null, React.createElement(BS.Table, null, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null, "Correct"), React.createElement("th", null, "Attempted"), React.createElement("th", null, "Total possible"))), React.createElement("tbody", null, React.createElement("tr", {
"className": 'data-row'
}, React.createElement("td", null, this.props.task.correct_exercise_count), React.createElement("td", null, this.props.task.completed_exercise_count), React.createElement("td", null, this.props.task.exercise_count)), React.createElement("tr", null, React.createElement("td", {
"colSpan": "3"
}, React.createElement("span", null, "Date Last Worked:"), " ", React.createElement(Time, {
"format": 'MMM. D',
"date": this.props.task.last_worked_at
})))))));
return React.createElement("div", {
"className": "cc-cell"
}, React.createElement(Router.Link, {
"className": "score",
"to": 'viewTaskStep',
"data-assignment-type": "" + this.props.task.type,
"params": {
courseId: this.props.courseId,
id: this.props.task.id,
stepIndex: 1
}
}, (this.props.displayAs === 'number' ? this.props.task.correct_exercise_count + " of " + this.props.task.exercise_count : pieValue + "%")), React.createElement("div", {
"className": "worked"
}, React.createElement(BS.OverlayTrigger, {
"placement": "left",
"delayShow": 1000.,
"delayHide": 0.,
"overlay": tooltip
}, React.createElement("span", {
"className": 'trigger-wrap'
}, React.createElement(PieProgress, {
"size": 24.,
"value": pieValue,
"roundToQuarters": true
})))));
}
});
module.exports = ConceptCoachCell;
|