monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-09-06 22:56:49 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr(leaderboard): show typing speed in selected unit (@fehmer) (#6328)

Browse source
This commit is contained in:
Christian Fehmer 2025-03-05 13:55:29 +01:00 • committed by GitHub
parent aaa519bc8d
commit 02c48fc50d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/html/pages/leaderboards.html
View file

@ -51,7 +51,7 @@
<tr>
<td>#</td>
<td>name</td>
<td class="stat narrow">
<td class="stat narrow speedUnit">
wpm
<div class="sub">accuracy</div>
</td>
@ -59,7 +59,7 @@
raw
<div class="sub">consistency</div>
</td>
<td class="stat wide">wpm</td>
<td class="stat wide speedUnit">wpm</td>
<td class="stat wide">accuracy</td>
<td class="stat wide">raw</td>
<td class="stat wide">consistency</td>

25
frontend/src/ts/pages/leaderboards.ts
View file

@ -1,5 +1,6 @@
import Page from "./page";
import * as Skeleton from "../utils/skeleton";
import Config from "../config";
import {
LeaderboardEntry,
XpLeaderboardEntry,
@ -39,6 +40,8 @@ import {
serialize as serializeUrlSearchParams,
} from "zod-urlsearchparams";
import { UTCDateMini } from "@date-fns/utc";
import * as ConfigEvent from "../observables/config-event";
import * as ActivePage from "../states/active-page";
// import * as ServerConfiguration from "../ape/server-configuration";
const LeaderboardTypeSchema = z.enum(["allTime", "weekly", "daily"]);
@ -699,7 +702,10 @@ function fillUser(): void {
let str = `Not qualified`;
if (!state.yesterday) {
str += ` (min speed required: ${state.minWpm} wpm)`;
str += ` (min speed required: ${Format.typingSpeed(state.minWpm, {
showDecimalPlaces: true,
suffix: ` ${Config.typingSpeedUnit}`,
})})`;
}
$(".page.pageLeaderboards .bigUser").html(
@ -772,7 +778,7 @@ function fillUser(): void {
<div class="bottom">${diffText}</div>
</div>
<div class="stat wide">
<div class="title">wpm</div>
<div class="title">${Config.typingSpeedUnit}</div>
<div class="value">${formatted.wpm}</div>
</div>
<div class="stat wide">
@ -943,6 +949,12 @@ function updateContent(): void {
updateTimerVisibility();
fillTable();
for (const element of document.querySelectorAll(
".page.pageLeaderboards .speedUnit"
)) {
element.innerHTML = Config.typingSpeedUnit;
}
if (state.scrollToUserAfterFill) {
const windowHeight = $(window).height() ?? 0;
const offset = $(`.tableAndUser .me`).offset()?.top ?? 0;
@ -1338,10 +1350,17 @@ export const page = new Page({
},
afterShow: async (): Promise<void> => {
updateSecondaryButtons();
state.discordAvatarUrls = new Map<string, string>();
},
});
$(async () => {
Skeleton.save("pageLeaderboards");
});
ConfigEvent.subscribe((eventKey) => {
if (ActivePage.get() === "leaderboards" && eventKey === "typingSpeedUnit") {
updateContent();
fillUser();
fillAvatars();
}
});