monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

storing caret globally

Browse source 
removed unnecessary words wrapper class check
This commit is contained in:
Miodec 2022-10-18 03:21:51 +02:00
parent 6d75b64666
commit e3d34311c3
1 changed files with 8 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/ts/test/caret.ts
View file

@ -5,11 +5,12 @@ import * as SlowTimer from "../states/slow-timer";
import * as TestActive from "../states/test-active";
export let caretAnimating = true;
const caret = $("#caret");
export function stopAnimation(): void {
if (caretAnimating === true) {
$("#caret").css("animation-name", "none");
$("#caret").css("opacity", "1");
caret.css("animation-name", "none");
caret.css("opacity", "1");
caretAnimating = false;
}
}
@ -17,25 +18,19 @@ export function stopAnimation(): void {
export function startAnimation(): void {
if (caretAnimating === false) {
if (Config.smoothCaret && !SlowTimer.get()) {
$("#caret").css("animation-name", "caretFlashSmooth");
caret.css("animation-name", "caretFlashSmooth");
} else {
$("#caret").css("animation-name", "caretFlashHard");
caret.css("animation-name", "caretFlashHard");
}
caretAnimating = true;
}
}
export function hide(): void {
$("#caret").addClass("hidden");
caret.addClass("hidden");
}
export async function updatePosition(): Promise<void> {
if ($("#wordsWrapper").hasClass("hidden")) return;
// if ($("#caret").hasClass("off")) {
// return;
// }
const caret = $("#caret");
const caretWidth = Math.round(
document.querySelector("#caret")?.getBoundingClientRect().width ?? 0
);
@ -133,8 +128,7 @@ export async function updatePosition(): Promise<void> {
if (Config.showAllLines) {
const browserHeight = window.innerHeight;
const middlePos =
browserHeight / 2 - ($("#caret").outerHeight() as number) / 2;
const middlePos = browserHeight / 2 - (caret.outerHeight() as number) / 2;
const contentHeight = document.body.scrollHeight;
if (
@ -157,7 +151,7 @@ export async function updatePosition(): Promise<void> {
export function show(): void {
if ($("#result").hasClass("hidden")) {
$("#caret").removeClass("hidden");
caret.removeClass("hidden");
updatePosition();
startAnimation();
}