90 lines
2.7 KiB
Go
90 lines
2.7 KiB
Go
package mujica
|
|
|
|
import (
|
|
"fmt"
|
|
"log/slog"
|
|
|
|
"github.com/egoist/mygo/ui"
|
|
|
|
"mujicaui/icons"
|
|
"mujicaui/internal"
|
|
"mujicaui/theme"
|
|
)
|
|
|
|
// Lightbox fills the window with images[*index] while *open.
|
|
func Lightbox(c *ui.Context, open *bool, index *int, images []ViewerImage) ChoiceResult {
|
|
var v ChoiceResult
|
|
if !*open {
|
|
return v
|
|
}
|
|
if len(images) == 0 || *index < 0 || *index >= len(images) {
|
|
panic("mujica: Lightbox index out of range")
|
|
}
|
|
for _, im := range images {
|
|
viewerSize(im.Source)
|
|
}
|
|
u := Density(c).Unit()
|
|
w, h := c.Size()
|
|
light := ui.Hex("#F2EBDD")
|
|
v.Element = ui.DialogBase(c, open, func(back, panel *ui.Element) {
|
|
back.Background(ui.RGBA(0, 0, 0, 0.92))
|
|
panel.Size(w, h).Padding(u * 4).Gap(u * 3).TextColor(light).Label(msg(c, "lightbox.title")).
|
|
Opacity(overlayEnter(c, panel))
|
|
goTo := func(i int) {
|
|
if i < 0 || i >= len(images) || i == *index {
|
|
return
|
|
}
|
|
*index, v.changed = i, true
|
|
c.Announce(fmt.Sprintf(msg(c, "lightbox.position"), i+1, len(images)))
|
|
slog.Debug("mujica: lightbox image", "index", i)
|
|
}
|
|
switch {
|
|
case panel.Shortcut(0, ui.KeyLeft):
|
|
goTo(*index - 1)
|
|
case panel.Shortcut(0, ui.KeyRight):
|
|
goTo(*index + 1)
|
|
case panel.Shortcut(0, ui.KeyHome):
|
|
goTo(0)
|
|
case panel.Shortcut(0, ui.KeyEnd):
|
|
goTo(len(images) - 1)
|
|
}
|
|
img := images[*index]
|
|
ui.Row(c).AlignItems(ui.Center).Children(func() {
|
|
ui.Text(c, fmt.Sprintf(msg(c, "lightbox.position"), *index+1, len(images))).FontFeatures("tnum").Grow(1)
|
|
if lightboxButton(c, "x", "lightbox.close", false).Clicked() {
|
|
*open = false
|
|
}
|
|
})
|
|
ui.Row(c).Grow(1).MinHeight(0).Gap(u * 3).AlignItems(ui.Center).Children(func() {
|
|
if b := lightboxButton(c, "chevron-left", "lightbox.previous", *index == 0); b.Clicked() && !b.IsDisabled() {
|
|
goTo(*index - 1)
|
|
}
|
|
ui.Box(c).Grow(1).FillHeight().MinWidth(0).Center().Children(func() {
|
|
ui.Image(c, img.Source).Fit(ui.Contain).Fill().Label(img.Alt)
|
|
})
|
|
if b := lightboxButton(c, "chevron-right", "lightbox.next", *index == len(images)-1); b.Clicked() && !b.IsDisabled() {
|
|
goTo(*index + 1)
|
|
}
|
|
})
|
|
if img.Alt != "" {
|
|
ui.Text(c, img.Alt).TextAlign(ui.Center).FillWidth().MaxLines(3)
|
|
}
|
|
})
|
|
if !*open {
|
|
slog.Debug("mujica: lightbox close")
|
|
}
|
|
return v
|
|
}
|
|
|
|
// lightboxButton is a 40 DIP icon button on the backdrop.
|
|
func lightboxButton(c *ui.Context, icon, key string, disabled bool) *ui.Element {
|
|
light := ui.Hex("#F2EBDD")
|
|
b := iconAction(c, icons.Must(icon), msg(c, key)).Size(40, 40).TextColor(light).Disabled(disabled)
|
|
// The theme's focus color is too dark on the backdrop.
|
|
internal.Ring(b, light, theme.ControlRadius)
|
|
if b.Hovered() {
|
|
b.Background(ui.RGBA(255, 255, 255, 0.12)).TextColor(ui.Hex("#FFFFFF"))
|
|
}
|
|
return b
|
|
}
|