MujicaUI/messaging/video_call_grid.go

package messaging

import (
	"math"
	"strings"

	"github.com/egoist/mygo/ui"

	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/core"
	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/display"
	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/internal"
	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/media"
	"git.zacharyzhang.com/ZacharyZhang-NY/MujicaUI/theme"
)

// CallParticipant supplies identity, frames and call state.
type CallParticipant struct {
	ID, Name string
	// Frame is their video; nil shows their avatar.
	Frame     ui.ImageSource
	Image     *ui.Bitmap
	Muted     bool
	CameraOff bool
	Speaking  bool
}

// VideoCallGridOptions configure a VideoCallGrid.
type VideoCallGridOptions struct {
	// Columns fixes the column count; zero fits a near-square grid.
	Columns int
}

// VideoCallGrid displays participant frames and speaker marks.
func VideoCallGrid(c *ui.Context, people []CallParticipant, opts VideoCallGridOptions) ui.Element {
	if opts.Columns < 0 {
		panic("mujica: VideoCallGrid Columns must not be negative")
	}
	seen := map[string]bool{}
	for _, p := range people {
		if p.ID == "" || p.Name == "" || seen[p.ID] {
			panic("mujica: VideoCallGrid participants need unique IDs and names: " + p.ID)
		}
		seen[p.ID] = true
	}
	cols := opts.Columns
	if cols == 0 {
		cols = max(1, int(math.Ceil(math.Sqrt(float64(len(people))))))
	}
	k := core.Tokens(c)
	u := core.Density(c).Unit()
	tracks := make([]ui.Track, cols)
	for i := range tracks {
		tracks[i] = ui.Fr(1)
	}
	grid := ui.Box(c).Grid().ColumnTracks(tracks...).Gap(u * 2).FocusGroup(ui.Horizontal | ui.Vertical).
		Role(ui.RoleGroup).Label(core.Msg(c, "video_call_grid.label"))
	grid.Children(func() {
		for _, p := range people {
			callTile(c, k, p)
		}
	})
	return grid
}

func callTile(c *ui.Context, k theme.Tokens, p CallParticipant) {
	u := core.Density(c).Unit()
	var notes []string
	if p.Speaking {
		notes = append(notes, core.Msg(c, "video_call_grid.speaking"))
	}
	if p.Muted {
		notes = append(notes, core.Msg(c, "video_call_grid.muted"))
	}
	if p.CameraOff {
		notes = append(notes, core.Msg(c, "video_call_grid.cameraOff"))
	}
	label := p.Name
	if len(notes) > 0 {
		label += ", " + strings.Join(notes, ", ")
	}
	tile := ui.Box(c.Key(p.ID)).AspectRatio(16.0 / 9).Radius(theme.CardRadius).Clip().Background(media.VideoBlack).Center().
		Focusable().Role(ui.RoleImage).Label(label)
	internal.Ring(tile, k.Focus, theme.CardRadius)
	light := ui.Hex("#F2EBDD")
	tile.Children(func() {
		if p.Frame != nil && !p.CameraOff {
			ui.Image(c, p.Frame).Fit(ui.Cover).Absolute().Left(0).Top(0).Right(0).Bottom(0)
		} else {
			display.Avatar(c, p.Name, display.AvatarOptions{Image: p.Image, Size: 56})
		}
		ui.Row(c).Absolute().Left(u*2).Bottom(u*2).Gap(u).AlignItems(ui.Center).Padding(2, u*1.5).
			Radius(theme.ControlRadius).Background(ui.RGBA(0, 0, 0, 0.6)).TextColor(light).Children(func() {
			if p.Muted {
				ui.Icon(c, msgMicOff).Size(13, 13).TextColor(ui.Hex("#F0A1AA"))
			}
			if p.Speaking {
				ui.Icon(c, msgSpeaking).Size(13, 13)
			}
			ui.Text(c, p.Name).FontSize(core.FontSize(c, theme.CaptionSize)).SingleLine()
		})
	})
	if p.Speaking {
		tile.DrawOver(func(pt *ui.Painter, r ui.Rect) {
			pt.Stroke(ui.Rect{X: r.X + 1.5, Y: r.Y + 1.5, W: r.W - 3, H: r.H - 3}, k.AccentText, theme.CardRadius, 3)
			if tile.FocusVisible() {
				internal.FocusRing(pt, r, theme.CardRadius, k.Focus)
			}
		})
	}
}