BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-17 17:07:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix assement overview

Browse Source
This commit is contained in:
Aden Linday
2026-06-17 18:52:35 +09:30
parent 5d8cb55b94
commit a3bdb0fe09
2 changed files with 20 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/plugins/built-in/assessmentsOverview/index.ts
+8 -5
View File
@@ -61,6 +61,7 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
const gridItem = document.createElement("li"); const gridItem = document.createElement("li");
gridItem.className = "item"; gridItem.className = "item";
gridItem.classList.add(OVERVIEW_MENU_CLASS); gridItem.classList.add(OVERVIEW_MENU_CLASS);
gridItem.dataset.betterseqta = "true";
const label = document.createElement("label"); const label = document.createElement("label");
label.textContent = "Overview"; label.textContent = "Overview";
gridItem.appendChild(label); gridItem.appendChild(label);
@@ -79,9 +80,11 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
const clickHandler = (e: Event) => { const clickHandler = (e: Event) => {
e.preventDefault(); e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
void loadGridView(); void loadGridView();
}; };
gridItem.addEventListener("click", clickHandler); gridItem.addEventListener("click", clickHandler, true);
const popstateHandler = () => { const popstateHandler = () => {
if (isOverviewRoute()) { if (isOverviewRoute()) {
@@ -131,16 +134,16 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
if (requestId !== loadRequestId) return; if (requestId !== loadRequestId) return;
void renderSkeletonLoader(container); renderSkeletonLoader(container);
try { try {
const data = await getAssessmentsData(); const data = await getAssessmentsData();
if (requestId !== loadRequestId) return; if (requestId !== loadRequestId) return;
void renderGrid(container, data); renderGrid(container, data);
} catch (err) { } catch (err) {
if (requestId !== loadRequestId) return; if (requestId !== loadRequestId) return;
console.error("Failed to load assessments:", err); console.error("Failed to load assessments:", err);
void renderErrorState( renderErrorState(
container, container,
err instanceof Error ? err.message : "Unknown error", err instanceof Error ? err.message : "Unknown error",
); );
@@ -151,7 +154,7 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
loadRequestId += 1; loadRequestId += 1;
window.removeEventListener("popstate", popstateHandler); window.removeEventListener("popstate", popstateHandler);
menuObserver.disconnect(); menuObserver.disconnect();
gridItem.removeEventListener("click", clickHandler); gridItem.removeEventListener("click", clickHandler, true);
teardownOverviewUi(); teardownOverviewUi();
gridItem.remove(); gridItem.remove();
}; };
src/plugins/built-in/assessmentsOverview/ui.ts
+12 -24
View File
@@ -1,4 +1,8 @@
import renderSvelte from "@/interface/main";
import { settingsState } from "@/seqta/utils/listeners/SettingsState"; import { settingsState } from "@/seqta/utils/listeners/SettingsState";
import AssessmentsOverview from "./AssessmentsOverview.svelte";
import SkeletonLoader from "./SkeletonLoader.svelte";
import ErrorState from "./ErrorState.svelte";
import { unmount } from "svelte"; import { unmount } from "svelte";
let currentApp: any = null; let currentApp: any = null;
@@ -115,42 +119,26 @@ function prepareContainer(container: HTMLElement) {
watchOverviewTheme(container); watchOverviewTheme(container);
} }
async function mountOverviewComponent( export function renderGrid(container: HTMLElement, data: any) {
container: HTMLElement,
loader: () => Promise<{ default: any }>,
props: Record<string, unknown> = {},
) {
const [{ default: renderSvelte }, { default: Component }] = await Promise.all([
import("@/interface/main"),
loader(),
]);
currentApp = renderSvelte(Component, container, props);
}
export async function renderGrid(container: HTMLElement, data: any) {
if (currentApp) unmount(currentApp); if (currentApp) unmount(currentApp);
prepareContainer(container); prepareContainer(container);
await mountOverviewComponent(container, () => import("./AssessmentsOverview.svelte"), { currentApp = renderSvelte(AssessmentsOverview, container, { data });
data,
});
} }
export async function renderSkeletonLoader(container: HTMLElement) { export function renderSkeletonLoader(container: HTMLElement) {
if (currentApp) unmount(currentApp); if (currentApp) unmount(currentApp);
prepareContainer(container); prepareContainer(container);
await mountOverviewComponent(container, () => import("./SkeletonLoader.svelte")); currentApp = renderSvelte(SkeletonLoader, container);
} }
export async function renderLoadingState(container: HTMLElement) { export function renderLoadingState(container: HTMLElement) {
await renderSkeletonLoader(container); renderSkeletonLoader(container);
} }
export async function renderErrorState(container: HTMLElement, error: string) { export function renderErrorState(container: HTMLElement, error: string) {
if (currentApp) unmount(currentApp); if (currentApp) unmount(currentApp);
prepareContainer(container); prepareContainer(container);
await mountOverviewComponent(container, () => import("./ErrorState.svelte"), { currentApp = renderSvelte(ErrorState, container, { error });
error,
});
} }
export function teardownOverviewUi() { export function teardownOverviewUi() {