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

Remove jquery from loading page

Browse source
This commit is contained in:
Leonabcd123 2025-12-13 21:16:23 +02:00
parent cbd00da5aa
commit fa82c306f5
1 changed files with 20 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
frontend/src/ts/pages/loading.ts
View file

@ -1,47 +1,46 @@
import Page from "./page";
import * as Skeleton from "../utils/skeleton";
import { promiseAnimate } from "../utils/misc";
import { qsr } from "../utils/dom";
import { qs, qsr } from "../utils/dom";
const pageEl = $(".page.pageLoading");
const barEl = pageEl.find(".bar");
const errorEl = pageEl.find(".error");
const spinnerEl = pageEl.find(".spinner");
const textEl = pageEl.find(".text");
const pageEl = qs(".page.pageLoading");
const barEl = pageEl?.qs(".bar");
const errorEl = pageEl?.qs(".error");
const spinnerEl = pageEl?.qs(".spinner");
const textEl = pageEl?.qs(".text");
export async function updateBar(
percentage: number,
duration: number,
): Promise<void> {
await promiseAnimate(barEl[0]?.querySelector(".fill") as HTMLElement, {
await barEl?.qs(".fill")?.promiseAnimate({
width: percentage + "%",
duration,
});
}
export function updateText(text: string): void {
textEl.removeClass("hidden").html(text);
textEl?.show()?.setHtml(text);
}
export function showSpinner(): void {
barEl.addClass("hidden");
errorEl.addClass("hidden");
spinnerEl.removeClass("hidden");
textEl.addClass("hidden");
barEl?.hide();
errorEl?.hide();
spinnerEl?.show();
textEl?.hide();
}
export function showError(): void {
barEl.addClass("hidden");
spinnerEl.addClass("hidden");
errorEl.removeClass("hidden");
textEl.addClass("hidden");
barEl?.hide();
spinnerEl?.hide();
errorEl?.show();
textEl?.hide();
}
export async function showBar(): Promise<void> {
barEl.removeClass("hidden");
errorEl.addClass("hidden");
spinnerEl.addClass("hidden");
textEl.addClass("hidden");
barEl?.show();
errorEl?.hide();
spinnerEl?.show();
textEl?.hide();
}
export const page = new Page({