98 lines
2.8 KiB
Go
98 lines
2.8 KiB
Go
package mujica
|
|
|
|
import (
|
|
"cmp"
|
|
"fmt"
|
|
"log/slog"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"mujicaui/icons"
|
|
"mujicaui/internal"
|
|
"mujicaui/theme"
|
|
)
|
|
|
|
// ResultKind is the outcome a Result page reports. The zero value is ResultSuccess.
|
|
type ResultKind int
|
|
|
|
const (
|
|
ResultSuccess ResultKind = iota
|
|
ResultFailure
|
|
ResultForbidden
|
|
)
|
|
|
|
// ResultOptions configure a Result.
|
|
type ResultOptions struct {
|
|
Kind ResultKind
|
|
// Title uses the kind's built-in copy when empty.
|
|
Title string
|
|
Description string
|
|
// Actions label the next steps; the first is the primary button.
|
|
Actions []string
|
|
}
|
|
|
|
// ResultResult is what a Result built and reported this frame.
|
|
type ResultResult struct {
|
|
Element *ui.Element
|
|
// Action is the index of the clicked action, -1 for none.
|
|
Action int
|
|
}
|
|
|
|
// Result reports the outcome of a finished task and offers next steps.
|
|
// It only reports the chosen step; the caller navigates.
|
|
func Result(c *ui.Context, opts ResultOptions) ResultResult {
|
|
k := Tokens(c)
|
|
u := Density(c).Unit()
|
|
var tone ui.Color
|
|
var icon *ui.SVG
|
|
var key string
|
|
switch opts.Kind {
|
|
case ResultSuccess:
|
|
tone, icon, key = k.Success, icons.Must("circle-check"), "result.success.title"
|
|
case ResultFailure:
|
|
tone, icon, key = k.Danger, icons.Must("circle-x"), "result.failure.title"
|
|
case ResultForbidden:
|
|
tone, icon, key = k.Warning, icons.Must("shield-off"), "result.forbidden.title"
|
|
default:
|
|
panic(fmt.Sprintf("mujica: unknown ResultKind %d", int(opts.Kind)))
|
|
}
|
|
title := cmp.Or(opts.Title, msg(c, key))
|
|
res := ResultResult{Action: -1}
|
|
res.Element = ui.Column(c).FillWidth().AlignItems(ui.Center).Gap(u*3).Padding(u*10, u*6).Role(ui.RoleGroup).Label(title)
|
|
res.Element.Children(func() {
|
|
ui.Icon(c, icon).Size(48, 48).TextColor(tone)
|
|
ui.Text(c, title).Font(theme.SerifFont).FontSize(theme.H2Size).TextColor(k.Text).TextAlign(ui.Center)
|
|
if opts.Description != "" {
|
|
ui.Text(c, opts.Description).TextColor(k.TextMuted).TextAlign(ui.Center).MaxWidth(420).LineHeight(theme.LineHeight)
|
|
}
|
|
resultOrnament(c, k)
|
|
if len(opts.Actions) == 0 {
|
|
return
|
|
}
|
|
ui.Row(c).Gap(u * 3).Wrap().Justify(ui.Center).Children(func() {
|
|
for i, a := range opts.Actions {
|
|
v := Secondary
|
|
if i == 0 {
|
|
v = Primary
|
|
}
|
|
if Button(c, a, ButtonOptions{Variant: v}).Key(i).Clicked() {
|
|
slog.Debug("mujica: result action", "kind", opts.Kind, "index", i)
|
|
res.Action = i
|
|
}
|
|
}
|
|
})
|
|
})
|
|
return res
|
|
}
|
|
|
|
// resultOrnament draws two hairlines meeting a diamond, in ornament gold.
|
|
func resultOrnament(c *ui.Context, k theme.Tokens) {
|
|
ui.Box(c).Size(160, 12).Role(ui.RoleNone).Draw(func(p *ui.Painter, r ui.Rect) {
|
|
cy := float32(int(r.Y+r.H/2)) + 0.5
|
|
cx := r.X + r.W/2
|
|
p.Line(r.X, cy, cx-9, cy, 1, k.Ornament)
|
|
p.Line(cx+9, cy, r.X+r.W, cy, 1, k.Ornament)
|
|
p.FillPath(internal.Diamond(cx, cy, 8), k.Ornament)
|
|
})
|
|
}
|