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

dont force page to reload when changing options (ranking)

Browse source
This commit is contained in:
kittentm 2026-03-17 05:26:19 +01:00
commit 55fe94dcb8
No known key found for this signature in database
GPG key ID: AC43DFDBC1F44A91
1 changed files with 56 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

90
ranking/rank.js
View file

@ -62,44 +62,66 @@ window.loadHeader(function(headerContainer) {
} }
}; };
const cached = sessionStorage.getItem('user_cache'); const init = () => {
if (cached) renderData(JSON.parse(cached)); const cached = sessionStorage.getItem('user_cache');
if (cached) renderData(JSON.parse(cached));
fetch("/api/v1/me", { credentials: 'include' }) fetch("/api/v1/me", { credentials: 'include' })
.then(res => res.ok ? res.json() : Promise.reject(res)) .then(res => res.ok ? res.json() : Promise.reject(res))
.then(data => { .then(data => {
sessionStorage.setItem('user_cache', JSON.stringify(data)); sessionStorage.setItem('user_cache', JSON.stringify(data));
renderData(data); renderData(data);
}) })
.catch(err => { .catch(err => {
if (!cached) { if (!cached) {
const nameEl = document.getElementById('mii-name'); const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest"; if (nameEl) nameEl.textContent = "Guest";
} }
console.error("Profile fetch failed:", err); console.error("Profile fetch failed:", err);
}); });
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
const mode = urlParams.get('mode'); const mode = urlParams.get('mode') || 'regular';
const images = {
regular: "../assets/en/svg/ui/btn_tab_regular_selected-b636e3d21ace9434120061a32658b21a34feb6468553b6d6da30ce890b85ec1f.svg", const regImg = document.getElementById('img-regular');
gachi: "../assets/en/svg/ui/btn_tab_gachi_selected-4796f167399dca12cb274dcb0348cdf709a1f722ddd241210e55a3e04fdb6ff4.svg" const gachiImg = document.getElementById('img-gachi');
const images = {
regular: "../assets/en/svg/ui/btn_tab_regular_selected-b636e3d21ace9434120061a32658b21a34feb6468553b6d6da30ce890b85ec1f.svg",
gachi: "../assets/en/svg/ui/btn_tab_gachi_selected-4796f167399dca12cb274dcb0348cdf709a1f722ddd241210e55a3e04fdb6ff4.svg",
regular_off: "../assets/en/svg/ui/btn_tab_regular-40682de5f47922c608c0ddf6eddd44efcf4b0516092041cdb48977f777030487.svg",
gachi_off: "../assets/en/svg/ui/btn_tab_gachi-1ab8351babd76ea6dd8e23eb86293c8ceafaf23b9cae3001166fabf3a01011a7.svg"
};
if (regImg) regImg.src = (mode === 'regular') ? images.regular : images.regular_off;
if (gachiImg) gachiImg.src = (mode === 'gachi') ? images.gachi : images.gachi_off;
if (typeof loadRankings === 'function') {
loadRankings();
}
const loadingOverlay = document.getElementById("loading-overlay");
if (loadingOverlay) {
loadingOverlay.style.display = "none";
}
}; };
if (mode === 'regular') { document.querySelectorAll('.mode-selection a').forEach(link => {
const regImg = document.getElementById('img-regular'); link.addEventListener('click', function(e) {
if (regImg) regImg.src = images.regular; e.preventDefault();
} else if (mode === 'gachi') { const href = this.getAttribute('href');
const gachiImg = document.getElementById('img-gachi'); window.history.pushState({}, '', href);
if (gachiImg) gachiImg.src = images.gachi;
}
if (typeof loadRankings === 'function') { const loadingOverlay = document.getElementById("loading-overlay");
loadRankings(); if (loadingOverlay) {
} loadingOverlay.style.display = "flex";
if (typeof window.animateLoadingCanvas === 'function') {
window.animateLoadingCanvas();
}
}
init();
});
});
const loadingOverlay = document.getElementById("loading-overlay"); init();
if (loadingOverlay) {
loadingOverlay.style.display = "none";
}
}); });