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

team players displayed for club page

Browse Source
This commit is contained in:
dominicjk
2024-04-15 11:56:19 -06:00
parent 74ceb23605
commit 411e6bf584
2 changed files with 52 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,24 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Club Details</title>
</head>
<body>
<div class="container" id="club-page-body"> <div class="container" id="club-page-body">
<!-- Container for all club information (logo, name, country, etc. ) <- top 100px -->
<div class="container" id="club-information-container"> <div class="container" id="club-information-container">
<img id="club-logo" src="{{club.crest}}" alt="{{club.name}} Emblem"> <img id="club-logo" src="{{club.crest}}" alt="Club Emblem">
<h1 id="club-title">{{club.name}}</h2> <h1 id="club-title"></h1>
<img id="club-flag" src="{{club.area.club_flag}}" alt="{{club.clubData.name}} Flag"> <img id="club-flag" src="{{club.area.club_flag}}" alt="Club Flag">
</div>
<div>
<p id="club-founded"></p>
<p id="club-website"></p>
<p id="club-address"></p>
<p id="club-colors"></p>
</div> </div>
<!-- Container to display all stats for club <- bottom rest of the container -->
<div class="container" id="club-stats-container"> <div class="container" id="club-stats-container">
<!-- Container to display club table <- split 50% -->
<div class="container" id="club-players-container"> <div class="container" id="club-players-container">
<h2>Players</h2>
<ul id="players-list"></ul>
<table id="players-table">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>DOB</th>
<th>Nationality</th>
</tr>
</thead>
<tbody>
{{#each club.squad}}
<tr>
<td>{{name}}</td>
<td>{{position}}</td>
<td>{{dateOfBirth}}</td>
<td>{{nationality}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div> </div>
<!-- Container to display top scorers for club <- Split 50% -->
<div class="container" id="top-scorers-container"> <div class="container" id="top-scorers-container">
<h2>Top Scorers</h2>
<ul id="scorers-list"></ul>
</div> </div>
<div class="container" id="competitions-container">
<h2>Competitions</h2>
<ul id="competitions-list"></ul>
</div> </div>
</div> </div>
</div>
</body>
</html>

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

@@ -1,5 +1,4 @@
<div id="league-page-body" class="page-container"> <div id="league-page-body" class="page-container">
<!-- Container for all league information (logo, name, country, etc. ) <- top 100px --> <!-- Container for all league information (logo, name, country, etc. ) <- top 100px -->
<div id="league-information-container" class="information-container"> <div id="league-information-container" class="information-container">
<img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem"> <img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem">