| 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 | 2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
28×
28×
28×
8×
8×
20×
20×
28×
28×
31×
28×
32×
| var BS, CCDashboardActions, CCDashboardStore, CourseStore, LoadableItem, React, RenameCourse, Roster, RosterActions, RosterStore, StudentDashboardActions, StudentDashboardStore, TeacherRoster, _, ref, ref1, ref2;
React = require('react');
BS = require('react-bootstrap');
_ = require('underscore');
LoadableItem = require('../loadable-item');
CourseStore = require('../../flux/course').CourseStore;
ref = require('../../flux/roster'), RosterStore = ref.RosterStore, RosterActions = ref.RosterActions;
ref1 = require('../../flux/student-dashboard'), StudentDashboardStore = ref1.StudentDashboardStore, StudentDashboardActions = ref1.StudentDashboardActions;
ref2 = require('../../flux/cc-dashboard'), CCDashboardStore = ref2.CCDashboardStore, CCDashboardActions = ref2.CCDashboardActions;
Roster = require('./roster');
TeacherRoster = require('./teacher-roster');
RenameCourse = require('./rename-course');
module.exports = React.createClass({
displayName: 'CourseSettings',
propTypes: {
courseId: React.PropTypes.string.isRequired
},
render: function() {
var actions, course, store;
course = CourseStore.get(this.props.courseId);
if (course.is_concept_coach) {
store = CCDashboardStore;
actions = CCDashboardActions;
} else {
store = StudentDashboardStore;
actions = StudentDashboardActions;
}
return React.createElement(BS.Panel, {
"className": 'course-settings'
}, React.createElement("span", {
"className": 'course-settings-title'
}, course.name, React.createElement(RenameCourse, {
"courseId": this.props.courseId,
"course": course
})), React.createElement("div", {
"className": "settings-section teachers"
}, React.createElement(LoadableItem, {
"id": this.props.courseId,
"store": store,
"actions": actions,
"renderItem": ((function(_this) {
return function() {
return React.createElement(TeacherRoster, {
"store": store,
"courseRoles": course.roles,
"courseId": _this.props.courseId
});
};
})(this))
})), React.createElement("div", {
"className": "settings-section periods"
}, React.createElement(LoadableItem, {
"id": this.props.courseId,
"store": RosterStore,
"actions": RosterActions,
"renderItem": ((function(_this) {
return function() {
return React.createElement(Roster, {
"courseId": _this.props.courseId
});
};
})(this))
})));
}
});
|