kitten/SplatNet
Watch
0
0
Fork
You've already forked SplatNet
 0
forked from spacebar/SplatNet
Code Pull requests Activity

Ranking: dont display content until finished loading

Browse source
This commit is contained in:
kittentm 2026-03-22 16:51:18 +01:00
commit 7b586bbd5e
No known key found for this signature in database
GPG key ID: AC43DFDBC1F44A91
2 changed files with 33 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

51
ranking/rank.js
View file

@ -203,6 +203,12 @@ window.loadHeader(async function(headerContainer) {
const modeTitleImg = document.getElementById('rank-mode-title');
const splatfestSubtitle = document.querySelector('.splatfest-subtitle');
const modeSelection = document.querySelector('.mode-selection');
const glassPanel = document.querySelector('.rank-glass-panel');
if (modeSelection) modeSelection.style.display = 'flex';
if (glassPanel) glassPanel.style.display = 'block';
const images = {
regular: "../assets/en/svg/ui/btn_tab_regular_selected-b636e3d21ace9434120061a32658b21a34feb6468553b6d6da30ce890b85ec1f.svg",
gachi: "../assets/en/svg/ui/btn_tab_gachi_selected-4796f167399dca12cb274dcb0348cdf709a1f722ddd241210e55a3e04fdb6ff4.svg",
@ -230,30 +236,35 @@ window.loadHeader(async function(headerContainer) {
renderRankings(mode);
};
const init = () => {
const init = async () => {
const cachedUser = sessionStorage.getItem('user_cache');
if (cachedUser) renderData(JSON.parse(cachedUser));
fetch("/api/v1/me", { credentials: 'include' })
.then(res => res.ok ? res.json() : Promise.reject(res))
.then(data => {
if (!data) return;
sessionStorage.setItem('user_cache', JSON.stringify(data));
renderData(data);
}).catch(() => {});
try {
await Promise.all([
fetch("/api/v1/me", { credentials: 'include' })
.then(res => res.ok ? res.json() : Promise.reject(res))
.then(data => {
if (!data) return;
sessionStorage.setItem('user_cache', JSON.stringify(data));
renderData(data);
}).catch(() => {}),
fetch("/api/v1/leaderboard")
.then(res => res.json())
.then(data => {
cachedLeaderboardData = data;
const urlParams = new URLSearchParams(window.location.search);
const mode = urlParams.get('mode') || 'regular';
updateTabUI(mode);
const loadingOverlay = document.getElementById("loading-overlay");
if (loadingOverlay) loadingOverlay.style.display = "none";
})
.catch(err => console.error("Leaderboard preload failed:", err));
fetch("/api/v1/leaderboard")
.then(res => res.json())
.then(data => {
cachedLeaderboardData = data;
const urlParams = new URLSearchParams(window.location.search);
const mode = urlParams.get('mode') || 'regular';
updateTabUI(mode);
})
]);
} catch (err) {
console.error("Initialization failed:", err);
} finally {
const loadingOverlay = document.getElementById("loading-overlay");
if (loadingOverlay) loadingOverlay.style.display = "none";
}
};
document.querySelectorAll('.mode-selection a').forEach(link => {