diff --git a/pages/tournament-statistics.js b/pages/tournament-statistics.js index e7700ab..18ae0ea 100644 --- a/pages/tournament-statistics.js +++ b/pages/tournament-statistics.js @@ -5,10 +5,13 @@ import { Button, Card, CardBody, + CardTitle, + Col, Collapse, Container, ListGroup, ListGroupItem, + Row, Table } from 'reactstrap'; @@ -28,7 +31,7 @@ class TeamRow extends React.Component { return ( { this.props.teamToShow.rank } - {this.findTeam(this.props.teams, this.props.teamToShow.team).name} + {findTeam(this.props.teams, this.props.teamToShow.team).name} { this.props.teamToShow.winlossdifferential } { this.props.teamToShow.pointDifferential } @@ -36,17 +39,41 @@ class TeamRow extends React.Component { } - findTeam(teams, id) { - for(let i = 0; i < teams.length; i++) { - if(teams[i].id === id) { - return teams[i]; - } +} + +function findTeam(teams, id) { + for(let i = 0; i < teams.length; i++) { + if(teams[i].id === id) { + return teams[i]; } - return null; + } + return null; +} + + +class DominanceShower extends React.Component { + + render() { + return ( + + + {this.props.title} + + + + + + + + +
{findTeam(this.props.teams, this.props.stats.id).name}
{this.props.stats.pointsMade}{this.props.stats.pointsReceived}
+
+
+ ); } } -class StatisticsComponent extends React.Component { +class StandingsTable extends React.Component { constructor(props) { super(props); @@ -71,7 +98,7 @@ class StatisticsComponent extends React.Component {

Aktuelle Rangliste

- +
@@ -118,9 +145,9 @@ class TableButton extends React.Component { const { isFullTableShown } = this.props; if(isFullTableShown) { - return ; + return ; } else { - return ; + return ; } } } @@ -307,7 +334,17 @@ class StatisticsTournamentPage extends React.Component {
- + +
+ + + + + + + + +
diff --git a/static/css/tournament-statistics.css b/static/css/tournament-statistics.css index cdb0f18..f6dacdb 100644 --- a/static/css/tournament-statistics.css +++ b/static/css/tournament-statistics.css @@ -1,4 +1,16 @@ .table-final-btn { width: 100%; -} \ No newline at end of file +} + +.wins { + color: #64c100; +} + +.losses { + color: #f21a1e; +} + +.table-no-margin{ + margin: 0; +}
#