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

Commitde10a22

Browse files
committed
refactor components based on airbnb style guide
1 parent5758cf6 commitde10a22

File tree

34 files changed

+403
-217
lines changed

34 files changed

+403
-217
lines changed

‎lib/components/AppMenu/MenuLink.js‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
"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+
};
16+
varReact=require('react');
17+
varreact_redux_1=require('react-redux');
18+
varMenuItem_1=require('material-ui/MenuItem');
19+
varactions_1=require('../../actions');
20+
varMenuLink=(function(_super){
21+
__extends(MenuLink,_super);
22+
functionMenuLink(){
23+
_super.apply(this,arguments);
24+
}
25+
MenuLink.prototype.render=function(){
26+
var_a=this.props,route=_a.route,title=_a.title,routeTo=_a.routeTo;
27+
returnReact.createElement(MenuItem_1.default,{primaryText:title ?title :route,onTouchTap:routeTo.bind(this,route),key:route});
28+
};
29+
MenuLink=__decorate([
30+
react_redux_1.connect(null,function(dispatch){
31+
return{
32+
routeTo:function(route){returndispatch(actions_1.setRoute(route));}
33+
};
34+
}),
35+
__metadata('design:paramtypes',[])
36+
],MenuLink);
37+
returnMenuLink;
38+
}(React.Component));
39+
exports.MenuLink=MenuLink;

‎lib/components/AppMenu/index.js‎

