Lv.0
-
40%
+
0%
Lv.1
You need 12,345,600 more experience points
@@ -188,7 +188,7 @@
button: "purple", upgrades: [{ icon: A + "upgrade-game.svg", name: "Earned through gameplay", exp: "1 Coins = 1 EXP" }]
}
};
- var state = { track: new URLSearchParams(window.location.search).get("track") || "charm", loading: false, details: {}, toastTimer: 0 };
+ var state = { track: new URLSearchParams(window.location.search).get("track") || "charm", loading: false, details: {}, userAvatar: "", toastTimer: 0 };
function byId(id) { return document.getElementById(id); }
function track() { return tracks[state.track] ? state.track : "charm"; }
@@ -198,9 +198,33 @@
var cur = Number(o.current_level_required_value || 0);
var next = Number(o.next_level_required_value || 0);
var total = Number(o.total_value || 0);
- if (next <= cur) return .4;
+ if (!d || !d.overview) return 0;
+ if (next <= cur) return total >= cur && cur > 0 ? 1 : 0;
return Math.max(0, Math.min(1, (total - cur) / (next - cur)));
}
+ function profileFromOverview(current) {
+ var user = current && current.user;
+ return (user && (user.profile || user.user || user)) || {};
+ }
+ function profileAvatar(profile) {
+ return String((profile && (profile.avatar || profile.user_avatar || profile.userAvatar || profile.avatar_url || profile.avatarUrl || profile.profile_avatar || profile.profileAvatar)) || "");
+ }
+ function applyUserProfile(current) {
+ state.userAvatar = profileAvatar(profileFromOverview(current));
+ render();
+ }
+ function setAvatarSource(src, fallback) {
+ var avatar = byId("avatar");
+ if (!avatar) return;
+ var fallbackSrc = fallback || "";
+ var nextSrc = src || fallbackSrc;
+ avatar.onerror = function () {
+ if (fallbackSrc && avatar.getAttribute("src") !== fallbackSrc) {
+ avatar.src = fallbackSrc;
+ }
+ };
+ if (avatar.getAttribute("src") !== nextSrc) avatar.src = nextSrc;
+ }
function resizeApp() {
var scale = Math.min(window.innerWidth / 375, 1.25);
document.documentElement.style.setProperty("--app-scale", String(scale));
@@ -257,7 +281,14 @@
byId("lvNext").textContent = "Lv." + next;
byId("progressPercent").textContent = percent + "%";
byId("progressFill").style.width = percent + "%";
- var need = Math.max(0, Number(o.next_level_required_value || 12345600) - Number(o.total_value || 0));
+ var curRequired = Number(o.current_level_required_value || 0);
+ var nextRequired = Number(o.next_level_required_value || 0);
+ var total = Number(o.total_value || 0);
+ if (d && d.overview && nextRequired <= curRequired) {
+ byId("needText").textContent = "Max level reached";
+ return;
+ }
+ var need = Math.max(0, nextRequired - total);
byId("needText").textContent = "You need " + fmt(need) + " more experience points";
}
function render() {
@@ -267,7 +298,7 @@
byId("cardBg").src = cfg.cardBg;
byId("decorLeft").src = cfg.decor;
byId("decorRight").src = cfg.decor;
- byId("avatar").src = cfg.avatar;
+ setAvatarSource(state.userAvatar, cfg.avatar);
byId("avatarFrame").src = cfg.frame;
byId("tierRows").innerHTML = rowsHTML(state.track, state.details[state.track]);
byId("upgradeList").innerHTML = upgradesHTML(cfg);
@@ -321,6 +352,13 @@
render();
});
}
+ function loadUserProfile() {
+ if (!window.HyAppParams || !window.HyAppParams.loadUser) return Promise.resolve(null);
+ return window.HyAppParams.loadUser().then(function (current) {
+ applyUserProfile(current);
+ return current;
+ }).catch(function () { return null; });
+ }
byId("tabs").addEventListener("click", function (event) {
var target = event.target.closest("[data-track]");
if (!target) return;
@@ -334,7 +372,7 @@
window.HyAppBridge.ready({ page: "level" });
loadTrack(state.track).finally(function () {
loadOverview();
- window.HyAppParams.loadUser().catch(function () { return null; });
+ loadUserProfile();
});
})();