| 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 | 2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
5×
5×
5×
5×
2×
| var BS, BlankCourse, CourseGroupingLabel, DesktopImage, Icon, React, Router, _, classnames;
_ = require('underscore');
React = require('react');
BS = require('react-bootstrap');
Router = require('react-router');
DesktopImage = require('./desktop-image');
CourseGroupingLabel = require('../course-grouping-label');
Icon = require('../icon');
classnames = require('classnames');
BlankCourse = React.createClass({displayName: "BlankCourse",
propTypes: {
courseId: React.PropTypes.string,
inPeriod: React.PropTypes.bool
},
render: function() {
var classes, glprops;
glprops = {
lowercase: true,
courseId: this.props.courseId
};
classes = classnames('blank-course', {
'in-period': this.props.inPeriod
});
return React.createElement("div", {
"className": "" + classes
}, React.createElement("h3", {
"className": "title"
}, "Welcome to your OpenStax Concept Coach™ Dashboard"), React.createElement("div", {
"className": "body"
}, React.createElement("h3", null, "Getting Started"), React.createElement("div", {
"className": "side-by-side"
}, React.createElement("div", {
"className": "help"
}, React.createElement("ol", null, React.createElement("li", null, "Add ", React.createElement(CourseGroupingLabel, React.__spread({
"plural": true
}, glprops)), " to\nyour course by clicking on your name in the top\nright corner and selecting \"Course Settings and Roster.\""), React.createElement("li", null, "Generate a student enrollment code for\neach ", React.createElement(CourseGroupingLabel, React.__spread({}, glprops)), " you\ncreate."), React.createElement("li", null, "Distribute the enrollment codes for\neach ", React.createElement(CourseGroupingLabel, React.__spread({}, glprops)), " and\ntextbook URL (which is the same for\neach ", React.createElement(CourseGroupingLabel, React.__spread({}, glprops)), ") to\nyour students."), React.createElement("li", null, "Encourage your students to login to Concept Coach as part of their\nfirst reading assignment."), React.createElement("li", null, "As your students begin using Concept Coach, you will be able to\ntrack their performance and see their scores in your dashboard.", React.createElement("p", null, "Performance metrics will appear when at least 10% of students\nhave completed a Concept Coach reading"))), React.createElement(Router.Link, {
"className": 'settings btn btn-default btn-large',
"to": 'courseSettings',
"params": {
courseId: this.props.courseId
}
}, React.createElement(Icon, {
"type": 'plus'
}), " Add\na ", React.createElement(CourseGroupingLabel, React.__spread({}, glprops)), " to your course")), React.createElement("div", {
"className": 'graphic'
}, React.createElement("div", {
"className": 'svg-container'
}, React.createElement(DesktopImage, {
"courseId": this.props.courseId
}))))));
}
});
module.exports = BlankCourse;
|