turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Some comments

This commit is contained in:
Daniel Schädler 2025-03-17 23:04:47 +01:00
parent cdb1bc52dd
commit 4edcfac209
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
js/components/FavoriteBar.js
View File

@ -55,13 +55,14 @@ export function FavoriteBar({teams}) {
const scrollToFavorite = () => { const scrollToFavorite = () => {
if (!favorite) { if (!favorite) {
return; return; // Exit if there is no favorite team selected
} }
const matchesWithFavoriteParticipation = document.querySelectorAll(`[data-team-level-ids*='-${favorite.id}']`); const matchesWithFavoriteParticipation = document.querySelectorAll(`[data-team-level-ids*='-${favorite.id}']`);
let lowestMatch = null; // lowest means lowest stage number > latest game of the favorite let lowestMatch = null; // lowest means lowest stage number > latest game of the favorite
let lowestStageNum = Infinity; let lowestStageNum = Infinity;
// Iterate over each element to find the match with the lowest stage number
matchesWithFavoriteParticipation.forEach(el => { matchesWithFavoriteParticipation.forEach(el => {
const dataTeamLevelIds = el.getAttribute('data-team-level-ids').split(','); const dataTeamLevelIds = el.getAttribute('data-team-level-ids').split(',');
dataTeamLevelIds.forEach(pair => { dataTeamLevelIds.forEach(pair => {
@ -77,17 +78,19 @@ export function FavoriteBar({teams}) {
if (lowestMatch) { if (lowestMatch) {
scrollTo = lowestMatch; scrollTo = lowestMatch;
} else { } else {
// If no match is found, look for group elements that contain the favorite team's ID
const groupElements = document.querySelectorAll('[data-teams]'); const groupElements = document.querySelectorAll('[data-teams]');
groupElements.forEach(groupEl => { groupElements.forEach(groupEl => {
const teamIds = groupEl.getAttribute('data-teams').split(',').map(id => parseInt(id, 10)); const teamIds = groupEl.getAttribute('data-teams').split(',').map(id => parseInt(id, 10));
if (teamIds.includes(favorite.id)) { if (teamIds.includes(favorite.id)) {
scrollTo = groupEl; scrollTo = groupEl; // Update the scroll target to the group element
} }
}); });
} }
scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'}); scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'}); // Smoothly scroll to the target element
let scrollTimeout; let scrollTimeout;
// Add a scroll event listener to start the highlighting after scrolling only
window.addEventListener('scroll', function() { window.addEventListener('scroll', function() {
clearTimeout(scrollTimeout); clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(function() { scrollTimeout = setTimeout(function() {