xevion/banner
1
0
Fork 0
mirror of https://github.com/Xevion/banner.git synced 2026-01-31 08:23:35 -06:00
Code Issues Packages Projects Releases 1 Wiki Activity

feat(scraper): improve dashboard clarity with stat tooltips

Browse Source
This commit is contained in:
Xevion
2026-01-30 22:00:59 -06:00
parent ebb7a97c11
commit 1ad614dad0
1 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/(app)/admin/scraper/+page.svelte
+37 -6
View File
@@ -31,6 +31,7 @@ import {
AlertCircle,
ChevronDown,
ChevronRight,
Info,
LoaderCircle,
ArrowUp,
ArrowDown,
@@ -375,7 +376,12 @@ $effect(() => {
{/if}
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Avg Duration</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Avg Duration</p>
<SimpleTooltip text="Average time per successful subject scrape (API fetch + database update)" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
{#if stats.avgDurationMs != null}
<p class="text-2xl font-bold">{formatDurationMs(stats.avgDurationMs)}</p>
{:else}
@@ -383,23 +389,48 @@ $effect(() => {
{/if}
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Courses Changed</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Courses Changed</p>
<SimpleTooltip text="Total courses that had enrollment or schedule updates detected" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
<p class="text-2xl font-bold">{formatNumber(stats.totalCoursesChanged)}</p>
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Pending Jobs</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Pending Jobs</p>
<SimpleTooltip text="Scrape jobs queued but not yet started (unlocked jobs waiting for a worker)" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
<p class="text-2xl font-bold">{formatNumber(stats.pendingJobs)}</p>
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Locked Jobs</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Locked Jobs</p>
<SimpleTooltip text="Scrape jobs currently being processed by a worker" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
<p class="text-2xl font-bold">{formatNumber(stats.lockedJobs)}</p>
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Courses Fetched</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Courses Fetched</p>
<SimpleTooltip text="Total courses retrieved from Banner API across all successful scrapes" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
<p class="text-2xl font-bold">{formatNumber(stats.totalCoursesFetched)}</p>
</div>
<div class="bg-card border-border rounded-lg border p-3">
<p class="text-muted-foreground text-xs">Audits Generated</p>
<div class="flex items-center gap-1">
<p class="text-muted-foreground text-xs">Audits Generated</p>
<SimpleTooltip text="Change records created when course enrollment or schedule data changes" side="top" passthrough>
<Info class="size-3 text-muted-foreground/60" />
</SimpleTooltip>
</div>
<p class="text-2xl font-bold">{formatNumber(stats.totalAuditsGenerated)}</p>
</div>
</div>