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

Club ID is now correctly passed in to create club pages

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

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

@@ -1,24 +1,17 @@
// Add click event listener to club logos
document.querySelectorAll('.club-logo, #club-name').forEach(element => {
document.querySelectorAll('.club-logo').forEach(element => {
element.addEventListener('click', (event) => {
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;
}
// Get the club ID from the clicked club logo's clubID attribute
const clubId = element.getAttribute('clubID');
redirectToClubPage(clubId);
});
});
// Function to redirect to the league page
// Function to redirect to the club page
function redirectToClubPage(clubID) {
// Append the league name to the URL
// Append the club ID to the URL
var url = "/club/" + clubID;
// Redirect to the league page
// Redirect to the club page
window.location.href = url;
}

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

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