Roll out fragments to MGA and Jubeat frontends.
This commit is contained in:
parent
93a3ae26de
commit
7f2c8b0ef2
@ -71,18 +71,18 @@ var all_players = createReactClass({
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
name: <span>
|
||||
name: <>
|
||||
Jubility
|
||||
<span className="separator" />
|
||||
<Slider
|
||||
on="new"
|
||||
off="old"
|
||||
className="spaced"
|
||||
value={this.state.jubility}
|
||||
onChange={function(value) {
|
||||
this.setState({jubility: value});
|
||||
}.bind(this)}
|
||||
/>
|
||||
</span>,
|
||||
</>,
|
||||
render: function(userid) {
|
||||
var player = this.state.players[userid];
|
||||
if (this.state.jubility && (player.common_jubility != 0 || player.pick_up_jubility != 0)) {
|
||||
|
@ -196,7 +196,7 @@ var network_records = createReactClass({
|
||||
}
|
||||
|
||||
return (
|
||||
<span>
|
||||
<>
|
||||
{ paginate ?
|
||||
<div className="section">
|
||||
{songids.map(function(songid) {
|
||||
@ -323,7 +323,7 @@ var network_records = createReactClass({
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
@ -395,7 +395,7 @@ var network_records = createReactClass({
|
||||
}
|
||||
|
||||
return (
|
||||
<span>
|
||||
<>
|
||||
<div className="section">
|
||||
{window.valid_charts.map(function(chartname, index) {
|
||||
return (
|
||||
@ -412,7 +412,7 @@ var network_records = createReactClass({
|
||||
}.bind(this))}
|
||||
</div>
|
||||
{ this.renderBySongIDList(songids, false) }
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
@ -445,7 +445,7 @@ var network_records = createReactClass({
|
||||
}
|
||||
|
||||
return (
|
||||
<span>
|
||||
<>
|
||||
<div className="section">
|
||||
{window.valid_charts.map(function(chartname, index) {
|
||||
return (
|
||||
@ -462,7 +462,7 @@ var network_records = createReactClass({
|
||||
}.bind(this))}
|
||||
</div>
|
||||
{ this.renderBySongIDList(songids, false) }
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
|
@ -111,7 +111,7 @@ var rivals_view = createReactClass({
|
||||
if (count >= 3) { avail = false; }
|
||||
|
||||
return (
|
||||
<span>
|
||||
<>
|
||||
{avail ?
|
||||
<Add
|
||||
title="Add Rival"
|
||||
@ -121,7 +121,7 @@ var rivals_view = createReactClass({
|
||||
/> :
|
||||
null
|
||||
}
|
||||
</span>
|
||||
</>
|
||||
);
|
||||
},
|
||||
|
||||
|
@ -66,10 +66,10 @@ var network_scores = createReactClass({
|
||||
<span className="score">{score.points}</span>
|
||||
<span className="label">Combo</span>
|
||||
<span className="score">{score.combo < 0 ? '-' : score.combo}</span>
|
||||
{score.music_rate >= 0 ? <span>
|
||||
{score.music_rate >= 0 ? <>
|
||||
<span className="label">Music Rate</span>
|
||||
<span className="score">{score.music_rate <= 0 ? '-' : score.music_rate}%</span>
|
||||
</span> : null}
|
||||
</> : null}
|
||||
</div>
|
||||
{has_stats ? <div title="perfect / great / good / poor / miss">
|
||||
{score.stats.perfect}
|
||||
|
@ -109,14 +109,14 @@ var settings_view = createReactClass({
|
||||
return (
|
||||
<LabelledSection vertical={true} label="Name">{
|
||||
!this.state.editing_name ?
|
||||
<span>
|
||||
<>
|
||||
<span>{player.name}</span>
|
||||
<Edit
|
||||
onClick={function(event) {
|
||||
this.setState({editing_name: true});
|
||||
}.bind(this)}
|
||||
/>
|
||||
</span> :
|
||||
</> :
|
||||
<form className="inline" onSubmit={this.saveName}>
|
||||
<input
|
||||
type="text"
|
||||
|
@ -54,14 +54,14 @@ var settings_view = createReactClass({
|
||||
return (
|
||||
<LabelledSection vertical={true} label="Name">{
|
||||
!this.state.editing_name ?
|
||||
<span>
|
||||
<>
|
||||
<span>{player.name}</span>
|
||||
<Edit
|
||||
onClick={function(event) {
|
||||
this.setState({editing_name: true});
|
||||
}.bind(this)}
|
||||
/>
|
||||
</span> :
|
||||
</> :
|
||||
<form className="inline" onSubmit={this.saveName}>
|
||||
<input
|
||||
type="text"
|
||||
|
@ -184,6 +184,10 @@ span.filter:not(:last-child) {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.slider.spaced {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
span.slider-label {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
|
@ -184,6 +184,10 @@ span.filter:not(:last-child) {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.slider.spaced {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
span.slider-label {
|
||||
position: relative;
|
||||
top: -3px;
|
||||
|
Loading…
Reference in New Issue
Block a user