monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-09 17:04:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

refactor: remove jquery in modals/practice-words

Browse source
This commit is contained in:
Francis Eugene Casibu 2025-12-25 23:03:37 +08:00
parent e968667835
commit c45226a809
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/ts/modals/practise-words.ts
View file

@ -1,6 +1,7 @@
import AnimatedModal, { ShowOptions } from "../utils/animated-modal";
import * as PractiseWords from "../test/practise-words";
import * as TestLogic from "../test/test-logic";
import { qs } from "../utils/dom";
type State = {
missed: "off" | "words" | "biwords";
@ -15,20 +16,20 @@ const state: State = {
const practiseModal = "#practiseWordsModal .modal";
function updateUI(): void {
$(`${practiseModal} .group[data-id="missed"] button`).removeClass("active");
$(
qs(`${practiseModal} .group[data-id="missed"] button`)?.removeClass("active");
qs(
`${practiseModal} .group[data-id="missed"] button[value="${state.missed}"]`,
).addClass("active");
)?.addClass("active");
$(`${practiseModal} .group[data-id="slow"] button`).removeClass("active");
$(
qs(`${practiseModal} .group[data-id="slow"] button`)?.removeClass("active");
qs(
`${practiseModal} .group[data-id="slow"] button[value="${state.slow}"]`,
).addClass("active");
)?.addClass("active");
if (state.missed === "off" && !state.slow) {
$(`${practiseModal} .start`).prop("disabled", true);
qs(`${practiseModal} .start`)?.disable();
} else {
$(`${practiseModal} .start`).prop("disabled", false);
qs(`${practiseModal} .start`)?.enable();
}
}