ZacharyZhang-NY
c0be05d043
EditableTextView.Changed is a method like every other result's. AlertDialogResult, PopconfirmResult and DateTimeResult spell Canceled the American way, matching EditableTextView and LoadingOverlayResult. Callers, Gallery and docs updated.
112 lines
3.6 KiB
Go
112 lines
3.6 KiB
Go
package mujica
|
|
|
|
import (
|
|
"fmt"
|
|
"log/slog"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"mujicaui/icons"
|
|
"mujicaui/internal"
|
|
"mujicaui/theme"
|
|
)
|
|
|
|
// AlertDialogOptions configure an AlertDialog. Title is required.
|
|
type AlertDialogOptions struct {
|
|
Title string
|
|
Description string
|
|
// ConfirmLabel is "Delete" when empty; CancelLabel is "Cancel".
|
|
ConfirmLabel string
|
|
CancelLabel string
|
|
// ConfirmText, when set, must be typed before Confirm unlocks.
|
|
ConfirmText string
|
|
}
|
|
|
|
// AlertDialogResult reports the choice made in this frame.
|
|
type AlertDialogResult struct {
|
|
Confirmed bool
|
|
Canceled bool
|
|
}
|
|
|
|
// alertDialogState is the typed confirmation, kept while the alert shows.
|
|
type alertDialogState struct{ typed string }
|
|
|
|
// AlertDialog confirms a destructive action; Cancel has the focus.
|
|
func AlertDialog(c *ui.Context, open *bool, opts AlertDialogOptions) AlertDialogResult {
|
|
if opts.Title == "" {
|
|
panic("mujica: AlertDialog needs a Title")
|
|
}
|
|
var res AlertDialogResult
|
|
site, focus := overlaySite(c)
|
|
if !*open {
|
|
focus.closed(c, site)
|
|
return res
|
|
}
|
|
overlayLayer(c, open)
|
|
k := Tokens(c)
|
|
u := Density(c).Unit()
|
|
confirmLabel, cancelLabel := opts.ConfirmLabel, opts.CancelLabel
|
|
if confirmLabel == "" {
|
|
confirmLabel = msg(c, "alert_dialog.confirm")
|
|
}
|
|
if cancelLabel == "" {
|
|
cancelLabel = msg(c, "alert_dialog.cancel")
|
|
}
|
|
shown, backClicked := true, false
|
|
panel := ui.DialogBase(c, &shown, func(back, panel *ui.Element) {
|
|
backClicked = back.Clicked()
|
|
st := ui.Local(panel, "mujica.alert", func() alertDialogState { return alertDialogState{} })
|
|
p := overlayEnter(c, panel)
|
|
back.Background(overlayScrim(k).Alpha(p)).Padding(16)
|
|
dialogPanel(c, panel, 420, false, p)
|
|
panel.Role(ui.RoleAlertDialog).Label(opts.Title).Description(opts.Description)
|
|
ui.Row(c).Gap(u * 3).AlignItems(ui.Start).Shrink(0).Children(func() {
|
|
ui.Icon(c, icons.Must("triangle-alert")).Size(22, 22).TextColor(k.Danger).Shrink(0).Margin(1, 0, 0, 0)
|
|
ui.Text(c, opts.Title).Font(theme.SerifFont).FontSize(FontSize(c, theme.H3Size)).FontWeight(600).Grow(1)
|
|
})
|
|
if opts.Description != "" {
|
|
// A long description scrolls so the field and the actions stay in the window.
|
|
ui.Scroll(c).Shrink(1).Padding(0, 0, 0, 22+u*3).Children(func() {
|
|
ui.Text(c, opts.Description).TextColor(k.TextMuted)
|
|
})
|
|
}
|
|
if opts.ConfirmText != "" {
|
|
alertDialogTyped(c, st, opts.ConfirmText)
|
|
}
|
|
unlocked := opts.ConfirmText == "" || st.typed == opts.ConfirmText
|
|
dialogActions(c, func() {
|
|
if Button(c, cancelLabel, ButtonOptions{Variant: Secondary}).AutoFocus().Clicked() {
|
|
res.Canceled = true
|
|
}
|
|
if Button(c, confirmLabel, ButtonOptions{Variant: Danger, Disabled: !unlocked}).Clicked() {
|
|
res.Confirmed = true
|
|
}
|
|
})
|
|
})
|
|
focus.shown(panel)
|
|
if !shown && !backClicked {
|
|
res.Canceled = true // Escape
|
|
}
|
|
if res.Confirmed {
|
|
res.Canceled = false
|
|
}
|
|
if res.Confirmed || res.Canceled {
|
|
slog.Debug("mujica: alert_dialog close", "confirmed", res.Confirmed)
|
|
*open = false
|
|
}
|
|
return res
|
|
}
|
|
|
|
// alertDialogTyped builds the confirmation field; Enter in it never confirms, even mid-composition.
|
|
func alertDialogTyped(c *ui.Context, st *alertDialogState, want string) {
|
|
k := Tokens(c)
|
|
d := Density(c)
|
|
prompt := fmt.Sprintf(msg(c, "alert_dialog.type_to_unlock"), want)
|
|
ui.Column(c).Gap(d.Unit()).Shrink(0).Children(func() {
|
|
ui.Text(c, prompt).FontSize(FontSize(c, theme.CaptionSize)).TextColor(k.TextMuted)
|
|
in := ui.TextInputBase(c, &st.typed).Label(prompt).MinHeight(d.ControlHeight()).Padding(0, d.Unit()*3).
|
|
Radius(theme.ControlRadius).Background(k.Surface).Border(theme.BorderWidth, k.ControlBorder)
|
|
internal.Ring(in, k.Focus, theme.ControlRadius)
|
|
})
|
|
}
|