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

More changes to club page. Cards and Headers are now mostly split

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-16 13:22:40 -06:00
parent 693a347448
commit 2f0b12663a
5 changed files with 93 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<div id="club-page-body" class="page-container">
<!-- Container on Top containing Club Information -->
<div id="club-information-container" class="information-container">
<div id="club-header-container" class="information-container">
<img id="club-logo" src="{{club.crest}}" alt="{{club.name}} Logo">
<h1 id="club-title">{{club.name}}</h2>
<img id="club-flag" src="{{club.area.club_flag}}" alt="{{club.name}} Flag">
@@ -9,74 +9,78 @@
<div id="club-page-contents-container" class="information-container">
<!-- Container on Left Side containing Club History -->
<div id="club-history-container" class="information-container">
<!-- Container on Left Side containing Club Information -->
<div id="club-information-container" class="information-container">
<!-- Container for Club Information -->
<div id="club-Attributes-container" class="information-container">
<!-- Container for Club History Information -->
<div id="club-history-container" class="information-container">
<h2>Information</h2>
<div id="club-information-table-header">
<h2>Information</h2>
</div>
<!-- Club Information -->
<table id="club-information-table">
<tbody>
<div id="club-information-table-container" class="information-container">
<table id="club-information-table">
<tbody>
<!-- Club Address Container -->
<tr>
<td>
<span style="font-weight: bold;">Club Address:</span><br>
{{club.address}}
</td>
</tr>
<!-- Club Address Container -->
<tr>
<td>
<span style="font-weight: bold;">Club Address:</span><br>
{{club.address}}
</td>
</tr>
<!-- Club Foundation Container -->
<tr>
<td>
<span style="font-weight: bold;">Founded</span><br>
{{club.founded}}
</td>
</tr>
<!-- Manager Information Table -->
<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>
<!-- Club Foundation Container -->
<tr>
<td>
<span style="font-weight: bold;">Founded</span><br>
{{club.founded}}
</td>
</tr>
<!-- Manager Information Table -->
<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>
</div> <!-- End of Club History Table Container -->
</div> <!-- End of Club History Container -->
<!-- Container to Display Club's Current Competitions -->
<div id="club-current-competitions-container">
<h2>Competitions</h2>
<table id="players-table">
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
{{#each club.runningCompetitions}}
<tr>
<td>{{name}}</td>
</tr>
{{/each}}
</tbody>
</table>
<div id="club-players-table-header">
<h2>Competitions</h2>
</div>
<div id="club-competitions-table-container">
<table id="club-competitions-table">
<thead>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
{{#each club.runningCompetitions}}
<tr>
<td>{{name}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div> <!-- End of Club Competitions Table Container -->
</div> <!-- End of Club Competitions Container -->
</div>
</div> <!-- End of Club Information Container (Left 20%) -->
<!-- Container on Right Side containing Club Stats -->
<div id="club-stats-and-players-container" class="stats-container">