Convert Pop'n and Reflec over to fragments.
This commit is contained in:
parent
88df108d32
commit
a9dcabf061
@ -177,7 +177,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{ paginate ?
|
{ paginate ?
|
||||||
<div className="section popn-nav" key="paginatebuttons">
|
<div className="section popn-nav" key="paginatebuttons">
|
||||||
{songids.map(function(songid) {
|
{songids.map(function(songid) {
|
||||||
@ -291,7 +291,7 @@ var network_records = createReactClass({
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -363,7 +363,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{window.valid_charts.map(function(chartname, index) {
|
{window.valid_charts.map(function(chartname, index) {
|
||||||
return (
|
return (
|
||||||
@ -380,7 +380,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -413,7 +413,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{window.valid_charts.map(function(chartname, index) {
|
{window.valid_charts.map(function(chartname, index) {
|
||||||
return (
|
return (
|
||||||
@ -430,7 +430,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -131,7 +131,7 @@ var rivals_view = createReactClass({
|
|||||||
if (count >= window.max_active_rivals[this.state.version]) { avail = false; }
|
if (count >= window.max_active_rivals[this.state.version]) { avail = false; }
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{avail ?
|
{avail ?
|
||||||
<Add
|
<Add
|
||||||
title="Add Rival"
|
title="Add Rival"
|
||||||
@ -141,7 +141,7 @@ var rivals_view = createReactClass({
|
|||||||
/> :
|
/> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -54,14 +54,14 @@ var settings_view = createReactClass({
|
|||||||
return (
|
return (
|
||||||
<LabelledSection vertical={true} label="Name">{
|
<LabelledSection vertical={true} label="Name">{
|
||||||
!this.state.editing_name ?
|
!this.state.editing_name ?
|
||||||
<span>
|
<>
|
||||||
<span>{player.name}</span>
|
<span>{player.name}</span>
|
||||||
<Edit
|
<Edit
|
||||||
onClick={function(event) {
|
onClick={function(event) {
|
||||||
this.setState({editing_name: true});
|
this.setState({editing_name: true});
|
||||||
}.bind(this)}
|
}.bind(this)}
|
||||||
/>
|
/>
|
||||||
</span> :
|
</> :
|
||||||
<form className="inline" onSubmit={this.saveName}>
|
<form className="inline" onSubmit={this.saveName}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
|
@ -57,10 +57,10 @@ var HighScore = createReactClass({
|
|||||||
<span className="score">{this.props.score.points}</span>
|
<span className="score">{this.props.score.points}</span>
|
||||||
<span className="label">M</span>
|
<span className="label">M</span>
|
||||||
<span className="score">{this.props.score.miss_count < 0 ? '-' : this.props.score.miss_count}</span>
|
<span className="score">{this.props.score.miss_count < 0 ? '-' : this.props.score.miss_count}</span>
|
||||||
{this.props.score.combo >= 0 ? <span>
|
{this.props.score.combo >= 0 ? <>
|
||||||
<span className="label">Combo</span>
|
<span className="label">Combo</span>
|
||||||
<span className="score">{this.props.score.combo}</span>
|
<span className="score">{this.props.score.combo}</span>
|
||||||
</span> : null}
|
</> : null}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span className="status">{this.props.score.combo_type}</span>
|
<span className="status">{this.props.score.combo_type}</span>
|
||||||
@ -195,7 +195,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{ paginate ?
|
{ paginate ?
|
||||||
<div className="section" key="paginatebuttons">
|
<div className="section" key="paginatebuttons">
|
||||||
{songids.map(function(songid) {
|
{songids.map(function(songid) {
|
||||||
@ -308,7 +308,7 @@ var network_records = createReactClass({
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -380,7 +380,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{window.valid_charts.map(function(chartname, index) {
|
{window.valid_charts.map(function(chartname, index) {
|
||||||
return (
|
return (
|
||||||
@ -397,7 +397,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -430,7 +430,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{window.valid_charts.map(function(chartname, index) {
|
{window.valid_charts.map(function(chartname, index) {
|
||||||
return (
|
return (
|
||||||
@ -447,7 +447,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -480,7 +480,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{window.valid_charts.map(function(chartname, index) {
|
{window.valid_charts.map(function(chartname, index) {
|
||||||
return (
|
return (
|
||||||
@ -497,7 +497,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -131,7 +131,7 @@ var rivals_view = createReactClass({
|
|||||||
if (count >= 30) { avail = false; }
|
if (count >= 30) { avail = false; }
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{avail ?
|
{avail ?
|
||||||
<Add
|
<Add
|
||||||
title="Add Rival"
|
title="Add Rival"
|
||||||
@ -141,7 +141,7 @@ var rivals_view = createReactClass({
|
|||||||
/> :
|
/> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -76,10 +76,10 @@ var network_scores = createReactClass({
|
|||||||
<span className="score">{score.points}</span>
|
<span className="score">{score.points}</span>
|
||||||
<span className="label">M</span>
|
<span className="label">M</span>
|
||||||
<span className="score">{score.miss_count < 0 ? '-' : score.miss_count}</span>
|
<span className="score">{score.miss_count < 0 ? '-' : score.miss_count}</span>
|
||||||
{score.combo >= 0 ? <span>
|
{score.combo >= 0 ? <>
|
||||||
<span className="label">Combo</span>
|
<span className="label">Combo</span>
|
||||||
<span className="score">{score.combo}</span>
|
<span className="score">{score.combo}</span>
|
||||||
</span> : null}
|
</> : null}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span className="status">{score.combo_type}</span>
|
<span className="status">{score.combo_type}</span>
|
||||||
|
@ -54,14 +54,14 @@ var settings_view = createReactClass({
|
|||||||
return (
|
return (
|
||||||
<LabelledSection vertical={true} label="Name">{
|
<LabelledSection vertical={true} label="Name">{
|
||||||
!this.state.editing_name ?
|
!this.state.editing_name ?
|
||||||
<span>
|
<>
|
||||||
<span>{player.name}</span>
|
<span>{player.name}</span>
|
||||||
<Edit
|
<Edit
|
||||||
onClick={function(event) {
|
onClick={function(event) {
|
||||||
this.setState({editing_name: true});
|
this.setState({editing_name: true});
|
||||||
}.bind(this)}
|
}.bind(this)}
|
||||||
/>
|
/>
|
||||||
</span> :
|
</> :
|
||||||
<form className="inline" onSubmit={this.saveName}>
|
<form className="inline" onSubmit={this.saveName}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user