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

Commitcbccffb

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

File tree

35 files changed

+311
-267
lines changed

35 files changed

+311
-267
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/edit.jsrenamed to‎lib/components/Page/EditPage.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ var React = require('react');
33
varpath=require('path');
44
varmode_edit_1=require('material-ui/svg-icons/editor/mode-edit');
55
vareditStyle={position:'absolute',top:'10px',right:'10px'};
6-
exports.Edit=function(_a){
6+
exports.EditPage=function(_a){
77
vareditPath=_a.editPath;
88
if(editPath&&window.coderoad.edit){
99
varrepoPath=path.join(window.coderoad.repo,'edit','master',editPath);
File renamed without changes.

‎lib/components/page/chapter/chapter.jsrenamed to‎lib/components/Page/chapter/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
'use strict';
1+
"use strict";
22
varReact=require('react');
33
varindex_1=require('../../index');
44
exports.Chapter=function(_a){

‎lib/components/page/hints/hints.jsrenamed to‎lib/components/Page/hints/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
varReact=require('react');
33
varCard_1=require('material-ui/Card');
44
varindex_1=require('../../index');
5-
varbuttons_1=require('./buttons');
5+
varHintButton_1=require('./HintButton');
66
varhelp_1=require('material-ui/svg-icons/action/help');
77
exports.Hints=function(_a){
88
vartask=_a.task,hintPosition=_a.hintPosition;
@@ -11,5 +11,5 @@ exports.Hints = function (_a) {
1111
returnnull;
1212
}
1313
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(buttons_1.HintButton,{label:'Previous',hintPosition:hintPosition,hintsLength:hints.length,type:'prev'}),React.createElement(buttons_1.HintButton,{label:'Next',hintPosition:hintPosition,hintsLength:hints.length,type:'next'}))));
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'}))));
1515
};

‎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+
};

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

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
"use strict";
2+
varReact=require('react');
3+
varList_1=require('material-ui/List');
4+
varCard_1=require('material-ui/Card');
5+
varSubheader_1=require('material-ui/Subheader');
6+
varTask_1=require('./Task');
7+
functionvisibleTasks(tasks,taskPosition){
8+
returntasks.slice(0,taskPosition+1);
9+
}
10+
exports.Tasks=function(_a){
11+
vartasks=_a.tasks,taskPosition=_a.taskPosition,testRun=_a.testRun;
12+
varvisTasks=visibleTasks(tasks,taskPosition);
13+
returnReact.createElement(Card_1.Card,{className:'cr-tasks'},React.createElement(List_1.List,null,React.createElement(Subheader_1.default,null,"Tasks"),visTasks.map(function(task,index){returnReact.createElement(Task_1.Task,{key:index,index:index,task:task,taskPosition:taskPosition,testRun:testRun});})));
14+
};

‎lib/components/Start/Welcome/index.js

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
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+
varactions_1=require('../../../actions');
19+
varpath_1=require('path');
20+
varFlatButton_1=require('material-ui/FlatButton');
21+
varwelcomeStyle={
22+
backgroundImage:"url(\""+path_1.resolve(__dirname,'../../../../','styles','coderoad.jpg')+"\")",
23+
backgroundRepeat:'no-repeat',
24+
height:'350px',
25+
};
26+
varwelcomeButtonStyle={
27+
fontSize:'1.4em',
28+
padding:'5px 2px'
29+
};
30+
varWelcome=(function(_super){
31+
__extends(Welcome,_super);
32+
functionWelcome(){
33+
_super.apply(this,arguments);
34+
}
35+
Welcome.prototype.render=function(){
36+
returnReact.createElement("div",{style:welcomeStyle},React.createElement("div",{className:'cr-welcome'},React.createElement("div",{className:'title'},"CodeRoad"),React.createElement("div",{className:'tagline'},"Tutorials in your Editor"),React.createElement("br",null),React.createElement("br",null),React.createElement(FlatButton_1.default,{label:'Start',onTouchTap:this.props.routeToTutorials,secondary:true,style:welcomeButtonStyle})));
37+
};
38+
Welcome=__decorate([
39+
react_redux_1.connect(null,function(dispatch){
40+
return{
41+
routeToTutorials:function(){returndispatch(actions_1.setRoute('tutorials'));}
42+
};
43+
}),
44+
__metadata('design:paramtypes',[])
45+
],Welcome);
46+
returnWelcome;
47+
}(React.Component));
48+
exports.Welcome=Welcome;

‎lib/components/page/index.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ var __assign = (this && this.__assign) || Object.assign || function(t) {
1414
};
1515
varReact=require('react');
1616
varReactDOM=require('react-dom');
17-
varcontent_1=require('./content');
18-
vartasks_1=require('./tasks/tasks');
19-
varhints_1=require('./hints/hints');
20-
varpage_complete_1=require('./complete/page-complete');
17+
varPageContent_1=require('./PageContent');
18+
varTasks_1=require('./Tasks');
19+
varHints_1=require('./Hints');
20+
varPageComplete_1=require('./PageComplete');
2121
varPageToolbar_1=require('./PageToolbar');
2222
varProgressBar_1=require('./ProgressBar');
2323
varpageStyle={
@@ -36,7 +36,7 @@ var Page = (function (_super) {
3636
var_a=this.props,page=_a.page,taskPosition=_a.taskPosition,hintPosition=_a.hintPosition,tasks=_a.tasks,testRun=_a.testRun;
3737
vartask=taskPosition<=tasks.length ?tasks[taskPosition] :null;
3838
varallComplete=taskPosition>=tasks.length;
39-
return(React.createElement("section",{className:'cr-page'},React.createElement(content_1.PageContent,__assign({},this.props)),React.createElement(tasks_1.Tasks,__assign({},this.props)),React.createElement("div",{className:'listEnd',ref:'listEnd'}),React.createElement(page_complete_1.PageCompleteMessage,{page:page}),React.createElement(hints_1.Hints,{task:task,hintPosition:hintPosition}),React.createElement(PageToolbar_1.PageToolbar,__assign({},this.props),React.createElement(ProgressBar_1.ProgressBar,{taskPosition:taskPosition,taskCount:tasks.length}))));
39+
return(React.createElement("section",{className:'cr-page'},React.createElement(PageContent_1.PageContent,__assign({},this.props)),React.createElement(Tasks_1.Tasks,__assign({},this.props)),React.createElement("div",{className:'listEnd',ref:'listEnd'}),React.createElement(PageComplete_1.PageCompleteMessage,{page:page}),React.createElement(Hints_1.Hints,{task:task,hintPosition:hintPosition}),React.createElement(PageToolbar_1.PageToolbar,__assign({},this.props),React.createElement(ProgressBar_1.ProgressBar,{taskPosition:taskPosition,taskCount:tasks.length}))));
4040
};
4141
returnPage;
4242
}(React.Component));

‎lib/components/page/tasks/tasks.js

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

0 commit comments

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