https://mnrrevival.derole.net/stats/ Recent content in Stats on MNR Revival Hugo en-us https://mnrrevival.derole.net/stats/creation/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/creation/ <div id="plg-creation"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <style> .creation-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .creation-panel #creation-image { grid-area: 1 / 1 / 5 / 2; } .creation-panel #creation-name { grid-area: 1 / 2 / 2 / 3; } .creation-panel #creation-description { grid-area: 2 / 2 / 3 / 3; } .creation-panel #creation-author { grid-area: 3 / 2 / 4 / 3; } .creation-panel #creation-rating { grid-area: 4 / 2 / 5 / 3; } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div class="creation-panel"> <div id="creation-image"><img id="user-creation-image" width="256" height="256"></div> <div id="creation-name" class="text-large"><span id="user-creation-name">Creation Name</span></div> <div id="creation-description"><span id="user-creation-description">Creation Description</span></div> <div id="creation-author" class="text-medium">By <a id="user-creation-creator">User</a></div> <div id="creation-rating"> <span id="user-creation-rating"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> </span> </div> </div> <div id="stats"> <h2>Online Stats</h2> <table> <tbody> <tr> <td>Create XP</td> <td id="creation-create-xp">0</td> </tr> <tr> <td>Create XP This Week</td> <td id="creation-create-xp-this-week">0</td> </tr> <tr> <td>Create XP Last Week</td> <td id="creation-create-xp-last-week">0</td> </tr> <tr> <td>Views</td> <td id="creation-views">0</td> </tr> <tr> <td>Views This Week</td> <td id="creation-views-this-week">0</td> </tr> <tr> <td>Views Last Week</td> <td id="creation-views-last-week">0</td> </tr> <tr> <td>Downloads</td> <td id="creation-downloads">0</td> </tr> <tr> <td>Downloads This Week</td> <td id="creation-downloads-this-week">0</td> </tr> <tr> <td>Downloads Last Week</td> <td id="creation-downloads-last-week">0</td> </tr> </tbody> </table> </div> <div id="scores" hidden> <h2>Leaderboard</h2> <button id="btn-scores-previous">&lt;</button> <span class="text-gray"><span id="scores-page-start">0</span>-<span id="scores-page-end">0</span> of <span id="scores-total">0</span> scores</span> <select id="cmb-subid"> <option value="703">Time Trial</option> <option value="702">Action Race</option> <option value="705">Pure Race</option> </select> <button id="btn-scores-next">></button> <table> <thead> <tr> <th>#</th> <th></th> <th>Username</th> <th id="col-total-time">Total Time</th> <th>Lap Time</th> <th>Set At</th> </tr> </thead> <tbody> </tbody> </table> </div> <div id="comments"> <h2>Comments</h2> <button id="btn-comments-previous">&lt;</button> <span class="text-gray"><span id="comments-page-start">0</span>-<span id="comments-page-end">0</span> of <span id="comments-total">0</span> comments</span> <button id="btn-comments-next">></button> <table> <thead> <tr> <th>Username</th> <th>Comment</th> <th>Sent</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const PER_PAGE = 10; var commentsPage = 1; var scoresPage = 1; var commentsTotal = 0; var scoresTotal = 0; var creationId = "0"; function updateScores() { $("#wait").show(); var subId = $("#cmb-subid").val(); getScores(creationId,subId,scoresPage,PER_PAGE,function (res) { var startIdx = (scoresPage - 1) * PER_PAGE; scoresTotal = res.total; $("#scores-page-start").text(startIdx + 1); $("#scores-page-end").text(startIdx + Object.keys(res.scores).length); $("#scores-total").text(scoresTotal); $("#scores tbody").empty(); if (subId != "703") { $("#col-total-time").show(); } else { $("#col-total-time").hide(); } res.scores.forEach((time) => { var totalTime = new Date(time.finishTime * 1000); var bestLapTime = new Date(time.bestLapTime * 1000); var updatedAt = new Date(`${time.updatedAt}Z`); var row = $("<tr></tr>") .append($("<td></td>").addClass("text-orange").text(time.rank)) .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getPlayerPrimary128ImageUrl(time.playerId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${time.playerId}`).text(time.playerUsername))); if (subId != "703") { row.append($("<td></td>").text(`${totalTime.getMinutes().toString()}:${totalTime.getSeconds().toString().padStart(2, "0")}.${totalTime.getMilliseconds().toString().padStart(3, "0")}`)) } row.append($("<td></td>").text(`${bestLapTime.getMinutes().toString()}:${bestLapTime.getSeconds().toString().padStart(2, "0")}.${bestLapTime.getMilliseconds().toString().padStart(3, "0")}`)) .append($("<td></td>").text(updatedAt.toLocaleString())); $("#scores tbody").append(row); }); $("#scores").show(); $("#wait").hide(); $("#content").show(); }, function() { $("#wait").hide(); $("#fail").show(); }); } function updateCreationComments(showContent) { $("#wait").show(); getCreationComments(creationId,commentsPage,PER_PAGE,function (res) { var startIdx = (commentsPage - 1) * PER_PAGE; commentsTotal = res.total; $("#comments-page-start").text(startIdx + 1); $("#comments-page-end").text(startIdx + Object.keys(res.comments).length); $("#comments-total").text(commentsTotal); $("#comments tbody").empty(); res.comments.forEach((comment) => { var createdAt = new Date(`${comment.createdAt}Z`); $("#comments tbody").append($("<tr></tr>") .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?username=${comment.username}`).text(comment.username))) .append($("<td></td>").text(comment.comment)) .append($("<td></td>").text(createdAt.toLocaleString()))); }); if (showContent) { $("#wait").hide(); $("#content").show(); } }, function() { $("#wait").hide(); $("#fail").show(); }); } function checkServer() { $("#wait").show(); creationId = new URLSearchParams(window.location.search).get("id"); getCreation(creationId,function (res) { $("#user-creation-image").attr("src", getCreationPreviewImageUrl(res.playerCreationId)); $("#user-creation-name").text(res.name); $("#user-creation-description").text(res.description); $("#user-creation-creator").attr("href", `/stats/player?username=${res.creatorUsername}`).text(res.creatorUsername); var starElements = $("#user-creation-rating").attr("title", `${res.rating} stars`).children(); for (let i = 0; i < Math.ceil(res.rating); i++) { if (res.rating - i <= 0.5) { starElements.eq(i).attr("src", "/img/star_half.png"); } else { starElements.eq(i).attr("src", "/img/star_full.png"); } } $("#creation-create-xp").text(res.points.all_time); $("#creation-create-xp-this-week").text(res.points.this_week); $("#creation-create-xp-last-week").text(res.points.last_week); $("#creation-views").text(res.views.all_time); $("#creation-views-this-week").text(res.views.this_week); $("#creation-views-last-week").text(res.views.last_week); $("#creation-downloads").text(res.downloads.all_time); $("#creation-downloads-this-week").text(res.downloads.this_week); $("#creation-downloads-last-week").text(res.downloads.last_week); document.title = document.title.replace("Creation", res.name); var isTrack = res.type == "TRACK"; updateCreationComments(!isTrack); if (isTrack) { updateScores(); } }, function() { $("#wait").hide(); $("#fail").show(); }); } checkServer(); $("#cmb-subid").change(function() { scoresPage = 1; updateScores(); }); $("#btn-scores-previous").on("click", function () { if (scoresPage > 1) { scoresPage--; updateScores(); } }); $("#btn-scores-next").on("click", function () { if (scoresPage < (scoresTotal / PER_PAGE)) { scoresPage++; updateScores(); } }); $("#btn-comments-previous").on("click", function () { if (commentsPage > 1) { commentsPage--; updateCreationComments(); } }); $("#btn-comments-next").on("click", function () { if (commentsPage < (commentsTotal / PER_PAGE)) { commentsPage++; updateCreationComments(); } }); </script> </div> https://mnrrevival.derole.net/stats/creationsearch/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/creationsearch/ <div id="plg-creationsearch"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div id="creations"> <h2>Results</h2> <button id="btn-previous">&lt;</button> <span class="text-gray"><span id="creations-page-start">0</span>-<span id="creations-page-end">0</span> of <span id="creations-total">0</span> creations</span> <button id="btn-next">></button> <table> <thead> <tr> <th></th> <th>Name</th> <th>Created By</th> <th>Rating</th> <th>Created</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const PER_PAGE = 10; var page = 1; var total = 0; function checkServer() { $("#wait").show(); var params = new URLSearchParams(window.location.search); searchCreations(params.get("query"), params.get("type"), params.get("sortOrder"), page, PER_PAGE, function (res) { var startIdx = (page - 1) * PER_PAGE; total = res.total; $("#creations-page-start").text(startIdx + 1); $("#creations-page-end").text(startIdx + Object.keys(res.creations).length); $("#creations-total").text(total); $("#creations tbody").empty(); res.creations.forEach((creation) => { var createdAt = new Date(`${creation.createdAt}Z`); $("#creations tbody").append($("<tr></tr>") .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getCreationPreview64ImageUrl(creation.playerCreationId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${creation.playerCreationId}`).addClass("text-orange").text(creation.name))) .append($("<td></td>").text(creation.creatorUsername)) .append($("<td></td>").text(creation.rating)) .append($("<td></td>").text(createdAt.toLocaleString()))); }); $("#content").show(); $("#wait").hide(); }, function(err) { $("#wait").hide(); if (err.responseJSON != undefined && err.responseJSON.error == "error_creation_not_found") { alert("No creations were found that match this search query!"); window.location = "/stats/creations"; } else { $("#fail").show(); } }); } checkServer(); $("#btn-previous").on("click", function () { if (page > 1) { page--; checkServer(); } }); $("#btn-next").on("click", function () { if (page < (total / PER_PAGE)) { page++; checkServer(); } }); </script> </div> https://mnrrevival.derole.net/stats/creations/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/creations/ <div id="plg-creations"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div id="creation-search"> <h2>Creation lookup</h2> <label>Query</label> <input id="txt-query" type="text"> <select id="cmb-type"> <option value="ANY">Any</option> <option value="CHARACTER">Mod</option> <option value="KART">Kart</option> <option value="TRACK">Track</option> </select> <select id="cmb-sort"> <option value="desc">Newest</option> <option value="asc">Oldest</option> </select> <button id="btn-search">Search</button> </div> <div id="top-mods"> <h2>Top Mods</h2> <table> <tr class="text-orange"> <td class="text-medium">2</td> <td class="text-large">1</td> <td class="text-medium">3</td> </tr> <tr id="top-mods-images"></tr> <tr id="top-mods-names"></tr> <tr id="top-mods-authors"></tr> </table> </div> <div id="top-karts"> <h2>Top Karts</h2> <table> <tr class="text-orange"> <td class="text-medium">2</td> <td class="text-large">1</td> <td class="text-medium">3</td> </tr> <tr id="top-karts-images"></tr> <tr id="top-karts-names"></tr> <tr id="top-karts-authors"></tr> </table> </div> <div id="top-tracks"> <h2>Top Tracks</h2> <table> <tr class="text-orange"> <td class="text-medium">2</td> <td class="text-large">1</td> <td class="text-medium">3</td> </tr> <tr id="top-tracks-images"></tr> <tr id="top-tracks-names"></tr> <tr id="top-tracks-authors"></tr> </table> </div> </div> <script> function isEmptyOrSpaces(str){ return str === null || str.match(/^ *$/) !== null; } function checkServer() { $("#wait").show(); getTopMods(function (res) { $("#top-mods-list").empty(); if (Object.keys(res).length > 1) { var first = res.shift(); res.splice(1, 0, first); } res.slice(0, 3).forEach((creation) => { $("#top-mods-images").append($("<td></td>").append($("<img></img>").attr("src", getCreationPreviewImageUrl(creation.id)))); $("#top-mods-names").append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${creation.id}`).text(creation.name))); $("#top-mods-authors").append($("<td></td>").text(`By `).append($("<a></a>").attr("href", `/stats/player?username=${creation.creatorUsername}`).text(creation.creatorUsername))); }); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); getTopKarts(function (res) { $("#top-karts-list").empty(); if (Object.keys(res).length > 1) { var first = res.shift(); res.splice(1, 0, first); } res.slice(0, 3).forEach((creation) => { $("#top-karts-images").append($("<td></td>").append($("<img></img>").attr("src", getCreationPreviewImageUrl(creation.id)))); $("#top-karts-names").append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${creation.id}`).text(creation.name))); $("#top-karts-authors").append($("<td></td>").text(`By `).append($("<a></a>").attr("href", `/stats/player?username=${creation.creatorUsername}`).text(creation.creatorUsername))); }); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); getTopTracks(function (res) { $("#top-tracks-list").empty(); if (Object.keys(res).length > 1) { var first = res.shift(); res.splice(1, 0, first); } res.slice(0, 3).forEach((creation) => { $("#top-tracks-images").append($("<td></td>").append($("<img></img>").attr("src", getCreationPreviewImageUrl(creation.id)))); $("#top-tracks-names").append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${creation.id}`).text(creation.name))); $("#top-tracks-authors").append($("<td></td>").text(`By `).append($("<a></a>").attr("href", `/stats/player?username=${creation.creatorUsername}`).text(creation.creatorUsername))); }); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); } checkServer(); $("#txt-query").keypress(function (key) { if(key.which == 13) { $("#btn-search").click(); } }); $("#btn-search").on("click", function () { if (isEmptyOrSpaces($("#txt-query").val())) { alert("Please enter a search query"); return; } window.location = `/stats/creationsearch?query=${$("#txt-query").val()}&type=${$("#cmb-type").val()}&sortOrder=${$("#cmb-sort").val()}`; }); </script> </div> https://mnrrevival.derole.net/stats/hotlap/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/hotlap/ <div id="plg-hotlap"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <style> .creation-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .creation-panel #creation-image { grid-area: 1 / 1 / 4 / 2; } .creation-panel #creation-name { grid-area: 1 / 2 / 2 / 3; } .creation-panel #creation-author { grid-area: 2 / 2 / 3 / 3; } .creation-panel #creation-rating { grid-area: 3 / 2 / 4 / 3; } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div id="last-updated"> <span class="text-gray">Last updated at <span id="updated">00:00</span></span> </div> <div id="hotlap-track"> <div class="creation-panel"> <div id="creation-image"><img id="hotlap-track-image" width="256" height="256"></div> <div id="creation-name" class="text-large"><a id="hotlap-track-name">Hotlap Track</a></div> <div id="creation-author" class="text-medium">By <a id="hotlap-track-creator" class="text-orange">User</a></div> <div id="creation-rating"> <span id="hotlap-track-rating"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> </span> </div> </div> </div> <div id="hotlap-timer" class="text-gray"> Next Hotlap in <span id="hotlap-reset-hours" class="text-orange">0</span> hours <span id="hotlap-reset-minutes" class="text-orange">0</span> minutes (<span id="hotlap-reset-time">00:00</span>) </div> <div id="hotlap-records"> <table> <thead> <tr> <th>#</th> <th></th> <th>Username</th> <th>Lap Time</th> <th>Set At</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const CHECK_INTERVAL = 60000; function checkServer() { $("#wait").show(); getHotlap(function (res) { var date = new Date(); var hotlapResetDate = new Date(); hotlapResetDate.setSeconds(hotlapResetDate.getSeconds() + res.resetInSeconds); $("#hotlap-reset-hours").text(Math.floor(res.resetInSeconds / 3600)); $("#hotlap-reset-minutes").text(Math.floor(res.resetInSeconds % 3600 / 60)); $("#hotlap-reset-time").text(`${hotlapResetDate.getHours().toString().padStart(2, "0")}:${hotlapResetDate.getMinutes().toString().padStart(2, "0")}`); $("#hotlap-track-image").attr("src", getCreationPreviewImageUrl(res.track.id)); $("#hotlap-track-name").attr("href", `/stats/creation?id=${res.track.id}`).text(res.track.name); $("#hotlap-track-creator").attr("href", `/stats/player?id=${res.track.creatorId}`).text(res.track.creatorUsername); var starElements = $("#hotlap-track-rating").attr("title", `${res.track.rating} stars`).children(); for (let i = 0; i < Math.ceil(res.track.rating); i++) { if (res.track.rating - i <= 0.5) { starElements.eq(i).attr("src", "/img/star_half.png"); } else { starElements.eq(i).attr("src", "/img/star_full.png"); } } $("#hotlap-records tbody").empty(); res.topTimes.forEach((time) => { var bestLapTime = new Date(time.bestLapTime * 1000); var updatedAt = new Date(`${time.updatedAt}Z`); $("#hotlap-records tbody").append($("<tr></tr>") .append($("<td></td>").addClass("text-orange").text(time.rank)) .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getPlayerPrimary128ImageUrl(time.playerId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${time.playerId}`).text(time.playerUsername))) .append($("<td></td>").text(`${bestLapTime.getMinutes().toString()}:${bestLapTime.getSeconds().toString().padStart(2, "0")}.${bestLapTime.getMilliseconds().toString().padStart(3, "0")}`)) .append($("<td></td>").text(`${updatedAt.getHours().toString().padStart(2, "0")}:${updatedAt.getMinutes().toString().padStart(2, "0")}`))); }); $("#updated").text(`${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); } checkServer(); setInterval(checkServer, CHECK_INTERVAL); </script> </div> https://mnrrevival.derole.net/stats/leaderboard/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/leaderboard/ <div id="plg-hotlap"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div id="leaderboard"> <button id="btn-previous">&lt;</button> <span class="text-gray"><span id="leaderboard-page-start">0</span>-<span id="leaderboard-page-end">0</span> of <span id="leaderboard-total">0</span> records</span> <select id="cmb-leaderboard"> <option value="creations">Creations</option> <option value="players">Players</option> </select> <span id="creations-filters"> <select id="cmb-creations-type"> <option value="ANY">Any</option> <option value="CHARACTER">Mod</option> <option value="KART">Kart</option> <option value="TRACK">Track</option> </select> <select id="cmb-creations-sortby"> <option value="xp">XP Points</option> <option value="views">Views</option> <option value="downloads">Downloads</option> </select> </span> <span id="players-filters"> <select id="cmb-players-sortby"> <option value="onlineraces">Races Started</option> <option value="onlinewins">Races Won</option> <option value="longestwinstreak">Longest Win Streak</option> <option value="currentstreak">Current Win Streak</option> <option value="longesthangtime">Biggest Airtime</option> <option value="longestdrift">Biggest Drift</option> <option value="skillrating">Skill Rating</option> </select> </span> <button id="btn-next">></button> <table> <thead> <tr> <th>#</th> <th></th> <th id="col-name">Name</th> <th id="col-createdby" hidden>Created By</th> <th id="col-score">Score</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const PER_PAGE = 10; var page = 1; var total = 0; function checkServer() { $("#wait").show(); switch ($("#cmb-leaderboard").val()) { case "creations": getCreationLeaderboard($("#cmb-creations-type").val(),$("#cmb-creations-sortby").val(),page,PER_PAGE,function (res) { var startIdx = (page - 1) * PER_PAGE; total = res.total; $("#leaderboard-page-start").text(startIdx + 1); $("#leaderboard-page-end").text(startIdx + Object.keys(res.results).length); $("#leaderboard-total").text(total); $("#leaderboard tbody").empty(); $("#col-name").text("Name"); $("#col-createdby").show(); $("#col-score").text($("#cmb-creations-sortby option:selected").text()); res.results.forEach((record) => { var row = $("<tr></tr>") .append($("<td></td>").addClass("text-orange").text(record.rank)) .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getCreationPreview64ImageUrl(record.creationId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${record.creationId}`).text(record.name))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${record.creatorId}`).text(record.creatorUsername))); switch (res.sortBy) { case "xp": row.append($("<td></td>").text(`${record.xp} xp`)); break; case "views": row.append($("<td></td>").text(record.views)); break; case "downloads": row.append($("<td></td>").text(record.downloads)); break; } $("#leaderboard tbody").append(row); }); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); break; case "players": getPlayerLeaderboard($("#cmb-players-sortby").val(),page,PER_PAGE,function (res) { var startIdx = (page - 1) * PER_PAGE; total = res.total; $("#leaderboard-page-start").text(startIdx + 1); $("#leaderboard-page-end").text(startIdx + Object.keys(res.results).length); $("#leaderboard-total").text(total); $("#leaderboard tbody").empty(); $("#col-name").text("Username"); $("#col-createdby").hide(); $("#col-score").text($("#cmb-players-sortby option:selected").text()); res.results.forEach((record) => { var row = $("<tr></tr>") .append($("<td></td>").addClass("text-orange").text(record.rank)) .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getPlayerPrimary128ImageUrl(record.playerId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${record.playerId}`).text(record.username))); switch (res.sortBy) { case "onlineraces": row.append($("<td></td>").text(record.onlineRaces)); break; case "onlinewins": row.append($("<td></td>").text(record.onlineWins)); break; case "longestwinstreak": row.append($("<td></td>").text(record.longestWinStreak)); break; case "currentstreak": row.append($("<td></td>").text(record.currentStreak)); break; case "longesthangtime": row.append($("<td></td>").text(record.longestHangTime)); break; case "longestdrift": row.append($("<td></td>").text(record.longestDrift)); break; case "modmiles": row.append($("<td></td>").text(record.modMiles)); break; case "skillrating": row.append($("<td></td>").text(record.skillRating)); break; } $("#leaderboard tbody").append(row); }); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); break; } } function checkLeaderboardType() { if ($("#cmb-leaderboard").val() == "creations") { $("#players-filters").hide(); $("#creations-filters").show(); } else { $("#creations-filters").hide(); $("#players-filters").show(); } } $("#cmb-leaderboard").change(function() { page = 1; checkLeaderboardType(); checkServer(); }); $("#cmb-creations-type").change(function() { page = 1; checkServer(); }); $("#cmb-creations-sortby").change(function() { page = 1; checkServer(); }); $("#cmb-players-sortby").change(function() { page = 1; checkServer(); }); $("#btn-previous").on("click", function () { if (page > 1) { page--; checkServer(); } }); $("#btn-next").on("click", function () { if (page < (total / PER_PAGE)) { page++; checkServer(); } }); checkLeaderboardType(); checkServer(); </script> </div> https://mnrrevival.derole.net/stats/player/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/player/ <div id="plg-player"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <style> .player-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .player-panel #player-panel-image { grid-area: 1 / 1 / 5 / 2; } .player-panel #player-panel-name { grid-area: 1 / 2 / 2 / 3; } .player-panel #player-panel-quote { grid-area: 2 / 2 / 3 / 3; } .player-panel #player-panel-rating { grid-area: 3 / 2 / 4 / 3; } .player-panel #player-panel-joined { grid-area: 4 / 2 / 5 / 3; } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div class="player-panel"> <div id="player-panel-image"><img id="player-image" width="256" height="256"></div> <div id="player-panel-name" class="text-large"><span id="player-username" class="text-orange">User</span><img id="player-rank-img" width="32"></div> <div id="player-panel-quote"><span id="player-quote">User</span></div> <div id="player-panel-rating"> <span id="player-rating"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> <img src="https://mnrrevival.derole.net/img/star_none.png"> </span> </div> <div id="player-panel-joined" class="text-gray">Joined on <span id="player-joined-date">Mon Jan 01 2026</span> at <span id="player-joined-time"></span></div> </div> <div id="stats"> <h2>Online Stats</h2> <table> <tbody> <tr> <td>Total XP</td> <td id="player-total-xp">0</td> </tr> <tr> <td>Race XP</td> <td id="player-race-xp">0</td> </tr> <tr> <td>Create XP</td> <td id="player-create-xp">0</td> </tr> <tr> <td>Skill Rating</td> <td id="player-skill-rating">0</td> </tr> <tr> <td>Wins</td> <td id="player-wins">0</td> </tr> <tr> <td>DNFs</td> <td id="player-forfeits">0</td> </tr> <tr> <td>Finishes</td> <td id="player-finishes">0</td> </tr> <tr> <td>Win Streak</td> <td id="player-win-streak">0</td> </tr> <tr> <td>Longest Win Streak</td> <td id="player-longest-win-streak">0</td> </tr> <tr> <td>Best Drift</td> <td id="player-longest-drift">0</td> </tr> <tr> <td>Biggest Airtime</td> <td id="player-longest-hang-time">0</td> </tr> </tbody> </table> </div> <div id="creations"> <h2>Creations</h2> <button id="btn-creations-previous">&lt;</button> <span class="text-gray"><span id="creations-page-start">0</span>-<span id="creations-page-end">0</span> of <span id="creations-total">0</span> creations</span> <select id="cmb-type"> <option value="ANY">Any</option> <option value="CHARACTER">Mod</option> <option value="KART">Kart</option> <option value="TRACK">Track</option> </select> <select id="cmb-sort"> <option value="desc">Newest</option> <option value="asc">Oldest</option> </select> <button id="btn-creations-next">></button> <table> <thead> <tr> <th></th> <th>Name</th> <th>Rating</th> <th>Created</th> </tr> </thead> <tbody> </tbody> </table> </div> <div id="hearted"> <h2>Favourite Creators</h2> <button id="btn-hearted-previous">&lt;</button> <span class="text-gray"><span id="hearted-page-start">0</span>-<span id="hearted-page-end">0</span> of <span id="hearted-total">0</span> favourite creators</span> <button id="btn-hearted-next">></button> <table> <thead> <tr> <th></th> <th>Username</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const PER_PAGE = 10; var creationsPage = 1; var heartedPage = 1; var creationsTotal = 0; var heartedTotal = 0; var username = ""; function updateCreations(username) { $("#wait").show(); getCreationsByUsername(username, $("#cmb-type").val(), $("#cmb-sort").val(), creationsPage, PER_PAGE, function (res) { var startIdx = (creationsPage - 1) * PER_PAGE; creationsTotal = res.total; $("#creations-page-start").text(startIdx + 1); $("#creations-page-end").text(startIdx + Object.keys(res.creations).length); $("#creations-total").text(creationsTotal); $("#creations tbody").empty(); res.creations.forEach((creation) => { var createdAt = new Date(`${creation.createdAt}Z`); $("#creations tbody").append($("<tr></tr>") .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getCreationPreview64ImageUrl(creation.playerCreationId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/creation?id=${creation.playerCreationId}`).addClass("text-orange").text(creation.name))) .append($("<td></td>").text(creation.rating)) .append($("<td></td>").text(createdAt.toLocaleString()))); }); $("#wait").hide(); }, function(err) { $("#wait").hide(); if (err.responseJSON.error != "error_player_not_found") { $("#fail").show(); } }); } function updateHearted(username) { $("#wait").show(); getPlayerHearted(username, heartedPage, PER_PAGE, function (res) { var startIdx = (heartedPage - 1) * PER_PAGE; heartedTotal = res.total; $("#hearted-page-start").text(startIdx + 1); $("#hearted-page-end").text(startIdx + Object.keys(res.hearted).length); $("#hearted-total").text(heartedTotal); $("#hearted tbody").empty(); res.hearted.forEach((heartedPlayer) => { $("#hearted tbody").append($("<tr></tr>") .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getPlayerPrimary128ImageUrl(heartedPlayer.heartedUserId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${heartedPlayer.heartedUserId}`).addClass("text-orange").text(heartedPlayer.username)))); }); $("#content").show(); $("#wait").hide(); }, function(err) { $("#wait").hide(); if (err.responseJSON.error != "error_player_not_found") { $("#fail").show(); } else { $("#content").show(); } }); } function checkQueryType() { var params = new URLSearchParams(window.location.search); if (params.has("username")) { $("#wait").show(); getPlayerId(params.get("username"), function (res) { checkServer(res); }, function(err) { $("#wait").hide(); if (err.responseText != "error_player_not_found") { $("#fail").show(); } else { $("#fail span").text("Could not find user with given username"); $("#fail").show(); } }); } else { checkServer(params.get("id")); } } function checkServer(playerId) { $("#wait").show(); getPlayer(playerId,function (res) { var playerJoined = new Date(`${res.createdAt}Z`); if (res.isBanned) { $("#wait").hide(); $("#fail span").text("This user is banned and cannot be viewed"); $("#fail").show(); return; } username = res.username; $("#player-image").attr("src", getPlayerSecondaryImageUrl(res.userId)); $("#player-username").text(res.username); $("#player-rank-img").attr("src", `/img/ranks/${res.skillLevels["PS3"].id}.png`).attr("title", res.skillLevels["PS3"].name); $("#player-quote").text(res.quote); var starElements = $("#player-rating").attr("title", `${res.starRating} stars`).children(); for (let i = 0; i < Math.ceil(res.starRating); i++) { if (res.starRating - i <= 0.5) { starElements.eq(i).attr("src", "/img/star_half.png"); } else { starElements.eq(i).attr("src", "/img/star_full.png"); } } $("#player-joined-date").text(playerJoined.toDateString()); $("#player-joined-time").text(playerJoined.toLocaleTimeString()); $("#player-total-xp").text(res.skillLevels["PS3"].xp); $("#player-race-xp").text(res.skillLevels["PS3"].raceXp); $("#player-create-xp").text(res.skillLevels["PS3"].creationPoints); $("#player-skill-rating").text(res.skillRating); $("#player-wins").text(res.onlineWins); $("#player-forfeits").text(res.onlineForfeits); $("#player-finishes").text(res.onlineFinished); $("#player-win-streak").text(res.winStreak); $("#player-longest-win-streak").text(res.longestWinStreak); $("#player-longest-drift").text(res.longestDrift); $("#player-longest-hang-time").text(res.longestHangTime); document.title = document.title.replace("Player", res.username); updateCreations(res.username); updateHearted(res.username); }, function() { $("#wait").hide(); $("#fail").show(); }); } checkQueryType(); $("#cmb-type").change(function() { creationsPage = 1; updateCreations(username); }); $("#cmb-sort").change(function() { creationsPage = 1; updateCreations(username); }); $("#btn-creations-previous").on("click", function () { if (creationsPage > 1) { creationsPage--; updateCreations(username); } }); $("#btn-creations-next").on("click", function () { if (creationsPage < (creationsTotal / PER_PAGE)) { creationsPage++; updateCreations(username); } }); $("#btn-hearted-previous").on("click", function () { if (heartedPage > 1) { heartedPage--; updateHearted(username); } }); $("#btn-hearted-next").on("click", function () { if (heartedPage < (heartedTotal / PER_PAGE)) { heartedPage++; updateHearted(username); } }); </script> </div> https://mnrrevival.derole.net/stats/players/ Mon, 01 Jan 0001 00:00:00 +0000 https://mnrrevival.derole.net/stats/players/ <div id="plg-players"> <script src="https://mnrrevival.derole.net/js/lib/jquery-3.7.1.min.js"></script> <script src="https://mnrrevival.derole.net/js/plgapi.js"></script> <style> .loading-bg { position: absolute; } .loading-wheel { animation: 2s infinite normal linear loading-wheel-anim; } @keyframes loading-wheel-anim { 100% { transform: rotate(360deg); } } </style> <style> .creation-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .creation-panel #creation-image { grid-area: 1 / 1 / 4 / 2; } .creation-panel #creation-name { grid-area: 1 / 2 / 2 / 3; } .creation-panel #creation-author { grid-area: 2 / 2 / 3 / 3; } .creation-panel #creation-rating { grid-area: 3 / 2 / 4 / 3; } </style> <div id="wait"> <img src="https://mnrrevival.derole.net/img/loading_bg.png" class="loading-bg"> <img src="https://mnrrevival.derole.net/img/loading_wheel.png" class="loading-wheel"> </div> <div id="fail" hidden> <span class="text-red">Server is currently unreachable</span> </div> <div id="content" hidden> <div id="player-search"> <h2>Player lookup</h2> <label>Username</label> <input id="txt-username" type="text"> <button id="btn-search">Search</button> </div> <div id="sessions"> <h2>Sessions</h2> <div id="last-updated"> <span class="text-gray">Last updated at <span id="updated">00:00</span></span> </div> <button id="btn-previous">&lt;</button> <span class="text-gray"><span id="session-page-start">0</span>-<span id="session-page-end">0</span> of <span id="session-total">0</span> sessions</span> <button id="btn-next">></button> <table> <thead> <tr> <th></th> <th>Username</th> <th>Status</th> <th>Platform</th> <th>Network</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> <script> const CHECK_INTERVAL = 30000; const PER_PAGE = 10; const SESSION_STATUSES = { "OFFLINE": "Offline", "ONLINE": "Online", "INGAME": "In Single Player Event", "LOBBY": "In Lobby", "WEB": "On Website", "CAREER_CHALLENGE": "In Career", "CASUAL_RACE": "In Online Race (Casual)", "IDLING": "Idle", "IN_POD": "In Pod", "IN_STUDIO": "In Creation Station", "KART_PARK_CHALLENGE": "In Online Race (PvP)", "RANKED_RACE": "In Online Race (Ranked)", "ROAMING": "In ModSpot" }; var page = 1; var total = 0; function isEmptyOrSpaces(str){ return str === null || str.match(/^ *$/) !== null; } function checkServer() { $("#wait").show(); getPlayerPresences(page,PER_PAGE,function (res) { var date = new Date(); var startIdx = (page - 1) * PER_PAGE; total = res.total; $("#session-page-start").text(startIdx + 1); $("#session-page-end").text(startIdx + Object.keys(res.presence).length); $("#session-total").text(total); $("#sessions tbody").empty(); res.presence.forEach((session) => { $("#sessions tbody").append($("<tr></tr>") .append($("<td></td>").append($("<img></img>").addClass("player-avatar-preview").attr("src", getPlayerPrimary128ImageUrl(session.userId)))) .append($("<td></td>").append($("<a></a>").attr("href", `/stats/player?id=${session.userId}`).addClass("text-orange").text(session.username))) .append($("<td></td>").text(SESSION_STATUSES[session.presence])) .append($("<td></td>").text(session.platform)) .append($("<td></td>").text(session.isRpcn ? "RPCN" : "PSN"))); }); $("#updated").text(`${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}`); $("#content").show(); $("#wait").hide(); }, function() { $("#wait").hide(); $("#fail").show(); }); } checkServer(); setInterval(checkServer, CHECK_INTERVAL); $("#txt-username").keypress(function (key) { if(key.which == 13) { $("#btn-search").click(); } }); $("#btn-search").on("click", function () { if (isEmptyOrSpaces($("#txt-username").val())) { alert("Please enter a username"); return; } $("#wait").show(); getPlayerId($("#txt-username").val(), function (res) { $("#wait").hide(); window.location = `/stats/player?id=${res}`; }, function(err) { $("#wait").hide(); if (err.responseText == "error_player_not_found") { alert("The player you searched for does not exist!"); } else { $("#fail").show(); } }); }); $("#btn-previous").on("click", function () { if (page > 1) { page--; checkServer(); } }); $("#btn-next").on("click", function () { if (page < (total / PER_PAGE)) { page++; checkServer(); } }); </script> </div>