wip markets

index_card.go

@@ -0,0 +1,68 @@
+package mujica
+
+import (
+	"log/slog"
+
+	"github.com/egoist/mygo/ui"
+
+	"mujicaui/internal"
+	"mujicaui/theme"
+)
+
+// IndexQuote is an index level, its change and recent values for the mini chart.
+type IndexQuote struct {
+	Name          string
+	Price         float64
+	Change        float64
+	ChangePercent float64
+	// Series is recent levels; empty hides the chart.
+	Series []float64
+}
+
+// IndexCardOptions configure an IndexCard.
+type IndexCardOptions struct {
+	// Decimals of the level and change; zero means 2.
+	Decimals int
+	// Clickable makes the card a button.
+	Clickable bool
+	Disabled  bool
+}
+
+// IndexCard shows an index level, its change and a mini chart.
+func IndexCard(c *ui.Context, q IndexQuote, opts IndexCardOptions) ChoiceResult {
+	if q.Name == "" {
+		panic("mujica: IndexCard needs a Name")
+	}
+	dec := priceDecimals("IndexCard", opts.Decimals)
+	k := Tokens(c)
+	u := Density(c).Unit()
+	var e *ui.Element
+	ui.Row(c).Shrink(0).Disabled(opts.Disabled).Children(func() {
+		if opts.Clickable {
+			e = ui.ButtonBase(c).Justify(ui.Start)
+			internal.Ring(e, k.Focus, theme.CardRadius)
+		} else {
+			e = ui.Row(c).Role(ui.RoleGroup)
+		}
+	})
+	e.Column().AlignItems(ui.Stretch).Gap(u).Padding(u*3).Width(200).Radius(theme.CardRadius).Background(k.Surface).
+		Label(q.Name).Border(theme.BorderWidth, k.Border)
+	if opts.Clickable && e.Hovered() {
+		e.Border(theme.BorderWidth, k.ControlBorder).Background(k.SurfaceHover)
+	}
+	e.Children(func() {
+		ui.Text(c, q.Name).Font(theme.SerifFont).TextColor(k.TextMuted).SingleLine()
+		PriceText(c, q.Price, PriceTextOptions{Decimals: dec, Size: theme.H3Size})
+		ui.Row(c).Children(func() {
+			PriceChangeBadge(c, q.Change, q.ChangePercent, PriceChangeBadgeOptions{Decimals: dec})
+		})
+		if len(q.Series) > 0 {
+			Sparkline(c, q.Series, SparklineOptions{Frame: ChartFrame{Label: q.Name}, Width: 172})
+		}
+	})
+	clicked := opts.Clickable && e.Clicked() && !e.IsDisabled()
+	if clicked {
+		slog.Debug("mujica: index_card click", "name", q.Name)
+	}
+	return ChoiceResult{Element: e, changed: clicked}
+}