Lines changed: 4 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -24,29 +24,10 @@ var IconButton_1 = require('material-ui/IconButton');
2424
varIconMenu_1=require('material-ui/IconMenu');
2525
varMenuItem_1=require('material-ui/MenuItem');
2626
varDivider_1=require('material-ui/Divider');
27+
varMenuLink_1=require('./MenuLink');
2728
varmore_vert_1=require('material-ui/svg-icons/navigation/more-vert');
2829
varclose_1=require('material-ui/svg-icons/navigation/close');
2930
varorigin={horizontal:'right',vertical:'top'};
30-
varMenuLink=(function(_super){
31-
__extends(MenuLink,_super);
32-
functionMenuLink(){
33-
_super.apply(this,arguments);
34-
}
35-
MenuLink.prototype.render=function(){
36-
var_a=this.props,route=_a.route,title=_a.title,routeTo=_a.routeTo;
37-
returnReact.createElement(MenuItem_1.default,{primaryText:title ?title :route,onTouchTap:routeTo.bind(this,route),key:route});
38-
};
39-
MenuLink=__decorate([
40-
react_redux_1.connect(null,function(dispatch){
41-
return{
42-
routeTo:function(route){returndispatch(actions_1.setRoute(route));}
43-
};
44-
}),
45-
__metadata('design:paramtypes',[])
46-
],MenuLink);
47-
returnMenuLink;
48-
}(React.Component));
49-
exports.MenuLink=MenuLink;
5031
varAppMenu=(function(_super){
5132
__extends(AppMenu,_super);
5233
functionAppMenu(){
@@ -57,7 +38,7 @@ var AppMenu = (function (_super) {
5738
switch(this.props.route){
5839
case'final':
5940
case'page':
60-
returnReact.createElement(MenuLink,{route:'progress'});
41+
returnReact.createElement(MenuLink_1.MenuLink,{route:'progress'});
6142
case'progress':
6243
returnReact.createElement(MenuItem_1.default,{onTouchTap:routeToPage,primaryText:'page',key:'page'});
6344
default:returnnull;
@@ -67,9 +48,9 @@ var AppMenu = (function (_super) {
6748
switch(this.props.route){
6849
case'final':
6950
case'page':
70-
return(React.createElement("div",null,React.createElement(MenuLink,{route:'progress'}),React.createElement(MenuLink,{route:'tutorials'})));
51+
return(React.createElement("div",null,React.createElement(MenuLink_1.MenuLink,{route:'progress'}),React.createElement(MenuLink_1.MenuLink,{route:'tutorials'})));
7152
case'progress':
72-
returnReact.createElement(MenuLink,{route:'tutorials'});
53+
returnReact.createElement(MenuLink_1.MenuLink,{route:'tutorials'});
7354
default:returnnull;
7455
}
7556
};

‎lib/components/Page/EditPage.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
"use strict";
2+
varReact=require('react');
3+
varpath=require('path');
4+
varmode_edit_1=require('material-ui/svg-icons/editor/mode-edit');
5+
vareditStyle={position:'absolute',top:'10px',right:'10px'};
6+
exports.EditPage=function(_a){
7+
vareditPath=_a.editPath;
8+
if(editPath&&window.coderoad.edit){
9+
varrepoPath=path.join(window.coderoad.repo,'edit','master',editPath);
10+
returnReact.createElement("a",{href:repoPath},React.createElement(mode_edit_1.default,{style:editStyle}));
11+
}
12+
};
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
"use strict";
2+
varReact=require('react');
3+
varList_1=require('material-ui/List');
4+
varindex_1=require('../../index');
5+
exports.PageCompleteMessage=function(_a){
6+
varpage=_a.page;
7+
return(React.createElement("div",{className:'cr-page-onComplete'},page.completed&&page.onPageComplete ?
8+
React.createElement(List_1.ListItem,{key:'page-complete'},React.createElement(index_1.Markdown,null,page.onPageComplete))
9+
:null));
10+
};

‎lib/components/Page/PageContent.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
"use strict";
2+
varReact=require('react');
3+
varindex_1=require('../index');
4+
varCard_1=require('material-ui/Card');
5+
exports.PageContent=function(_a){
6+
varpage=_a.page;
7+
return(React.createElement(Card_1.Card,{className:'cr-page-content'},React.createElement(Card_1.CardHeader,{title:page.title}),React.createElement(Card_1.CardText,null,React.createElement(index_1.Markdown,null,page.description))));
8+
};
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
"use strict";
2+
varReact=require('react');
3+
varindex_1=require('../../index');
4+
exports.Chapter=function(_a){
5+
varchapter=_a.chapter;
6+
return(React.createElement("section",{className:'cr-chapter'},React.createElement(index_1.Markdown,null,chapter.title)));
7+
};
Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
"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+
};
16+
varReact=require('react');
17+
varreact_redux_1=require('react-redux');
18+
varFlatButton_1=require('material-ui/FlatButton');
19+
varactions_1=require('../../../actions');
20+
varHintButton=(function(_super){
21+
__extends(HintButton,_super);
22+
functionHintButton(){
23+
_super.apply(this,arguments);
24+
}
25+
HintButton.prototype.render=function(){
26+
var_a=this.props,hintPosition=_a.hintPosition,hintsLength=_a.hintsLength,label=_a.label,type=_a.type,hintSet=_a.hintSet;
27+
switch(type){
28+
case'next':
29+
returnReact.createElement(FlatButton_1.default,{label:label,disabled:hintPosition>hintsLength-2,onTouchTap:hintSet.bind(this,hintPosition+1)});
30+
case'prev':
31+
returnReact.createElement(FlatButton_1.default,{label:label,disabled:hintPosition===0,onTouchTap:hintSet.bind(this,hintPosition-1)});
32+
}
33+
};
34+
HintButton=__decorate([
35+
react_redux_1.connect(null,function(dispatch,state){
36+
return{
37+
hintSet:function(position){returndispatch(actions_1.hintPositionSet(position));}
38+
};
39+
}),
40+
__metadata('design:paramtypes',[])
41+
],HintButton);
42+
returnHintButton;
43+
}(React.Component));
44+
exports.HintButton=HintButton;

‎lib/components/Page/hints/index.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
"use strict";
2+
varReact=require('react');
3+
varCard_1=require('material-ui/Card');
4+
varindex_1=require('../../index');
5+
varHintButton_1=require('./HintButton');
6+
varhelp_1=require('material-ui/svg-icons/action/help');
7+
exports.Hints=function(_a){
8+
vartask=_a.task,hintPosition=_a.hintPosition;
9+
varhints=task&&task.hints ?task.hints :null;
10+
if(hintPosition<0||!hints||!hints.length){
11+
returnnull;
12+
}
13+
varhint=hints[hintPosition];
14+
return(React.createElement(Card_1.Card,{className:'cr-task-hints'},React.createElement(Card_1.CardHeader,{title:'Hints',avatar:React.createElement(help_1.default,null),actAsExpander:true,showExpandableButton:true}),React.createElement(Card_1.CardText,{className:'cr-task-hint',expandable:true},React.createElement(index_1.Markdown,null,hint)),React.createElement(Card_1.CardActions,{expandable:true,className:'cr-task-hints-actions'},React.createElement(HintButton_1.HintButton,{label:'Previous',hintPosition:hintPosition,hintsLength:hints.length,type:'prev'}),React.createElement(HintButton_1.HintButton,{label:'Next',hintPosition:hintPosition,hintsLength:hints.length,type:'next'}))));
15+
};

‎lib/components/Page/tasks/Task.js‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
"use strict";
2+
var__assign=(this&&this.__assign)||Object.assign||function(t){
3+
for(vars,i=1,n=arguments.length;i<n;i++){
4+
s=arguments[i];
5+
for(varpins)if(Object.prototype.hasOwnProperty.call(s,p))
6+
t[p]=s[p];
7+
}
8+
returnt;
9+
};
10+
var_this=this;
11+
varReact=require('react');
12+
varindex_1=require('../../index');
13+
varTaskCheckbox_1=require('./TaskCheckbox');
14+
varList_1=require('material-ui/List');
15+
exports.Task=function(_a){
16+
vartask=_a.task,taskPosition=_a.taskPosition,index=_a.index,testRun=_a.testRun;
17+
varisCompleted=index<taskPosition;
18+
return(React.createElement(List_1.ListItem,{key:index,className:'cr-task',style:{backgroundColor:isCompleted ?'#c8e6c9' :'inherit'}},React.createElement(TaskCheckbox_1.TaskCheckbox,__assign({},_this.props)),React.createElement("span",{className:'cr-task-index'},index+1,"."),React.createElement("div",{className:'cr-task-description'},React.createElement(index_1.Markdown,null,task.description))));
19+
};
Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
"use strict";
2+
varReact=require('react');
3+
varcolors_1=require('material-ui/styles/colors');
4+
varcheck_box_1=require('material-ui/svg-icons/toggle/check-box');
5+
varcheck_box_outline_blank_1=require('material-ui/svg-icons/toggle/check-box-outline-blank');
6+
varindeterminate_check_box_1=require('material-ui/svg-icons/toggle/indeterminate-check-box');
7+
exports.TaskCheckbox=function(_a){
8+
varindex=_a.index,taskPosition=_a.taskPosition,testRun=_a.testRun;
9+
varicon=null;
10+
if(index<taskPosition){
11+
icon=React.createElement(check_box_1.default,{color:colors_1.green500});
12+
}
13+
elseif(index===taskPosition&&testRun){
14+
icon=React.createElement(indeterminate_check_box_1.default,{color:colors_1.orange500});
15+
}
16+
else{
17+
icon=React.createElement(check_box_outline_blank_1.default,null);
18+
}
19+
returnReact.createElement("span",{className:'cr-task-checkbox'},icon);
20+
};

0 commit comments

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