Skip to content

Commit 7d33ead

Browse files
ShMcKShMcK
committed
create setup stepper
1 parent 95bdf94 commit 7d33ead

File tree

22 files changed

+257
-380
lines changed

22 files changed

+257
-380
lines changed

‎lib/components/account/account.js‎

Lines changed: 0 additions & 20 deletions
This file was deleted.

‎lib/components/account/login.js‎

Whitespace-only changes.

‎lib/components/account/signup.js‎

Whitespace-only changes.

‎lib/components/start/setup-steps.js‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
"use strict";
2+
var __extends = (this && this.__extends) || function (d, b) {
3+
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
4+
function __() { this.constructor = d; }
5+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
6+
};
7+
var React = require('react');
8+
var Stepper_1 = require('material-ui/lib/Stepper/Stepper');
9+
var font_icon_1 = require('material-ui/lib/font-icon');
10+
var initState = {
11+
activeStep: -1,
12+
statusSteps: []
13+
};
14+
var default_1 = (function (_super) {
15+
__extends(default_1, _super);
16+
function default_1(props) {
17+
_super.call(this, props);
18+
this.state = initState;
19+
}
20+
default_1.prototype.selectStep = function (CurrentStep) {
21+
this.setState({
22+
activeStep: CurrentStep,
23+
statusSteps: this.state.statusSteps
24+
});
25+
};
26+
default_1.prototype.updateCompletedSteps = function (CurrentStep) {
27+
return this.state.statusSteps[CurrentStep];
28+
};
29+
default_1.prototype.createIcon = function (step) {
30+
if (step.props.isCompleted) {
31+
return (React.createElement(font_icon_1.default, {className: 'material-icons', style: { fontSize: 14 }}, "✓"));
32+
}
33+
return React.createElement("span", null, step.props.orderStepLabel);
34+
};
35+
default_1.prototype.continue = function () {
36+
var _a = this.state, activeStep = _a.activeStep, statusSteps = _a.statusSteps;
37+
statusSteps[activeStep] = true;
38+
this.state = {
39+
activeStep: activeStep + 1,
40+
statusSteps: statusSteps,
41+
};
42+
};
43+
default_1.prototype.render = function () {
44+
return React.createElement(Stepper_1.default, {activeStep: this.state.activeStep, onStepHeaderTouch: this.selectStep.bind(this), updateCompletedStatus: this.updateCompletedSteps.bind(this), createIcon: this.createIcon});
45+
};
46+
return default_1;
47+
}(React.Component));
48+
Object.defineProperty(exports, "__esModule", { value: true });
49+
exports.default = default_1;

‎lib/components/start/setup.js‎

Lines changed: 4 additions & 19 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/components/start/start.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@ var React = require('react');
33
var paper_1 = require('material-ui/lib/paper');
44
var setup_1 = require('./setup');
55
var tutorials_1 = require('./tutorials');
6+
var setup_steps_1 = require('./setup-steps');
67
exports.Start = function (_a) {
78
var tutorials = _a.tutorials, warning = _a.warning;
8-
return (React.createElement(paper_1.default, {className: 'cr-start'}, React.createElement("div", {className: 'cr-start-header'}, React.createElement("span", {className: 'title'}, "CodeRoad"), React.createElement("p", {className: 'tagline'}, "Tutorials in the Editor"), React.createElement("p", {className: 'version'}, "Beta"), !warning ? React.createElement(tutorials_1.default, {tutorials: tutorials}) : React.createElement(setup_1.default, {warning: warning}))));
9+
return (React.createElement(paper_1.default, {className: 'cr-start'}, React.createElement("div", {className: 'cr-start-header'}, React.createElement("span", {className: 'title'}, "CodeRoad"), React.createElement("p", {className: 'tagline'}, "Tutorials in the Editor"), React.createElement("p", {className: 'version'}, "Beta"), !warning ? React.createElement(tutorials_1.default, {tutorials: tutorials}) : React.createElement(setup_1.SetupGuide, {warning: warning}), React.createElement(setup_steps_1.default, null))));
910
};

‎lib/components/start/steps.js‎

