Use fragments in bishi and ddr frontends where appropriate.
This commit is contained in:
parent
ff1dbebe77
commit
d3844410d6
@ -61,14 +61,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"
|
||||||
|
@ -174,7 +174,7 @@ var network_records = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{ paginate ?
|
{ paginate ?
|
||||||
<div className="section">
|
<div className="section">
|
||||||
{songids.map(function(songid) {
|
{songids.map(function(songid) {
|
||||||
@ -343,7 +343,7 @@ var network_records = createReactClass({
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -417,7 +417,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 (
|
||||||
@ -434,7 +434,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -469,7 +469,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 (
|
||||||
@ -486,7 +486,7 @@ var network_records = createReactClass({
|
|||||||
}.bind(this))}
|
}.bind(this))}
|
||||||
</div>
|
</div>
|
||||||
{ this.renderBySongIDList(songids, false) }
|
{ this.renderBySongIDList(songids, false) }
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -145,7 +145,7 @@ var rivals_view = createReactClass({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<span>
|
<>
|
||||||
{avail ?
|
{avail ?
|
||||||
<Add
|
<Add
|
||||||
title="Add Rival"
|
title="Add Rival"
|
||||||
@ -155,7 +155,7 @@ var rivals_view = createReactClass({
|
|||||||
/> :
|
/> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
</span>
|
</>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -167,14 +167,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"
|
||||||
@ -216,7 +216,7 @@ var settings_view = createReactClass({
|
|||||||
return (
|
return (
|
||||||
<LabelledSection vertical={true} label="Weight">{
|
<LabelledSection vertical={true} label="Weight">{
|
||||||
!this.state.editing_weight ?
|
!this.state.editing_weight ?
|
||||||
<span>
|
<>
|
||||||
{ player.workout_mode ?
|
{ player.workout_mode ?
|
||||||
<span>{player.weight / 10} kg</span> :
|
<span>{player.weight / 10} kg</span> :
|
||||||
<span className="placeholder">workout mode disabled</span>
|
<span className="placeholder">workout mode disabled</span>
|
||||||
@ -226,7 +226,7 @@ var settings_view = createReactClass({
|
|||||||
this.setState({editing_weight: true});
|
this.setState({editing_weight: true});
|
||||||
}.bind(this)}
|
}.bind(this)}
|
||||||
/>
|
/>
|
||||||
</span> :
|
</> :
|
||||||
<form className="inline" onSubmit={this.saveWeight}>
|
<form className="inline" onSubmit={this.saveWeight}>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<input
|
<input
|
||||||
@ -320,13 +320,13 @@ var settings_view = createReactClass({
|
|||||||
<h3>User Profile</h3>
|
<h3>User Profile</h3>
|
||||||
{this.renderName(player)}
|
{this.renderName(player)}
|
||||||
<LabelledSection vertical={true} label={
|
<LabelledSection vertical={true} label={
|
||||||
<span>
|
<>
|
||||||
Fast/Slow Display
|
Fast/Slow Display
|
||||||
{ this.state.saving_early_late ?
|
{ this.state.saving_early_late ?
|
||||||
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
|
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
</span>
|
</>
|
||||||
}>
|
}>
|
||||||
<Slider
|
<Slider
|
||||||
on="on"
|
on="on"
|
||||||
@ -339,13 +339,13 @@ var settings_view = createReactClass({
|
|||||||
/>
|
/>
|
||||||
</LabelledSection>
|
</LabelledSection>
|
||||||
<LabelledSection vertical={true} label={
|
<LabelledSection vertical={true} label={
|
||||||
<span>
|
<>
|
||||||
Combo Position
|
Combo Position
|
||||||
{ this.state.saving_background_combo ?
|
{ this.state.saving_background_combo ?
|
||||||
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
|
<img className="loading" src={Link.get('static', 'loading-16.gif')} /> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
</span>
|
</>
|
||||||
}>
|
}>
|
||||||
<Slider
|
<Slider
|
||||||
className="padded"
|
className="padded"
|
||||||
|
Loading…
Reference in New Issue
Block a user