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;
+}