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

Changes to league-pages.hbs to make individual elements more clear

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-15 17:05:19 -06:00
parent e232b9bd37
commit 18a18cebf8
6 changed files with 62 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
ProjectSourceCode/src/views/pages/clubs-page.hbs
View File

@@ -7,24 +7,7 @@
<div class="stats-container">
<h2>Competitions</h2>
<ul id="competitions-list"></ul>
<table id="players-table" class = "table">
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
{{#each club.runningCompetitions}}
<tr>
<td>{{name}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
@@ -110,3 +93,29 @@
</table>
</div>
<!-- Container to Display Club's Current Competitions -->
<div class="club-current-competitions-container">
<h2>Competitions</h2>
<ul id="competitions-list"></ul>
<table id="players-table" class="table">
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
{{#each club.runningCompetitions}}
<tr>
<td>{{name}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>

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

@@ -14,13 +14,13 @@
<div id="league-table-container" class="stats-container">
<!-- Put header above table container -->
<div id="table-header-container" class="header">
<div id="league-table-header-container" class="header">
<h2>Table</h2>
</div>
<!-- Container containing all league table stats -->
<div id="table-stats-container" class="stats-container">
<table id="standings-table">
<div id="league-table-stats-container" class="stats-container">
<table id="league-standings-table">
<thead>
<tr>
<th>#</th>
@@ -38,14 +38,14 @@
{{#each league.standings}}
<tr>
<td>{{table.league_position}}</td>
<td id="club-logo-column"><img id="table-club-logo" clubID="{{table.team_id}}" src="{{table.team_crest}}" alt="{{table.team_name}} Crest"></td>
<td><span id="club-name-column" clubID="{{table.team_id}}">{{table.team_name}}</span></td>
<td id="league-table-club-logo-column"><img id="league-table-club-logo" clubID="{{table.team_id}}" src="{{table.team_crest}}" alt="{{table.team_name}} Crest"></td>
<td><span id="league-table-club-name-column" clubID="{{table.team_id}}">{{table.team_name}}</span></td>
<td>{{games_played}}</td>
<td>{{wins}}</td>
<td>{{losses}}</td>
<td>{{draws}}</td>
<td id="goal-difference-column">{{goal_difference}}</td>
<td id="points-column">{{points}}</td>
<td id="league-table-goal-difference-column">{{goal_difference}}</td>
<td id="league-table-points-column">{{points}}</td>
</tr>
{{/each}}
</tbody>
@@ -54,12 +54,12 @@
</div>
<!-- Container to display top scorers for league <- Split 50% -->
<div id="top-scorers-container" class="stats-container">
<div id="top-scorers-header-container" class="header">
<div id="league-top-scorers-container" class="stats-container">
<div id="league-top-scorers-header-container" class="header">
<h2>Top Scorers</h2>
</div>
<div id="top-scorers-stats-container" class="stats-container">
<div id="league-top-scorers-stats-container" class="stats-container">
<table>
<thead>
<tr>
@@ -73,10 +73,10 @@
<tbody>
{{#each topScorers.scorers}}
<tr id="top-scorers-row">
<td id="goals-column">{{goals}}</td>
<td><img id="top-scorers-logo" clubID="{{team.team_id}}" src="{{team.team_crest}}" alt="{{table.team_name}} Crest"></img></td>
<td id="player-name-column">{{player.player_name}}</td>
<td id="club-name-column" clubID="{{team.team_id}}">{{team.team_name}}</td>
<td id="league-top-scorers-goals-column">{{goals}}</td>
<td><img id="league-top-scorers-logo" clubID="{{team.team_id}}" src="{{team.team_crest}}" alt="{{table.team_name}} Crest"></img></td>
<td id="league-top-scorers-player-name-column">{{player.player_name}}</td>
<td id="league-top-scorers-club-name-column" clubID="{{team.team_id}}">{{team.team_name}}</td>
<td>{{games_played}}</td>
</tr>
{{/each}}

2
ProjectSourceCode/src/views/partials/head.hbs
View File

@@ -25,7 +25,7 @@
<!-- League Page Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/league-pages/league-page.css">
<link rel="stylesheet" type="text/css" href="/css/league-pages/league-table.css">
<link rel="stylesheet" type="text/css" href="/css/league-pages/top-scorers.css">
<link rel="stylesheet" type="text/css" href="/css/league-pages/league-top-scorers.css">
<!-- League Page Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/club-pages/club-page.css">