(function () { "use strict"; var config = { baseUrl: "https://tm171ldst2.execute-api.us-east-1.amazonaws.com/Prod", pageSize: 25, defaultLeaderboard: "Experience", title: "Oceans Call Leaderboards" }; var LEADERBOARDS = [ { key: "Experience", label: "Experience" }, { key: "BossKills", label: "Boss Kills" }, { key: "BloodRank", label: "Blood Rank" }, { key: "MonsterDamage", label: "Monster Damage" }, { key: "MonstersKilled", label: "Monsters Killed" }, { key: "MinerXp", label: "Miner XP" }, { key: "BlacksmithXp", label: "Blacksmith XP" }, { key: "QuarrierXp", label: "Quarrier XP" }, { key: "StonecutterXp", label: "Stonecutter XP" }, { key: "LumberjackXp", label: "Lumberjack XP" }, { key: "CarpenterXp", label: "Carpenter XP" }, { key: "FarmerXp", label: "Farmer XP" }, { key: "HunterXp", label: "Hunter XP" }, { key: "FishermanXp", label: "Fisherman XP" }, { key: "ChefXp", label: "Chef XP" }, { key: "AlchemistXp", label: "Alchemist XP" } ]; function escapeHtml(value) { return String(value) .replace(/&/g, "&") .replace(//g, ">") .replace(/\"/g, """) .replace(/'/g, "'"); } function formatLeaderboardValue(value) { var raw = String(value).trim(); if (!/^[-+]?\d+$/.test(raw)) { return raw; } var sign = ""; if (raw.charAt(0) === "-" || raw.charAt(0) === "+") { sign = raw.charAt(0) === "-" ? "-" : ""; raw = raw.slice(1); } var formatted = raw.replace(/\B(?=(\d{3})+(?!\d))/g, "."); return sign + formatted; } var root = document.getElementById("oc-leaderboard-widget"); if (!root) { return; } var state = { currentLeaderboard: config.defaultLeaderboard, currentPage: 0, totalCount: null, loading: false }; var tabsEl = root.querySelector("[data-role='tabs']"); var titleEl = root.querySelector("[data-role='title']"); var statusEl = root.querySelector("[data-role='status']"); var pageEl = root.querySelector("[data-role='page']"); var prevBtn = root.querySelector("[data-role='prev']"); var nextBtn = root.querySelector("[data-role='next']"); var tbody = root.querySelector("[data-role='rows']"); titleEl.textContent = config.title; renderTabs(); bindEvents(); loadPage(); function renderTabs() { tabsEl.innerHTML = ""; LEADERBOARDS.forEach(function (board) { var btn = document.createElement("button"); btn.type = "button"; btn.className = "oc-tab" + (board.key === state.currentLeaderboard ? " is-active" : ""); btn.setAttribute("data-key", board.key); btn.textContent = board.label; tabsEl.appendChild(btn); }); } function bindEvents() { tabsEl.addEventListener("click", function (event) { var target = event.target; if (!target || !target.classList.contains("oc-tab")) { return; } var selectedKey = target.getAttribute("data-key"); if (!selectedKey || selectedKey === state.currentLeaderboard) { return; } state.currentLeaderboard = selectedKey; state.currentPage = 0; state.totalCount = null; renderTabs(); loadPage(); }); prevBtn.addEventListener("click", function () { if (state.loading || state.currentPage <= 0) { return; } state.currentPage -= 1; loadPage(); }); nextBtn.addEventListener("click", function () { if (state.loading || !canGoNext()) { return; } state.currentPage += 1; loadPage(); }); } function canGoNext() { if (state.totalCount === null || typeof state.totalCount === "undefined") { return true; } var nextPageStart = (state.currentPage + 1) * config.pageSize; return nextPageStart < state.totalCount; } function updatePager() { pageEl.textContent = "Page " + (state.currentPage + 1); prevBtn.disabled = state.loading || state.currentPage <= 0; nextBtn.disabled = state.loading || !canGoNext(); } function setLoading(loading) { state.loading = loading; statusEl.textContent = loading ? "Loading..." : statusEl.textContent; updatePager(); } function renderRows(entries) { if (!entries || entries.length === 0) { tbody.innerHTML = "No entries found."; return; } var startRank = state.currentPage * config.pageSize; var html = entries .map(function (entry, index) { var rank = startRank + index + 1; return ( "" + rank + "" + escapeHtml(entry.username) + "" + escapeHtml(formatLeaderboardValue(entry.value)) + "" ); }) .join(""); tbody.innerHTML = html; } function loadPage() { var url = config.baseUrl + "/Rank/" + encodeURIComponent(state.currentLeaderboard) + "?page=" + encodeURIComponent(state.currentPage) + "&results=" + encodeURIComponent(config.pageSize); setLoading(true); fetch(url, { method: "GET", headers: { Accept: "application/json" } }) .then(function (response) { if (!response.ok) { throw new Error("Request failed with status " + response.status); } return response.json(); }) .then(function (payload) { state.totalCount = typeof payload.totalCount === "number" ? payload.totalCount : null; renderRows(payload.entries || []); var boardName = payload.leaderboardName || state.currentLeaderboard; var totalText = state.totalCount !== null ? " | Total: " + state.totalCount : ""; statusEl.textContent = boardName + totalText; }) .catch(function (error) { tbody.innerHTML = "Unable to load leaderboard."; statusEl.textContent = "Error: " + error.message; }) .finally(function () { setLoading(false); }); } })();

Oceans Call Leaderboards

Cart

Cart

Cart