spacebar/SplatNet
spacebar/SplatNet
Watch
13
1
Fork
You've already forked SplatNet
 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Mii image & name support in sidebar

Browse source
This commit is contained in:
kittentm 2026-02-21 06:16:14 +01:00
commit f294e136d7
7 changed files with 289 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

88
stages/index.html
View file

@ -41,31 +41,77 @@
</div>
</div>
<script>
const headerBox = document.getElementById("header-container");
fetch("../header.html")
.then(res => res.text())
.then(html => {
headerBox.innerHTML = html;
const logoutForm = document.getElementById("logout-form");
if (logoutForm && typeof CONFIG !== 'undefined') {
const apiBase = CONFIG.API_BASE_URL.replace(/\/$/, "");
logoutForm.action = apiBase + "/api/v1/spfn/logout";
const originInput = document.getElementById("logout_frontend_origin");
if (originInput) {
originInput.value = window.location.origin;
}
<script>
fetch("../header.html")
.then(res => res.text())
.then(html => {
const headerContainer = document.getElementById("header-container");
if (headerContainer) {
headerContainer.innerHTML = html;
const friendButton = headerContainer.querySelector('.menu-item.stage');
if (friendButton) {
friendButton.classList.add('active');
}
}
const friendButton = headerBox.querySelector('.menu-item.stage');
if (friendButton) {
friendButton.classList.add('active');
if (typeof CONFIG !== 'undefined') {
const apiBase = CONFIG.API_BASE_URL.replace(/\/$/, "");
const logoutForm = document.getElementById("logout-form");
if (logoutForm) {
logoutForm.action = apiBase + "/api/v1/spfn/logout";
const originInput = document.getElementById("logout_frontend_origin");
if (originInput) originInput.value = window.location.origin;
}
fetch(apiBase + "/api/v1/me", { credentials: 'include' })
.then(res => {
if (!res.ok) throw new Error("Status: " + res.status);
return res.json();
})
.then(data => {
if (typeof data === 'string') {
try {
data = JSON.parse(data);
} catch (e) {
console.error("Failed to parse inner JSON:", e);
}
}
const nameEl = document.getElementById('mii-name');
const imgEl = document.getElementById('mii-img');
if (nameEl) {
const displayName =
(data.mii && data.mii.name) ||
data.nickname ||
data.user_id ||
data.username ||
"User";
nameEl.textContent = displayName;
}
if (imgEl) {
const miiBlob = (data.mii && data.mii.data) || data.mii_data;
if (miiBlob) {
const encodedData = encodeURIComponent(miiBlob);
imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?erri=s6u7r-rsp&data=${encodedData}&type=face&width=270`;
imgEl.style.display = 'block';
}
}
})
.catch(err => {
const nameEl = document.getElementById('mii-name');
if (nameEl) nameEl.textContent = "Guest";
console.error("Profile Error:", err);
});
}
})
.catch(err => console.error("Failed to load header:", err));
</script>
})
.catch(err => console.error("Failed to load header:", err));
</script>
<script src="stages.js"></script>
</body>