Files
ScoreSpot/ProjectSourceCode/src/views/pages/clubs-page.hbs

100 lines
3.5 KiB
Handlebars
Raw Normal View History

2024-04-15 11:56:19 -06:00
<!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>
2024-04-14 14:25:56 -06:00
<div class="container" id="club-page-body">
2024-04-15 11:56:19 -06:00
<div class="container" id="club-stats-container">
2024-04-14 14:25:56 -06:00
<div class="container" id="club-players-container">
2024-04-15 11:56:19 -06:00
<h2>Players</h2>
<ul id="players-list"></ul>
2024-04-15 14:14:23 -06:00
<table id="players-table" class = "table">
2024-04-15 11:56:19 -06:00
<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>
2024-04-14 12:49:37 -06:00
</div>
<div class="container" id="top-scorers-container">
2024-04-15 14:14:23 -06:00
<h2>Information</h2>
2024-04-15 11:56:19 -06:00
<ul id="scorers-list"></ul>
2024-04-15 14:14:23 -06:00
<table id="top-scorers-table" class = "table">
<tbody>
<tr>
<td id = "club-crest">
<img src = {{club.crest}}>
</td>
</tr>
<tr>
<td id = "club-area-flag-row">
<img id = "club-area-flag" src = {{club.area.club_flag}}>
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Club Address:</span><br>
{{club.address}}
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Founded</span><br>
{{club.founded}}
</td>
</tr>
<tr>
<td>
<span style="font-weight: bold;">Manager</span><br>
<span>Name : {{club.coach.name}}</span><br>
<span>Nationality : {{club.coach.nationality}}</span><br>
<span>DOB : {{club.coach.dateOfBirth}}</span><br>
<span>contract start : {{club.coach.contract.start}}</span><br>
<span>contract end : {{club.coach.contract.until}}</span><br>
</td>
</tr>
</tbody>
</table>
2024-04-14 12:49:37 -06:00
2024-04-15 11:56:19 -06:00
<h2>Competitions</h2>
<ul id="competitions-list"></ul>
2024-04-15 14:14:23 -06:00
<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>
2024-04-14 12:49:37 -06:00
</div>
</div>
2024-04-15 11:56:19 -06:00
</body>
</html>