turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix a bug which resets the striping after the last element that has not been hidden

This commit is contained in:
Jonny 2019-05-03 13:25:47 +02:00 committed by JP1998
parent 74a1052e25
commit a05cc768fd
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/components/StandingsTable.js
View File

@ -36,7 +36,7 @@ export class StandingsTable extends React.Component {
<Card className="shadow-sm">
<CardBody>
<h1 className="custom-font">Aktuelle Rangliste</h1>
<Table striped className="mt-3 mb-0">
<Table className="mt-3 mb-0">
<thead>
<tr>
<th>#</th>
@ -47,12 +47,12 @@ export class StandingsTable extends React.Component {
</thead>
<tbody>
{ rangedmap(sortedPerformances, (team, index) => (
<TeamRow key={index} teams={this.props.data.teams} teamToShow={team}/>
<TeamRow className={(index % 2 === 0)? 'bg-light' : 'bg-white'} key={index} teams={this.props.data.teams} teamToShow={team}/>
), 0, 3) }
</tbody>
<Collapse isOpen={ this.state.showFullTable } tag="tbody">
{ rangedmap(sortedPerformances, (team, index) => (
<TeamRow key={index} teams={this.props.data.teams} teamToShow={team}/>
<TeamRow className={(index % 2 === 0)? 'bg-light' : 'bg-white'} key={index} teams={this.props.data.teams} teamToShow={team}/>
), 3) }
</Collapse>
<tfoot>
@ -80,7 +80,7 @@ class TeamRow extends React.Component {
render() {
return (
<tr>
<tr className={this.props.className}>
<td>{ this.props.teamToShow.rank }</td>
<td className="w-100">{findTeam(this.props.teams, this.props.teamToShow.team).name}</td>
<td className="text-center">{ this.props.teamToShow.winlossdifferential }</td>

2
js/utils/rangedmap.js
View File

@ -1,4 +1,4 @@
export function rangedmap(arr, func, start, end) {
return arr.slice(start, end).map(func);
return arr.slice(start, end).map((element, index) => func(element, start + index));
}