1
0
mirror of synced 2024-09-24 03:18:22 +02:00

Roll out fragments to MGA and Jubeat frontends.

This commit is contained in:
Jennifer Taylor 2022-10-08 21:46:46 +00:00
parent 93a3ae26de
commit 7f2c8b0ef2
8 changed files with 25 additions and 17 deletions

View File

@ -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)) {

View File

@ -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>
</>
);
},

View File

@ -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>
</>
);
},

View File

@ -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}

View File

@ -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"

View File

@ -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"

View File

@ -184,6 +184,10 @@ span.filter:not(:last-child) {
margin-bottom: 2px;
}
.slider.spaced {
margin-left: 5px;
}
span.slider-label {
position: relative;
top: -3px;

View File

@ -184,6 +184,10 @@ span.filter:not(:last-child) {
margin-bottom: 2px;
}
.slider.spaced {
margin-left: 5px;
}
span.slider-label {
position: relative;
top: -3px;