-
Notifications
You must be signed in to change notification settings - Fork 479
/
text_responses.jsx
88 lines (79 loc) · 2.17 KB
/
text_responses.jsx
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import React, {PropTypes} from 'react';
import {Well} from 'react-bootstrap';
import _ from 'lodash';
import he from 'he';
export default class TextResponses extends React.Component {
static propTypes = {
question: PropTypes.string.isRequired,
answers: PropTypes.oneOfType([
PropTypes.array,
PropTypes.object
]).isRequired,
showAverage: PropTypes.bool
};
renderResponseBullets() {
if (Array.isArray(this.props.answers)) {
let answers = this.props.answers.map((answer, i) => this.renderBullet(answer, i));
if (this.props.showAverage) {
let average = this.computeAverageForAnswers(this.props.answers);
answers.unshift((
<li key={Object.keys(this.props.answers).length}>
Average: {average}
</li>
));
}
return answers;
} else {
return Object.keys(this.props.answers).map((facilitator_name, i) => {
let answers = this.props.answers[facilitator_name].map((feedback, j) => this.renderBullet(feedback, j));
if (this.props.showAverage) {
let average = this.computeAverageForAnswers(this.props.answers[facilitator_name]);
answers.unshift((
<li key={Object.keys(this.props.answers[facilitator_name]).length}>
Average: {average}
</li>
));
}
return (
<li key={i}>
{facilitator_name}
<ul>
{answers}
</ul>
</li>
);
});
}
}
computeAverageForAnswers(answers) {
let numericAnswers = answers.filter(answer => !isNaN(Number(answer)));
return (numericAnswers.reduce((sum, answer) => {
let x = parseInt(answer);
if (x > 0) {
return sum + x;
} else {
return sum;
}
}, 0) / numericAnswers.length).toFixed(2);
}
renderBullet(text, key) {
const trimmedText = _.trim(he.decode(text));
if (trimmedText) {
return (
<li key={key}>
{trimmedText}
</li>
);
}
}
render() {
return (
<Well>
<b>
{this.props.question}
</b>
{this.renderResponseBullets()}
</Well>
);
}
}