lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

New table styling added

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-14 15:47:07 -06:00
parent f6f75075e0
commit 4cf078cca9
5 changed files with 55 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
ProjectSourceCode/src/views/pages/leagues-page.hbs
View File

@@ -11,64 +11,67 @@
<div class="container" id="league-stats-container">
<!-- Container to display league table <- split 50% -->
<div class="container" id="league-table-container">
<h2>Table</h2>
<table id="standings-table">
<thead>
<tr>
<th>#</th>
<th></th>
<th>Club</th>
<th>GP</th>
<th>W</th>
<th>L</th>
<th>D</th>
<th>GD</th>
<th>Pts</th>
</tr>
</thead>
<tbody>
{{#each league.standings}}
<tr>
<td>{{table.league_position}}</td>
<td><img src="{{table.team_crest}}" alt="{{table.team_name}} Crest" id="club-logo" clubID="{{table.team_id}}"></td>
<td><span id="club-name" clubID="{{table.team_id}}">{{table.team_name}}</span></td>
<td>{{games_played}}</td>
<td>{{wins}}</td>
<td>{{losses}}</td>
<td>{{draws}}</td>
<td>{{goal_difference}}</td>
<td>{{points}}</td>
</tr>
{{/each}}
</tbody>
</table>
<div class="container" id="league-table-and-information-container">
<div id="table-header-container" class="header">
<h2>Table</h2>
</div>
<div id="table-stats-container" class="container">
<table id="standings-table">
<thead>
<tr>
<th>#</th>
<th></th>
<th>Club</th>
<th>GP</th>
<th>W</th>
<th>L</th>
<th>D</th>
<th>GD</th>
<th>Pts</th>
</tr>
</thead>
<tbody>
{{#each league.standings}}
<tr>
<td>{{table.league_position}}</td>
<td id="club-logo-row"><img src="{{table.team_crest}}" alt="{{table.team_name}} Crest" id="table-club-logo" clubID="{{table.team_id}}"></td>
<td><span id="club-name" clubID="{{table.team_id}}">{{table.team_name}}</span></td>
<td>{{games_played}}</td>
<td>{{wins}}</td>
<td>{{losses}}</td>
<td>{{draws}}</td>
<td>{{goal_difference}}</td>
<td>{{points}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
<!-- Container to display top scorers for league <- Split 50% -->
<div class="container" id="top-scorers-container">
<div id="top-scorers-container" class="container">
<h2>Top Scorers</h2>
<table>
<thead>
<tr>
<th>Player Name</th>
<th></th>
<th>Name</th>
<th>Club</th>
<th>GP</th>
<th>Goals</th>
<th></th>
<th>Team Name</th>
</tr>
</thead>
<tbody>
{{#each topScorers.scorers}}
<tr>
<td><img src="{{team.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo"></td>
<td>{{player.player_name}}</td>
<td>{{team.team_name}}</td>
<td>{{games_played}}</td>
<td>{{goals}}</td>
<td><img src="{{team.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo"></td>
<td>{{team.team_name}}</td>
</tr>
{{/each}}
</tbody>