Lines changed: 15 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/components/start/system-stepper.js‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
"use strict";
2+
var __extends = (this && this.__extends) || function (d, b) {
3+
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
4+
function __() { this.constructor = d; }
5+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
6+
};
7+
var React = require('react');
8+
var Stepper_1 = require('material-ui/lib/Stepper/Stepper');
9+
var VerticalStep_1 = require('material-ui/lib/Stepper/VerticalStep');
10+
var raised_button_1 = require('material-ui/lib/raised-button');
11+
var flat_button_1 = require('material-ui/lib/flat-button');
12+
var font_icon_1 = require('material-ui/lib/font-icon');
13+
var initState = {
14+
activeStep: -1,
15+
statusSteps: []
16+
};
17+
var default_1 = (function (_super) {
18+
__extends(default_1, _super);
19+
function default_1(props) {
20+
_super.call(this, props);
21+
this.state = initState;
22+
}
23+
default_1.prototype.selectStep = function (CurrentStep) {
24+
this.setState({
25+
activeStep: CurrentStep,
26+
statusSteps: this.state.statusSteps
27+
});
28+
};
29+
default_1.prototype.updateCompletedSteps = function (CurrentStep) {
30+
return this.state.statusSteps[CurrentStep];
31+
};
32+
default_1.prototype.createIcon = function (step) {
33+
if (step.props.isCompleted) {
34+
return (React.createElement(font_icon_1.default, {className: 'material-icons', style: { fontSize: 14 }}, "done"));
35+
}
36+
return React.createElement("span", null, step.props.orderStepLabel);
37+
};
38+
default_1.prototype.continue = function () {
39+
var _a = this.state, activeStep = _a.activeStep, statusSteps = _a.statusSteps;
40+
statusSteps[activeStep] = true;
41+
this.state = {
42+
activeStep: activeStep + 1,
43+
statusSteps: statusSteps,
44+
};
45+
};
46+
default_1.prototype.render = function () {
47+
return React.createElement(Stepper_1.default, {activeStep: this.state.activeStep, onStepHeaderTouch: this.selectStep.bind(this), updateCompletedStatus: this.updateCompletedSteps.bind(this), createIcon: this.createIcon}, React.createElement(VerticalStep_1.default, {orderStepLabel: '1', stepLabel: 'Node >= v0.10', actions: [
48+
React.createElement(raised_button_1.default, {key: 0, label: 'Verify', primary: true, onTouchTap: this.continue.bind(this)}),
49+
React.createElement(flat_button_1.default, {key: 1, label: 'Cancel'})
50+
]}, React.createElement("div", null, "Update your version of ", React.createElement("a", {href: 'https://www.nodejs.org'}, "NodeJS"), ".")), React.createElement(VerticalStep_1.default, {orderStepLabel: '2', stepLabel: 'NPM >= v3', actions: [
51+
React.createElement(raised_button_1.default, {key: 0, label: 'Verify', primary: true, onTouchTap: this.continue.bind(this)}),
52+
React.createElement(flat_button_1.default, {key: 1, label: 'Cancel'})
53+
]}, React.createElement("div", {style: { height: 50 }}, "Update your version of NPM." + ' ' + "`> npm update -g npm`")));
54+
};
55+
return default_1;
56+
}(React.Component));
57+
Object.defineProperty(exports, "__esModule", { value: true });
58+
exports.default = default_1;

‎lib/components/start/tutorials.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,16 @@ var default_1 = (function (_super) {
3939
};
4040
default_1.prototype.render = function () {
4141
var _this = this;
42-
var _a = this.props, tutorials = _a.tutorials, loadTutorials = _a.loadTutorials, selectProject = _a.selectProject, toggleAlert = _a.toggleAlert;
42+
var _a = this.props, tutorials = _a.tutorials, loadTutorials = _a.loadTutorials, selectTutorial = _a.selectTutorial, toggleAlert = _a.toggleAlert;
4343
return (React.createElement("div", {className: 'cr-tutorials'}, React.createElement(table_1.default, null, React.createElement(table_header_1.default, {displaySelectAll: false, adjustForCheckbox: false}, React.createElement(table_row_1.default, null, React.createElement(table_header_column_1.default, null, "Tutorial"), React.createElement(table_header_column_1.default, null, "Version"))), React.createElement(table_body_1.default, {displayRowCheckbox: false}, tutorials.map(function (tutorial, index) {
44-
return (React.createElement(table_row_1.default, null, React.createElement(table_row_column_1.default, null, React.createElement(flat_button_1.default, {label: _this.trim(tutorial.name), primary: true, onTouchTap: selectProject.bind(_this, tutorial)})), React.createElement(table_row_column_1.default, null, tutorial.version), "/>"));
44+
return (React.createElement(table_row_1.default, null, React.createElement(table_row_column_1.default, null, React.createElement(flat_button_1.default, {label: _this.trim(tutorial.name), primary: true, onTouchTap: selectTutorial.bind(_this, tutorial)})), React.createElement(table_row_column_1.default, null, tutorial.version), "/>"));
4545
}))), React.createElement("br", null), React.createElement(flat_button_1.default, {label: 'Check for Tutorials', secondary: true, onTouchTap: loadTutorials})));
4646
};
4747
default_1 = __decorate([
4848
react_redux_1.connect(null, function (dispatch) {
4949
return {
50-
selectProject: function (name) {
51-
Action.loadTutorial(name);
50+
selectTutorial: function (tutorial) {
51+
Action.loadTutorial(tutorial);
5252
dispatch(Action.setRoute('progress'));
5353
},
5454
toggleAlert: function (item) {

‎lib/reducers/hint/hint.js‎

Lines changed: 0 additions & 29 deletions
This file was deleted.

0 commit comments

Comments
 (0)