| 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 | 2×
2×
2×
2×
2×
2×
2×
2×
2×
| var BS, BackButton, BreadcrumbStatic, ChapterSectionMixin, CrumbMixin, React, _;
React = require('react');
BS = require('react-bootstrap');
_ = require('underscore');
CrumbMixin = require('./crumb-mixin');
ChapterSectionMixin = require('openstax-react-components').ChapterSectionMixin;
BreadcrumbStatic = require('../breadcrumb').BreadcrumbStatic;
BackButton = require('../buttons/back-button');
module.exports = React.createClass({
displayName: 'Breadcrumbs',
mixins: [ChapterSectionMixin, CrumbMixin],
propTypes: {
id: React.PropTypes.string.isRequired,
currentStep: React.PropTypes.number,
goToStep: React.PropTypes.func.isRequired,
title: React.PropTypes.string.isRequired,
courseId: React.PropTypes.string.isRequired
},
render: function() {
var backButton, courseId, crumbs, currentStep, fallbackLink, goToStep, ref, stepButtons, title;
crumbs = this.getCrumableCrumbs();
ref = this.props, currentStep = ref.currentStep, goToStep = ref.goToStep, title = ref.title, courseId = ref.courseId;
stepButtons = _.map(crumbs, function(crumb) {
return React.createElement(BreadcrumbStatic, {
"crumb": crumb,
"currentStep": currentStep,
"goToStep": goToStep,
"key": "breadcrumb-" + crumb.type + "-" + crumb.key
});
});
fallbackLink = {
to: 'taskplans',
params: {
courseId: courseId
},
text: 'Back to Calendar'
};
backButton = React.createElement(BackButton, {
"fallbackLink": fallbackLink
});
return React.createElement("div", {
"className": 'task-breadcrumbs'
}, stepButtons, backButton, React.createElement("div", {
"className": 'task-title'
}, title));
}
});
|