Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitf5fcfa6

Browse files
committed
refactor checks into component
1 parent4a265ff commitf5fcfa6

File tree

7 files changed

+93
-34
lines changed

7 files changed

+93
-34
lines changed

‎lib/components/checks/checks.js

Lines changed: 54 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,61 @@
11
"use strict";
2+
var__extends=(this&&this.__extends)||function(d,b){
3+
for(varpinb)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__decorate=(this&&this.__decorate)||function(decorators,target,key,desc){
8+
varc=arguments.length,r=c<3 ?target :desc===null ?desc=Object.getOwnPropertyDescriptor(target,key) :desc,d;
9+
if(typeofReflect==="object"&&typeofReflect.decorate==="function")r=Reflect.decorate(decorators,target,key,desc);
10+
elsefor(vari=decorators.length-1;i>=0;i--)if(d=decorators[i])r=(c<3 ?d(r) :c>3 ?d(target,key,r) :d(target,key))||r;
11+
returnc>3&&r&&Object.defineProperty(target,key,r),r;
12+
};
13+
var__metadata=(this&&this.__metadata)||function(k,v){
14+
if(typeofReflect==="object"&&typeofReflect.metadata==="function")returnReflect.metadata(k,v);
15+
};
216
varReact=require('react');
317
varpaper_1=require('material-ui/lib/paper');
418
varraised_button_1=require('material-ui/lib/raised-button');
519
vardynamic_stepper_1=require('./dynamic-stepper');
620
varVerticalStep_1=require('material-ui/lib/Stepper/VerticalStep');
721
varflat_button_1=require('material-ui/lib/flat-button');
8-
exports.Checks=function(_a){
9-
varchecks=_a.checks;
10-
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"),React.createElement(dynamic_stepper_1.default,{title:'Dependency Checks'},React.createElement(VerticalStep_1.default,{orderStepLabel:'1',stepLabel:'Node >= 0.10',actions:[
11-
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
12-
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
13-
]},React.createElement("div",null,"Install a newer version of ",React.createElement("a",{href:'https://nodejs.org'},"Node"))),React.createElement(VerticalStep_1.default,{orderStepLabel:'2',stepLabel:'NPM >= 3',actions:[
14-
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
15-
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
16-
]},React.createElement("div",null,"Update your version of NPM.",React.createElement("br",null),"`> npm update -g npm`"))),React.createElement(dynamic_stepper_1.default,{title:'Setup Checks'},React.createElement(VerticalStep_1.default,{orderStepLabel:'1',stepLabel:'working directory',actions:[
17-
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
18-
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
19-
]},React.createElement("div",null,"File -> Open (a new folder)")),React.createElement(VerticalStep_1.default,{orderStepLabel:'2',stepLabel:'package.json',actions:[
20-
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
21-
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
22-
]},React.createElement("div",null,"Create a package.json by running",React.createElement("br",null),"`> npm init -y`")),React.createElement(VerticalStep_1.default,{orderStepLabel:'3',stepLabel:'install tutorial',actions:[
23-
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
24-
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
25-
]},React.createElement("div",null,"Install a tutorial using npm. For example:",React.createElement("br",null),"`> npm install coderoad-functional-school --save-dev`"))),React.createElement("div",{className:'setup-guide'},React.createElement("span",null,"Check the",React.createElement("a",{href:'https://coderoad.github.io/docs#install'}," ",React.createElement("strong",null,"Install Guide")))))));
26-
};
22+
varreact_redux_1=require('react-redux');
23+
varstore_1=require('../../store/store');
24+
varAction=require('../../actions/actions');
25+
varChecks=(function(_super){
26+
__extends(Checks,_super);
27+
functionChecks(){
28+
_super.apply(this,arguments);
29+
}
30+
Checks.prototype.render=function(){
31+
var_a=this.props,checks=_a.checks,routeToTutorials=_a.routeToTutorials;
32+
returnReact.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"),checks.system.passed ?null :React.createElement(dynamic_stepper_1.default,{title:'Dependency Checks'},React.createElement(VerticalStep_1.default,{orderStepLabel:'1',stepLabel:'Node >= 0.10',actions:[
33+
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
34+
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
35+
]},React.createElement("div",null,"Install a newer version of ",React.createElement("a",{href:'https://nodejs.org'},"Node"))),React.createElement(VerticalStep_1.default,{orderStepLabel:'2',stepLabel:'NPM >= 3',actions:[
36+
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
37+
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
38+
]},React.createElement("div",null,"Update your version of NPM.",React.createElement("br",null),"`> npm update -g npm`"))),checks.setup.passed ?null :React.createElement(dynamic_stepper_1.default,{title:'Setup Checks'},React.createElement(VerticalStep_1.default,{orderStepLabel:'1',stepLabel:'working directory',actions:[
39+
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
40+
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
41+
]},React.createElement("div",null,"File -> Open (a new folder)")),React.createElement(VerticalStep_1.default,{orderStepLabel:'2',stepLabel:'package.json',actions:[
42+
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
43+
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
44+
]},React.createElement("div",null,"Create a package.json by running",React.createElement("br",null),"`> npm init -y`")),React.createElement(VerticalStep_1.default,{orderStepLabel:'3',stepLabel:'install tutorial',actions:[
45+
React.createElement(raised_button_1.default,{key:0,primary:true,label:'Verify',onTouchTap:function(){return;}}),
46+
React.createElement(flat_button_1.default,{key:1,label:'Cancel'})
47+
]},React.createElement("div",null,"Install a tutorial using npm. For example:",React.createElement("br",null),"`> npm install coderoad-functional-school --save-dev`"))),checks.passed
48+
?React.createElement(flat_button_1.default,{label:'Begin',primary:true,onTouchTap:routeToTutorials})
49+
:React.createElement("div",{className:'setup-guide'},React.createElement("span",null,"Check the",React.createElement("a",{href:'https://coderoad.github.io/docs#install'}," ",React.createElement("strong",null,"Install Guide"))))));
50+
};
51+
Checks=__decorate([
52+
react_redux_1.connect(null,function(dispatch){
53+
return{
54+
routeToTutorials:function(){returnstore_1.store.dispatch(Action.setRoute('tutorials'));}
55+
};
56+
}),
57+
__metadata('design:paramtypes',[])
58+
],Checks);
59+
returnChecks;
60+
}(React.Component));
61+
exports.Checks=Checks;

