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

Team name and logo make clickable in the table

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-14 12:56:21 -06:00
parent fdd965f5b0
commit 1b6c7de44b
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ProjectSourceCode/src/resources/routes/club-pages/redirect-to-club-url.js
View File

@@ -1,11 +1,19 @@
// Add click event listener to club logos // Add click event listener to club logos
document.querySelectorAll('.club-logo').forEach(logo => { document.querySelectorAll('.club-logo, #club-name').forEach(element => {
logo.addEventListener('click', (event) => { element.addEventListener('click', (event) => {
const clubId = event.target.dataset.team_id; let clubId;
if (element.dataset.teamId) {
// If it's a logo, get the club ID from the logo's dataset
clubId = element.dataset.teamId;
} else {
// If it's a team name, get the club ID from the parent row's dataset
clubId = event.target.closest('tr').dataset.teamId;
}
redirectToClubPage(clubId); redirectToClubPage(clubId);
}); });
}); });
// Function to redirect to the league page // Function to redirect to the league page
function redirectToClubPage(clubID) { function redirectToClubPage(clubID) {
// Append the league name to the URL // Append the league name to the URL

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

@@ -32,8 +32,8 @@
{{#each league.standings}} {{#each league.standings}}
<tr> <tr>
<td>{{table.league_position}}</td> <td>{{table.league_position}}</td>
<td><img src="{{table.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo" class="club-logo" data-club-id="{{table.team_id}}"></td> <td><img src="{{table.team_crest}}" alt="{{table.team_name}} Crest" id="club-logo" class="club-logo" data-club-id="{{table.team_id}}"></td>
<td>{{table.team_name}}</td> <td><p id="club-name">{{table.team_name}}</p></td>
<td>{{games_played}}</td> <td>{{games_played}}</td>
<td>{{wins}}</td> <td>{{wins}}</td>
<td>{{losses}}</td> <td>{{losses}}</td>