Skip to content

impr(input-history): Change style for incomplete last word in input history (@Leonabcd123) #7117

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Miodec merged 9 commits into from
Nov 27, 2025
Merged

impr(input-history): Change style for incomplete last word in input history (@Leonabcd123) #7117

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
72e3e7f
Change style for incomplete last word in input history
Leonabcd123 Nov 18, 2025
8f0f826
Merge branch 'master' into change-incomplete-last-word-style
Leonabcd123 Nov 27, 2025
7793a05
Check for timed mode
Leonabcd123 Nov 27, 2025
581179c
Merge branch 'master' into change-incomplete-last-word-style
Miodec Nov 27, 2025
edca713
Fix code triggers for every incomplete word
Leonabcd123 Nov 27, 2025
ab3d9c7
Extract to consts
Leonabcd123 Nov 27, 2025
f44889d
Extract zen mode to a const
Leonabcd123 Nov 27, 2025
775ba3f
fix timemode check
Miodec Nov 27, 2025
3003029
refactor
Miodec Nov 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 15 additions & 3 deletions frontend/src/ts/test/test-ui.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1286,7 +1286,8 @@ function buildWordLettersHTML(
async function loadWordsHistory(): Promise<boolean> {
$("#resultWordsHistory .words").empty();
let wordsHTML = "";
for (let i = 0; i < TestInput.input.getHistory().length + 2; i++) {
const inputHistoryLength = TestInput.input.getHistory().length;
for (let i = 0; i < inputHistoryLength + 2; i++) {
const input = TestInput.input.getHistory(i);
const corrected = TestInput.corrected.getHistory(i);
const word = TestWords.words.get(i);
Expand All @@ -1303,8 +1304,19 @@ async function loadWordsHistory(): Promise<boolean> {
throw new Error("empty input word");
}

const errorClass =
Config.mode === "zen" ? "" : input !== word ? "error" : "";
const isIncorrectWord = input !== word;
const isLastWord = i === inputHistoryLength - 1;
const isTimedTest =
Config.mode === "time" ||
(Config.mode === "custom" && CustomText.getLimitMode() === "time") ||
(Config.mode === "custom" && CustomText.getLimitValue() === 0);
const isPartiallyCorrect = word.substring(0, input.length) === input;

const shouldShowError =
Config.mode !== "zen" &&
!(isLastWord && isTimedTest && isPartiallyCorrect);

const errorClass = isIncorrectWord && shouldShowError ? "error" : "";

if (corrected !== undefined && corrected !== "") {
const correctedChar = !containsKorean
Expand Down