| 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118 | 2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
2×
62×
164×
164×
164×
128×
128×
128×
128×
128×
128×
128×
128×
128×
128×
128×
2×
| var AccountLink, BS, BindStoreMixin, BrowseTheBook, CurrentUserStore, LogOut, React, Router, UserActionsMenu, UserName, _;
React = require('react');
BS = require('react-bootstrap');
Router = require('react-router');
_ = require('underscore');
UserName = require('./username');
AccountLink = require('./account-link');
BrowseTheBook = require('../buttons/browse-the-book');
BindStoreMixin = require('../bind-store-mixin');
LogOut = require('./logout');
CurrentUserStore = require('../../flux/current-user').CurrentUserStore;
UserActionsMenu = React.createClass({displayName: "UserActionsMenu",
mixins: [BindStoreMixin],
bindStore: CurrentUserStore,
propTypes: {
courseId: React.PropTypes.string
},
contextTypes: {
router: React.PropTypes.func
},
transitionToMenuItem: function(routeName, params) {
return this.context.router.transitionTo(routeName, params);
},
componentWillMount: function() {
return CurrentUserStore.ensureLoaded();
},
renderMenuItem: function(route, index) {
var isActive;
isActive = this.context.router.isActive(route.name);
return React.createElement(BS.MenuItem, {
"key": "dropdown-item-" + index,
"onSelect": _.partial(this.transitionToMenuItem, route.name, route.params),
"className": (isActive ? 'active' : void 0),
"eventKey": index + 2
}, route.label);
},
renderMenuItems: function() {
var courseId, menu;
courseId = this.props.courseId;
menu = _.map(CurrentUserStore.getCourseMenuRoutes(courseId), this.renderMenuItem);
menu.push(React.createElement("li", {
"key": 'nav-browse-the-book'
}, React.createElement(BrowseTheBook, {
"unstyled": true,
"courseId": courseId
})));
Iif (CurrentUserStore.isAdmin()) {
menu.push(React.createElement("li", {
"key": 'admin'
}, React.createElement("a", {
"href": '/admin'
}, "Admin")));
}
Iif (CurrentUserStore.isCustomerService()) {
menu.push(React.createElement("li", {
"key": 'cs'
}, React.createElement("a", {
"href": '/customer_service'
}, "Customer Service")));
}
Iif (CurrentUserStore.isContentAnalyst()) {
menu.push(this.renderMenuItem({
name: 'QADashboard',
label: 'QA Content',
params: {}
}, menu.length));
menu.push(React.createElement("li", {
"key": 'ca'
}, React.createElement("a", {
"href": '/content_analyst'
}, "Content Analyst")));
}
menu.push(React.createElement(BS.MenuItem, {
"divider": true,
"key": 'dropdown-item-divider'
}));
return menu;
},
render: function() {
var ref;
return React.createElement(BS.DropdownButton, {
"navItem": true,
"eventKey": 1.,
"className": '-hamburger-menu',
"title": React.createElement(UserName, null),
"ref": 'navDropDown'
}, this.renderMenuItems(), React.createElement(AccountLink, {
"key": 'accounts-link'
}), React.createElement(BS.MenuItem, {
"key": 'nav-help-link',
"className": '-help-link',
"target": '_blank',
"href": CurrentUserStore.getHelpLink(this.props.courseId)
}, "Get Help"), React.createElement(BS.MenuItem, {
"className": "logout",
"eventKey": 4.,
"key": 'dropdown-item-logout'
}, React.createElement(LogOut, {
"isConceptCoach": ((ref = this.props.course) != null ? ref.is_concept_coach : void 0),
"className": 'btn btn-link btn-xs'
}, "Log Out")));
}
});
module.exports = UserActionsMenu;
|