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

Commitae67f49

Browse files
committed
prepare to use smaller components
1 parentc5e83f5 commitae67f49

File tree

18 files changed

+243
-277
lines changed

18 files changed

+243
-277
lines changed

‎lib/components/account/account.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,7 @@ var default_1 = (function (_super) {
1111
_super.apply(this,arguments);
1212
}
1313
default_1.prototype.render=function(){
14-
return(React.createElement("section",{className:'cr-account'},
15-
React.createElement("h3",null,"Account")
16-
));
14+
return(React.createElement("section",{className:'cr-account'},React.createElement("h3",null,"Account")));
1715
};
1816
returndefault_1;
1917
}(React.Component));

‎lib/components/app/app.js

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,7 @@ var default_1 = (function (_super) {
3030
};
3131
default_1.prototype.render=function(){
3232
varstate=this.props.state;
33-
return(React.createElement("section",{className:'cr'},
34-
React.createElement(_components_1.Menu,{route:state.route,position:state.position}),
35-
React.createElement(_components_1.Router,{state:state}),
36-
React.createElement(_components_1.Alert,{alert:state.alert})));
33+
return(React.createElement("section",{className:'cr'},React.createElement(_components_1.Menu,{route:state.route,position:state.position}),React.createElement(_components_1.Router,{state:state}),React.createElement(_components_1.Alert,{alert:state.alert})));
3734
};
3835
default_1.childContextTypes={
3936
muiTheme:React.PropTypes.object,

‎lib/components/menu/menu.js

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,7 @@ var default_1 = (function (_super) {
3939
default_1.prototype.menuOptions=function(){
4040
switch(this.props.route){
4141
case'page':
42-
return(React.createElement("div",null,
43-
React.createElement(material_ui_1.MenuItem,{primaryText:'progress',onClick:this.props.routeToProgress}),
44-
React.createElement(material_ui_1.MenuItem,{primaryText:'projects',onClick:this.props.routeToProjects})));
42+
return(React.createElement("div",null,React.createElement(material_ui_1.MenuItem,{primaryText:'progress',onClick:this.props.routeToProgress}),React.createElement(material_ui_1.MenuItem,{primaryText:'projects',onClick:this.props.routeToProjects})));
4543
case'progress':
4644
returnReact.createElement(material_ui_1.MenuItem,{primaryText:'projects',onClick:this.props.routeToProjects});
4745
default:returnnull;
@@ -51,17 +49,7 @@ var default_1 = (function (_super) {
5149
render_1.togglePanel();
5250
};
5351
default_1.prototype.render=function(){
54-
return(React.createElement(material_ui_1.AppBar,{title:'CodeRoad',className:'cr-menu-bar',iconElementLeft:React.createElement(material_ui_1.IconButton,{onClick:this.closePanel},
55-
React.createElement(NavigationClose,null)
56-
),iconElementRight:React.createElement(material_ui_1.IconMenu,{iconButtonElement:React.createElement(material_ui_1.IconButton,null,
57-
React.createElement(MoreVertIcon,null)
58-
),targetOrigin:{horizontal:'right',vertical:'top'},anchorOrigin:{horizontal:'right',vertical:'top'}},
59-
this.menuOptions(),
60-
window.coderoad.issuesPath ?React.createElement(material_ui_1.MenuItem,null,
61-
React.createElement("a",{href:window.coderoad.issuesPath},"post issue")
62-
) :null,
63-
React.createElement(material_ui_1.Divider,null),
64-
React.createElement(material_ui_1.MenuItem,{primaryText:'quit',onClick:this.props.quit}))}));
52+
return(React.createElement(material_ui_1.AppBar,{title:'CodeRoad',className:'cr-menu-bar',iconElementLeft:React.createElement(material_ui_1.IconButton,{onClick:this.closePanel},React.createElement(NavigationClose,null)),iconElementRight:React.createElement(material_ui_1.IconMenu,{iconButtonElement:React.createElement(material_ui_1.IconButton,null,React.createElement(MoreVertIcon,null)),targetOrigin:{horizontal:'right',vertical:'top'},anchorOrigin:{horizontal:'right',vertical:'top'}},this.menuOptions(),window.coderoad.issuesPath ?React.createElement(material_ui_1.MenuItem,null,React.createElement("a",{href:window.coderoad.issuesPath},"post issue")) :null,React.createElement(material_ui_1.Divider,null),React.createElement(material_ui_1.MenuItem,{primaryText:'quit',onClick:this.props.quit}))}));
6553
};
6654
default_1=__decorate([
6755
react_redux_1.connect(null,function(dispatch){

‎lib/components/page/chapter.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,5 @@ var _components_1 = require('../_components');
44
Object.defineProperty(exports,"__esModule",{value:true});
55
exports.default=function(_a){
66
varchapter=_a.chapter;
7-
return(React.createElement("section",{className:'cr-chapter'},
8-
React.createElement(_components_1.MarkdownText,{text:chapter.title})
9-
));
7+
return(React.createElement("section",{className:'cr-chapter'},React.createElement(_components_1.MarkdownText,{text:chapter.title})));
108
};

‎lib/components/page/content.js

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,7 @@ var _components_1 = require('../_components');
44
varmaterial_ui_1=require('material-ui');
55
functiondefault_1(_a){
66
varpage=_a.page;
7-
return(React.createElement(material_ui_1.Card,null,
8-
React.createElement(material_ui_1.CardHeader,{title:page.title}),
9-
React.createElement(material_ui_1.CardText,null,
10-
React.createElement(_components_1.MarkdownText,{text:page.description})
11-
)));
7+
return(React.createElement(material_ui_1.Card,null,React.createElement(material_ui_1.CardHeader,{title:page.title}),React.createElement(material_ui_1.CardText,null,React.createElement(_components_1.MarkdownText,{text:page.description}))));
128
}
139
Object.defineProperty(exports,"__esModule",{value:true});
1410
exports.default=default_1;

‎lib/components/page/edit.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
66
exports.default=function(editPath){
77
if(editPath&&window.coderoad.edit){
88
varrepoPath=path.join(window.coderoad.repo,'edit','master',editPath);
9-
returnReact.createElement("a",{href:repoPath},
10-
React.createElement(Edit,{style:{position:'absolute',top:'10px',right:'10px'}})
11-
);
9+
returnReact.createElement("a",{href:repoPath},React.createElement(Edit,{style:{position:'absolute',top:'10px',right:'10px'}}));
1210
}
1311
};

‎lib/components/page/hint.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
"use strict";
2+
varReact=require('react');
3+
varmaterial_ui_1=require('material-ui');
4+
var_components_1=require('../_components');
5+
functionhintsShown(task,hintPosition){
6+
if(hintPosition>-1&&task.hints&&task.hints.length>0){
7+
returntask.hints.slice(0,hintPosition+1);
8+
}
9+
returnnull;
10+
}
11+
exports.TaskHint=function(_a){
12+
varhint=_a.hint,index=_a.index;
13+
return(React.createElement(material_ui_1.ListItem,{className:'cr-task-hint',key:'hint'+index},React.createElement("div",{class:'cr-task-hint-box'},React.createElement("span",{className:'cr-task-hint-index'},index+1,"."),React.createElement("div",{className:'cr-task-hint-description'},React.createElement(_components_1.MarkdownText,{text:hint})))));
14+
};
15+
exports.TaskHints=function(_a){
16+
vartask=_a.task,hintPosition=_a.hintPosition;
17+
varhints=hintsShown(task,hintPosition);
18+
return(React.createElement("div",{className:'cr-task-hints'},hints ?hints.map(function(hint,index){returnReact.createElement(exports.TaskHint,{hint:hint,index:index});}) :null));
19+
};

‎lib/components/page/page-complete.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,6 @@ var _components_1 = require('../_components');
55
exports.PageCompleteMessage=function(_a){
66
varpage=_a.page;
77
return(React.createElement("div",{className:'cr-task-onComplete-description'},page.completed&&page.onPageComplete ?
8-
React.createElement(material_ui_1.ListItem,{className:'cr-task-onComplete',key:'page-complete'},
9-
React.createElement(_components_1.MarkdownText,{text:page.onPageComplete})
10-
)
8+
React.createElement(material_ui_1.ListItem,{className:'cr-task-onComplete',key:'page-complete'},React.createElement(_components_1.MarkdownText,{text:page.onPageComplete}))
119
:null));
1210
};

‎lib/components/page/page.js

Lines changed: 24 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -93,63 +93,30 @@ var default_1 = (function (_super) {
9393
vartasks=visibleTasks(this.props.tasks,taskPosition);
9494
varcurrentTask=taskPosition<=tasks.length ?tasks[taskPosition] :null;
9595
varallComplete=taskPosition>=tasks.length;
96-
return(React.createElement(material_ui_2.Paper,{style:style,zDepth:1,className:'cr-page'},
97-
React.createElement(content_1.default,{page:page}),
98-
React.createElement(material_ui_1.Divider,null),
99-
React.createElement(material_ui_1.List,{subheader:'Tasks',className:'cr-tasks',ref:'tasks'},
100-
tasks.map(function(task,index){
101-
varisCurrentTask=index===taskPosition;
102-
varisDisabledTask=index>taskPosition;
103-
varisCompletedTask=index<taskPosition;
104-
varisFinalTask=index>=tasks.length-1;
105-
varhints=hintsShown(task,hintPosition);
106-
return(React.createElement("div",null,
107-
React.createElement(material_ui_1.ListItem,{ref:'task'+index,className:classnames({
108-
'cr-task':true,
109-
'isCompletedTask':isCompletedTask,
110-
'isCurrentTask':isCurrentTask,
111-
'isDisabledTask':isDisabledTask
112-
})},
113-
React.createElement(TaskCheckbox,{index:index,taskPosition:taskPosition,runTests:_this.props.runTests}),
114-
React.createElement("span",{className:'cr-task-index'},
115-
index+1,
116-
"."),
117-
React.createElement("div",{className:'cr-task-description'},
118-
React.createElement(_components_1.MarkdownText,{text:task.description})
119-
)),
120-
isCurrentTask&&hints ?
121-
hints.map(function(hint,indexHint){
122-
returnReact.createElement(material_ui_1.ListItem,{className:'cr-task-hint',ref:'hint'+indexHint},
123-
React.createElement("div",{class:'cr-task-hint-box'},
124-
React.createElement("span",{className:'cr-task-hint-index'},
125-
indexHint+1,
126-
"."),
127-
React.createElement("div",{className:'cr-task-hint-description'},
128-
React.createElement(_components_1.MarkdownText,{text:hint})
129-
))
130-
);
131-
})
132-
:null,
133-
isFinalTask ?null :React.createElement(material_ui_1.Divider,null)));
134-
}),
135-
page.completed&&!!page.onPageComplete ?React.createElement(material_ui_1.ListItem,{className:'cr-task-onComplete',ref:'onPageComplete'},
136-
React.createElement("div",{className:'cr-task-onComplete-description'},
137-
React.createElement(_components_1.MarkdownText,{text:page.onPageComplete})
138-
)
139-
) :null,
140-
React.createElement("div",{ref:'listEnd'})),
141-
React.createElement("section",{className:'cr-page-toolbar'},
142-
React.createElement(material_ui_2.LinearProgress,{mode:'determinate',value:taskProgress(taskPosition,tasks.length),style:{height:'6px'}}),
143-
React.createElement(material_ui_2.Toolbar,null,
144-
currentTask&&currentTask.hints&&currentTask.hints.length ?
145-
React.createElement(material_ui_2.ToolbarGroup,{float:'left'},hintPosition<=currentTask.hints.length-2 ?
146-
React.createElement(material_ui_2.FlatButton,{className:'cr-task-showHint',icon:React.createElement(InfoOutline,null),onClick:this.displayHint.bind(this,currentTask)})
147-
:React.createElement(material_ui_2.FlatButton,{className:'cr-task-showHint-disabled',icon:React.createElement(Info,null),disabled:true}))
148-
:null,
149-
React.createElement(material_ui_2.ToolbarGroup,{float:'right'},allComplete ?
150-
React.createElement(material_ui_2.RaisedButton,{label:'Continue',primary:true,onClick:this.props.callNextPage})
151-
:
152-
React.createElement(material_ui_2.RaisedButton,{label:'Run',secondary:true,onClick:this.props.callRunTests}))))));
96+
return(React.createElement(material_ui_2.Paper,{style:style,zDepth:1,className:'cr-page'},React.createElement(content_1.default,{page:page}),React.createElement(material_ui_1.Divider,null),React.createElement(material_ui_1.List,{subheader:'Tasks',className:'cr-tasks',ref:'tasks'},tasks.map(function(task,index){
97+
varisCurrentTask=index===taskPosition;
98+
varisDisabledTask=index>taskPosition;
99+
varisCompletedTask=index<taskPosition;
100+
varisFinalTask=index>=tasks.length-1;
101+
varhints=hintsShown(task,hintPosition);
102+
return(React.createElement("div",null,React.createElement(material_ui_1.ListItem,{ref:'task'+index,className:classnames({
103+
'cr-task':true,
104+
'isCompletedTask':isCompletedTask,
105+
'isCurrentTask':isCurrentTask,
106+
'isDisabledTask':isDisabledTask
107+
})},React.createElement(TaskCheckbox,{index:index,taskPosition:taskPosition,runTests:_this.props.runTests}),React.createElement("span",{className:'cr-task-index'},index+1,"."),React.createElement("div",{className:'cr-task-description'},React.createElement(_components_1.MarkdownText,{text:task.description}))),isCurrentTask&&hints ?
108+
hints.map(function(hint,indexHint){
109+
returnReact.createElement(material_ui_1.ListItem,{className:'cr-task-hint',ref:'hint'+indexHint},React.createElement("div",{class:'cr-task-hint-box'},React.createElement("span",{className:'cr-task-hint-index'},indexHint+1,"."),React.createElement("div",{className:'cr-task-hint-description'},React.createElement(_components_1.MarkdownText,{text:hint}))));
110+
})
111+
:null,isFinalTask ?null :React.createElement(material_ui_1.Divider,null)));
112+
}),page.completed&&!!page.onPageComplete ?React.createElement(material_ui_1.ListItem,{className:'cr-task-onComplete',ref:'onPageComplete'},React.createElement("div",{className:'cr-task-onComplete-description'},React.createElement(_components_1.MarkdownText,{text:page.onPageComplete}))) :null,React.createElement("div",{ref:'listEnd'})),React.createElement("section",{className:'cr-page-toolbar'},React.createElement(material_ui_2.LinearProgress,{mode:'determinate',value:taskProgress(taskPosition,tasks.length),style:{height:'6px'}}),React.createElement(material_ui_2.Toolbar,null,currentTask&&currentTask.hints&&currentTask.hints.length ?
113+
React.createElement(material_ui_2.ToolbarGroup,{float:'left'},hintPosition<=currentTask.hints.length-2 ?
114+
React.createElement(material_ui_2.FlatButton,{className:'cr-task-showHint',icon:React.createElement(InfoOutline,null),onClick:this.displayHint.bind(this,currentTask)})
115+
:React.createElement(material_ui_2.FlatButton,{className:'cr-task-showHint-disabled',icon:React.createElement(Info,null),disabled:true}))
116+
:null,React.createElement(material_ui_2.ToolbarGroup,{float:'right'},allComplete ?
117+
React.createElement(material_ui_2.RaisedButton,{label:'Continue',primary:true,onClick:this.props.callNextPage})
118+
:
119+
React.createElement(material_ui_2.RaisedButton,{label:'Run',secondary:true,onClick:this.props.callRunTests}))))));
153120
};
154121
default_1=__decorate([
155122
react_redux_1.connect(null,function(dispatch,state){

‎lib/components/page/task.js

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -26,15 +26,11 @@ var TaskCheckbox = function (_a) {
2626
};
2727
varTaskIndex=function(_a){
2828
varindex=_a.index;
29-
return(React.createElement("span",{className:'cr-task-index'},
30-
index+1,
31-
"."));
29+
return(React.createElement("span",{className:'cr-task-index'},index+1,"."));
3230
};
3331
varTaskContent=function(_a){
3432
vartask=_a.task;
35-
return(React.createElement("div",{className:'cr-task-description'},
36-
React.createElement(_components_1.MarkdownText,{text:task.description})
37-
));
33+
return(React.createElement("div",{className:'cr-task-description'},React.createElement(_components_1.MarkdownText,{text:task.description})));
3834
};
3935
exports.Task=function(_a){
4036
vartask=_a.task,taskPosition=_a.taskPosition,index=_a.index,runTests=_a.runTests;
@@ -47,10 +43,7 @@ exports.Task = function (_a) {
4743
elseif(isCurrentTask){
4844
taskClass+='isCurrentTask';
4945
}
50-
return(React.createElement(material_ui_1.ListItem,{key:index,className:taskClass},
51-
React.createElement(TaskCheckbox,{index:index,taskPosition:taskPosition,runTests:runTests}),
52-
React.createElement(TaskIndex,{index:index}),
53-
React.createElement(TaskContent,{task:task})));
46+
return(React.createElement(material_ui_1.ListItem,{key:index,className:taskClass},React.createElement(TaskCheckbox,{index:index,taskPosition:taskPosition,runTests:runTests}),React.createElement(TaskIndex,{index:index}),React.createElement(TaskContent,{task:task})));
5447
};
5548
exports.Tasks=function(_a){
5649
vartasks=_a.tasks,taskPosition=_a.taskPosition,runTests=_a.runTests;

0 commit comments

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