‎lib/reducers/route/route.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
"use strict";
22
varType=require('../../actions/actionTypes');
3-
vardefaultRoute='tutorials';
3+
vardefaultRoute='checks';
44
functionrouteReducer(route,action){
55
if(route===void0){route=defaultRoute;}
66
switch(action.type){

‎src/components/_app.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@
66
@import'./page/_task';
77
@import'./progress/_progress';
88
@import'./alert/_alert';
9+
@import'./tutorials/_tutorials';
10+
@import'./checks/_checks';
911

1012
atom-panel-container> atom-panel>#crv {
1113
animation: slide0.5sforwards;

‎src/components/tutorials/_start.lessrenamed to‎src/components/checks/_checks.less

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,3 @@
3232
}
3333
}
3434
}
35-
.cr-tutorials {
36-
padding:10px;
37-
}

‎src/components/checks/checks.tsx

Lines changed: 32 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,29 @@ import DynamicStepper from './dynamic-stepper';
55
importStepfrom'material-ui/lib/Stepper/VerticalStep';
66
importFlatButtonfrom'material-ui/lib/flat-button';
77

8-
exportconstChecks=({checks})=>(
9-
<PaperclassName='cr-start'>
8+
import{connect}from'react-redux';
9+
import{store}from'../../store/store';
10+
import*asActionfrom'../../actions/actions';
11+
12+
@connect(null,(dispatch)=>{
13+
return{
14+
routeToTutorials:()=>store.dispatch(Action.setRoute('tutorials'))
15+
};
16+
})
17+
exportclassChecksextendsReact.Component<{
18+
checks:CR.Checks,routeToTutorials?:any
19+
},{}>{
20+
render(){
21+
const{checks, routeToTutorials}=this.props;
22+
return<PaperclassName='cr-start'>
1023
<divclassName='cr-start-header'>
1124
<spanclassName='title'>CodeRoad</span>
1225
<pclassName='tagline'>Tutorials in the Editor</p>
1326
<pclassName='version'>Beta</p>
1427

15-
<DynamicSteppertitle='Dependency Checks'>
28+
{/* System Checks */}
29+
30+
{checks.system.passed ?null :<DynamicSteppertitle='Dependency Checks'>
1631
<SteporderStepLabel='1'
1732
stepLabel='Node >= 0.10'
1833
actions={[
@@ -38,9 +53,11 @@ export const Checks = ({checks}) => (
3853
`>npmupdate-gnpm`
3954
</div>
4055
</Step>
41-
</DynamicStepper>
56+
</DynamicStepper>}
4257
43-
<DynamicStepper title='Setup Checks'>
58+
{/* Setup Checks */}
59+
60+
{checks.setup.passed ? null : <DynamicStepper title='Setup Checks'>
4461
<Step orderStepLabel='1'
4562
stepLabel='working directory'
4663
actions={[
@@ -79,13 +96,18 @@ export const Checks = ({checks}) => (
7996
`>npminstallcoderoad-functional-school--save-dev`
8097
</div>
8198
</Step>
82-
</DynamicStepper>
99+
</DynamicStepper>}
100+
101+
{/* Install Guide || Continue */}
83102

84-
<divclassName='setup-guide'>
103+
{checks.passed
104+
?<FlatButtonlabel='Begin'primary={true}onTouchTap={routeToTutorials}/>
105+
:<divclassName='setup-guide'>
85106
<span>Check the
86107
<ahref='https://coderoad.github.io/docs#install'><strong>Install Guide</strong></a></span>
87-
</div>
108+
</div>}
88109

89110
</div>
90-
</Paper>
91-
);
111+
</Paper>;
112+
}
113+
}
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.cr-tutorials {
2+
padding:10px;
3+
}

‎src/reducers/route/route.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import * as Type from '../../actions/actionTypes';
22
import{store}from'../../store/store';
33
import*asActionfrom'../../actions/task-actions';
44

5-
constdefaultRoute:string='tutorials';
5+
constdefaultRoute:string='checks';
66

77
exportdefaultfunctionrouteReducer(route=defaultRoute,action:CR.Action):string{
88
switch(action.type){

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp