summaryrefslogtreecommitdiff
path: root/Omni/Jr/Web
diff options
context:
space:
mode:
authorBen Sima <ben@bensima.com>2025-11-29 20:40:25 -0500
committerBen Sima <ben@bensima.com>2025-11-29 20:40:25 -0500
commitf7b875b650e791f604fcf35e04f06310352cb352 (patch)
tree142e2fb040961f69a797dec9c2bfc52bf05aaed3 /Omni/Jr/Web
parent926018e989cba4286c98eb2682e51ef32b2ee0c8 (diff)
Add cost and duration metrics to homepage Task Status section
The implementation is complete. The build passed with `bild --test Omni/ **Summary of changes:** 1. **Omni/Task/Core.hs**: Added `getGlobalAggregatedMetrics :: IO Aggreg 2. **Omni/Jr/Web.hs**: - Updated `HomePage` data type to include `AggregatedMetrics` paramet - Updated `homeHandler` to fetch global metrics via `getGlobalAggrega - Updated `ToHtml HomePage` instance to add two new cards: "Cost" (fo - Added helper functions `metricCard`, `formatCost`, and `formatDurat 3. **Omni/Jr/Web/Style.hs**: Added `badge-neutral` CSS styling (gray bor Task-Id: t-179
Diffstat (limited to 'Omni/Jr/Web')
-rw-r--r--Omni/Jr/Web/Style.hs3
1 files changed, 3 insertions, 0 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs
index 0628c53..ad1ff02 100644
--- a/Omni/Jr/Web/Style.hs
+++ b/Omni/Jr/Web/Style.hs
@@ -336,6 +336,8 @@ cardStyles = do
(".stat-card.badge-approved" |> ".stat-count") ? color "#0e7490"
".stat-card.badge-done" ? borderLeft (px 4) solid "#10b981"
(".stat-card.badge-done" |> ".stat-count") ? color "#065f46"
+ ".stat-card.badge-neutral" ? borderLeft (px 4) solid "#6b7280"
+ (".stat-card.badge-neutral" |> ".stat-count") ? color "#374151"
".task-card" ? do
transition "border-color" (ms 150) ease (sec 0)
".task-card" # hover ? do
@@ -1382,6 +1384,7 @@ darkModeStyles =
(".stat-card.badge-review" |> ".stat-count") ? color "#a78bfa"
(".stat-card.badge-approved" |> ".stat-count") ? color "#22d3ee"
(".stat-card.badge-done" |> ".stat-count") ? color "#34d399"
+ (".stat-card.badge-neutral" |> ".stat-count") ? color "#9ca3af"
".progress-bar" ? backgroundColor "#374151"
".progress-fill" ? backgroundColor "#60a5fa"