118 lines
3.7 KiB
Go
118 lines
3.7 KiB
Go
package files
|
|
|
|
import (
|
|
"fmt"
|
|
"log/slog"
|
|
"strings"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/core"
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/icons"
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/internal"
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/overlay"
|
|
"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/theme"
|
|
)
|
|
|
|
// Reaction is an emoji and who reacted with it.
|
|
type Reaction struct {
|
|
Emoji string
|
|
Count int
|
|
// Mine marks the user's own reaction.
|
|
Mine bool
|
|
// People names who reacted, for the tooltip.
|
|
People []string
|
|
}
|
|
|
|
// ReactionsOptions configure Reactions.
|
|
type ReactionsOptions struct {
|
|
// Choices are the emoji the add picker offers; required.
|
|
Choices []string
|
|
Disabled bool
|
|
}
|
|
|
|
// ReactionsResult exposes reactions and requested changes.
|
|
type ReactionsResult struct {
|
|
Element *ui.Element
|
|
// Toggled identifies a reaction; Added identifies a picker choice.
|
|
Toggled, Added string
|
|
}
|
|
|
|
// Reactions displays counts, toggles and an add picker.
|
|
func Reactions(c *ui.Context, reactions []Reaction, opts ReactionsOptions) ReactionsResult {
|
|
if len(opts.Choices) == 0 {
|
|
panic("mujica: Reactions needs Choices")
|
|
}
|
|
u := core.Density(c).Unit()
|
|
var res ReactionsResult
|
|
res.Element = ui.Row(c).Wrap().Gap(u * 2).AlignItems(ui.Center).Role(ui.RoleGroup).Label(core.Msg(c, "reactions.label")).Disabled(opts.Disabled)
|
|
disabled := res.Element.IsDisabled()
|
|
open := ui.Local(res.Element, "reactions.open", func() bool { return false })
|
|
*open = *open && !disabled
|
|
res.Element.Children(func() {
|
|
for _, r := range reactions {
|
|
if r.Count < 1 || r.Emoji == "" {
|
|
panic("mujica: Reaction needs an Emoji and a positive Count")
|
|
}
|
|
if reactionChip(c, r).Clicked() && !disabled {
|
|
res.Toggled = r.Emoji
|
|
}
|
|
}
|
|
add := core.IconAction(c, icons.Must("plus"), core.Msg(c, "reactions.add"))
|
|
if add.Clicked() && !disabled {
|
|
*open = !*open
|
|
}
|
|
overlay.Popover(c, add, open, overlay.PopoverOptions{Label: core.Msg(c, "reactions.pick")}, func() {
|
|
ui.Grid(c).Columns(min(len(opts.Choices), 6)).Gap(u).FocusGroup(ui.Horizontal).Children(func() {
|
|
for _, e := range opts.Choices {
|
|
b := ui.ButtonBase(c).Key(e).Size(36, 36).Radius(theme.ControlRadius).Label(e)
|
|
internal.Ring(b, core.Tokens(c).Focus, theme.ControlRadius)
|
|
if b.Hovered() {
|
|
b.Background(core.Tokens(c).SurfaceHover)
|
|
}
|
|
b.Children(func() { ui.Text(c, e).FontSize(core.FontSize(c, 20)) })
|
|
if b.Clicked() && !disabled {
|
|
res.Added, *open = e, false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
})
|
|
if res.Toggled != "" || res.Added != "" {
|
|
slog.Debug("mujica: reactions change", "toggled", res.Toggled != "", "added", res.Added != "")
|
|
}
|
|
return res
|
|
}
|
|
|
|
// reactionChip frames and marks the current user's reaction.
|
|
func reactionChip(c *ui.Context, r Reaction) *ui.Element {
|
|
k := core.Tokens(c)
|
|
u := core.Density(c).Unit()
|
|
label := fmt.Sprintf(core.Msg(c, "reactions.count"), r.Emoji, r.Count)
|
|
if r.Mine {
|
|
label += ", " + core.Msg(c, "reactions.mine")
|
|
}
|
|
b := ui.ButtonBase(c).Key(r.Emoji).MinHeight(theme.MinHitSize).MinWidth(theme.MinHitSize).Padding(0, u*2).Gap(u).
|
|
Radius(theme.MinHitSize / 2).Role(ui.RoleToggleButton).Selected(r.Mine).Label(label).Transition(core.ColorFade)
|
|
if len(r.People) > 0 {
|
|
b.Tooltip(strings.Join(r.People, ", "))
|
|
}
|
|
internal.Ring(b, k.Focus, theme.MinHitSize/2)
|
|
bg, border := k.Surface, k.Border
|
|
if r.Mine {
|
|
bg, border = k.Selection, k.AccentText
|
|
}
|
|
if b.Hovered() && !r.Mine {
|
|
bg = k.SurfaceHover
|
|
}
|
|
b.Background(bg).Border(theme.BorderWidth, border)
|
|
return b.Children(func() {
|
|
ui.Text(c, r.Emoji)
|
|
fg := k.TextMuted
|
|
if r.Mine {
|
|
fg = k.AccentText
|
|
}
|
|
ui.Text(c, fmt.Sprint(r.Count)).FontFeatures("tnum").FontWeight(600).TextColor(fg)
|
|
})
|
|
}
|