fix: fixes checks for non live games
This commit is contained in:
@@ -16,31 +16,73 @@ function fetchScoreboardData() {
|
||||
|
||||
// Function to update scoreboard with fetched data
|
||||
function updateScoreboard(data) {
|
||||
var liveGamesSection = document.getElementById("live-games-section");
|
||||
var liveGamesSection = document.getElementById('live-games-section');
|
||||
var preGamesSection = document.getElementById('pre-games-section');
|
||||
var finalGamesSection = document.getElementById('final-games-section');
|
||||
|
||||
if (liveGamesSection) {
|
||||
var liveGamesExist = data && data.live_games && data.live_games.length > 0;
|
||||
if (liveGamesExist) {
|
||||
document.getElementById('live-games').innerText = "Live Games"
|
||||
if (!document.getElementById('live-games')) {
|
||||
var targetElement = document.getElementById('live-games-section');
|
||||
var newElement = document.createElement('h1');
|
||||
newElement.setAttribute('id', 'live-games');
|
||||
newElement.innerText = 'Live Games';
|
||||
targetElement.parentNode.insertBefore(newElement, targetElement);
|
||||
}
|
||||
liveGamesSection.innerHTML = generateGameBoxes(data.live_games, 'LIVE');
|
||||
} else {
|
||||
var liveGamesElement = document.getElementById('live-games');
|
||||
if (liveGamesElement) {
|
||||
liveGamesElement.remove();
|
||||
}
|
||||
liveGamesSection.innerHTML = '';
|
||||
}
|
||||
}
|
||||
|
||||
if (preGamesSection) {
|
||||
var preGamesExist = data && data.pre_games && data.pre_games.length > 0;
|
||||
if (preGamesExist) {
|
||||
document.getElementById('on-later').innerText = "On Later"
|
||||
if (!document.getElementById('on-later')) {
|
||||
var targetElement = document.getElementById('pre-games-section');
|
||||
var newElement = document.createElement('h1');
|
||||
newElement.setAttribute('id', 'on-later');
|
||||
newElement.innerText = 'Scheduled Games';
|
||||
targetElement.parentNode.insertBefore(newElement, targetElement);
|
||||
}
|
||||
preGamesSection.innerHTML = generateGameBoxes(data.pre_games, 'PRE');
|
||||
} else {
|
||||
var onLaterElement = document.getElementById('on-later');
|
||||
if (onLaterElement) {
|
||||
onLaterElement.remove();
|
||||
}
|
||||
preGamesSection.innerHTML = '';
|
||||
}
|
||||
}
|
||||
|
||||
if (finalGamesSection) {
|
||||
var finalGamesExist = data && data.final_games && data.final_games.length > 0;
|
||||
|
||||
// Check if final games exist
|
||||
if (finalGamesExist) {
|
||||
document.getElementById('game-over').innerText = "Game Over"
|
||||
// Create or update "Game Over" heading
|
||||
if (!document.getElementById('game-over')) {
|
||||
var targetElement = document.getElementById('final-games-section');
|
||||
var newElement = document.createElement('h1');
|
||||
newElement.setAttribute('id', 'game-over');
|
||||
newElement.innerText = 'Game Over';
|
||||
targetElement.parentNode.insertBefore(newElement, targetElement);
|
||||
}
|
||||
|
||||
// Update final games section with generated game boxes
|
||||
finalGamesSection.innerHTML = generateGameBoxes(data.final_games, 'FINAL');
|
||||
} else {
|
||||
// Remove "Game Over" heading if it exists and clear final games section
|
||||
var gameOverElement = document.getElementById('game-over');
|
||||
if (gameOverElement) {
|
||||
gameOverElement.remove();
|
||||
}
|
||||
finalGamesSection.innerHTML = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,8 @@ body {
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 25px;
|
||||
color: #f2f2f2; /* Lighten the text color */
|
||||
}
|
||||
|
||||
@@ -177,7 +178,6 @@ h1 {
|
||||
align-items: start;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#pre-games-section {
|
||||
@@ -185,7 +185,6 @@ h1 {
|
||||
align-items: start;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#final-games-section {
|
||||
@@ -193,7 +192,6 @@ h1 {
|
||||
align-items: start;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* Existing CSS styles */
|
||||
|
||||
Reference in New Issue
Block a user