graham/prop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show per-type enrichment progress bars on backfill dashboard

Browse source
This commit is contained in:
Graham McIntire 2026-04-06 08:59:38 -05:00
parent f4d3773e2b
commit 95d7fc0c39
No known key found for this signature in database
GPG key ID: F4ABF488E6029E59
1 changed files with 46 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
lib/microwaveprop_web/live/backfill_live.ex
View file

@ -290,20 +290,52 @@ defmodule MicrowavepropWeb.BackfillLive do
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 my-6">
<div class="bg-base-200 rounded-box p-4">
<div class="text-xs opacity-60">Enrichment Progress</div>
<div class="text-2xl font-bold">{@unprocessed.remaining} remaining</div>
<div class="text-xs opacity-60 mt-1">
{@unprocessed.complete} / {@unprocessed.total} fully enriched
</div>
<progress
class="progress progress-primary w-full mt-2"
value={@unprocessed.complete}
max={@unprocessed.total}
/>
<div class="flex gap-4 mt-2 text-xs opacity-60">
<span>HRRR: {@unprocessed.hrrr}</span>
<span>Weather: {@unprocessed.weather}</span>
<span>Terrain: {@unprocessed.terrain}</span>
<span>IEMRE: {@unprocessed.iemre}</span>
<div class="text-2xl font-bold">{@unprocessed.complete} / {@unprocessed.total} fully enriched</div>
<div class="flex flex-col gap-1 mt-2">
<div class="flex items-center gap-2 text-xs">
<span class="w-16">HRRR</span>
<progress
class="progress progress-primary flex-1"
value={@unprocessed.total - @unprocessed.hrrr}
max={@unprocessed.total}
/>
<span class="w-20 text-right font-mono opacity-60">
{format_number(@unprocessed.total - @unprocessed.hrrr)} / {format_number(@unprocessed.total)}
</span>
</div>
<div class="flex items-center gap-2 text-xs">
<span class="w-16">Weather</span>
<progress
class="progress progress-primary flex-1"
value={@unprocessed.total - @unprocessed.weather}
max={@unprocessed.total}
/>
<span class="w-20 text-right font-mono opacity-60">
{format_number(@unprocessed.total - @unprocessed.weather)} / {format_number(@unprocessed.total)}
</span>
</div>
<div class="flex items-center gap-2 text-xs">
<span class="w-16">Terrain</span>
<progress
class="progress progress-primary flex-1"
value={@unprocessed.total - @unprocessed.terrain}
max={@unprocessed.total}
/>
<span class="w-20 text-right font-mono opacity-60">
{format_number(@unprocessed.total - @unprocessed.terrain)} / {format_number(@unprocessed.total)}
</span>
</div>
<div class="flex items-center gap-2 text-xs">
<span class="w-16">IEMRE</span>
<progress
class="progress progress-primary flex-1"
value={@unprocessed.total - @unprocessed.iemre}
max={@unprocessed.total}
/>
<span class="w-20 text-right font-mono opacity-60">
{format_number(@unprocessed.total - @unprocessed.iemre)} / {format_number(@unprocessed.total)}
</span>
</div>
</div>
</div>
<div class="bg-base-200 rounded-box p-4">