Files
LazyPM/pkg/tui/modal/textarea.go
Robin Olsen 7facfb6afe Merge pull request #73 from LazyBachelor/LPM-138
LPM-138 Refactor Tui with composable modals and use canvas

Refactors the TUI (dashboard + kanban) to use a shared, composable modal system with canvas-based overlay rendering, while consolidating styling into internal/style and expanding issue interactions (e.g., comments).

Changes:

Introduces a new pkg/tui/modal system (manager/stack + multiple modal types) and overlays modals using Lipgloss compositor layers.
Refactors dashboard/kanban views and input handling to use the modal manager + focus manager instead of per-modal boolean state.
Consolidates TUI styling by moving from pkg/tui/styles to internal/style and updates components to use the new style package; adds a shared footer renderer.
2026-03-20 16:28:10 +01:00

178 lines
3.6 KiB
Go

package modal
import (
"slices"
"charm.land/bubbles/v2/textarea"
tea "charm.land/bubbletea/v2"
"charm.land/lipgloss/v2"
"github.com/LazyBachelor/LazyPM/internal/style"
)
// TextAreaResult is returned when a text area modal completes
type TextAreaResult struct {
Value string
}
// TextAreaModal is a modal for multi-line text input
// Suitable for: editing descriptions, adding comments, custom close reasons, etc.
type TextAreaModal struct {
BaseModal
input textarea.Model
label string
saveKeys []string
placeholder string
width int
height int
inputHeight int
issueID string
}
// TextAreaConfig configures a text area modal
type TextAreaConfig struct {
ID string
Label string
Placeholder string
SaveKeys []string
InitialValue string
IssueID string
Width int
Height int
InputHeight int // Height of the textarea itself
}
// NewTextAreaModal creates a new text area modal
func NewTextAreaModal(cfg TextAreaConfig) *TextAreaModal {
if cfg.SaveKeys == nil {
cfg.SaveKeys = []string{"ctrl+s"}
}
if cfg.InputHeight == 0 {
cfg.InputHeight = 8
}
ta := textarea.New()
ta.Placeholder = cfg.Placeholder
ta.SetValue(cfg.InitialValue)
mod := &TextAreaModal{
BaseModal: NewBaseModal(cfg.ID, TypeTextArea),
input: ta,
label: cfg.Label,
saveKeys: cfg.SaveKeys,
placeholder: cfg.Placeholder,
width: cfg.Width,
height: cfg.Height,
inputHeight: cfg.InputHeight,
issueID: cfg.IssueID,
}
if mod.width == 0 {
mod.width = 60
}
if mod.height == 0 {
mod.height = 20
}
return mod
}
// Activate prepares the modal for input
func (t *TextAreaModal) Activate() tea.Cmd {
t.BaseModal.activate()
return t.input.Focus()
}
// Deactivate cleans up the modal
func (t *TextAreaModal) Deactivate() {
t.BaseModal.deactivate()
t.input.Blur()
}
// SetValue updates the textarea value
func (t *TextAreaModal) SetValue(value string) {
t.input.SetValue(value)
}
// Value returns the current textarea value
func (t *TextAreaModal) Value() string {
return t.input.Value()
}
// IssueID returns the associated issue ID
func (t *TextAreaModal) IssueID() string {
return t.issueID
}
// Update handles input when the modal is active
func (t *TextAreaModal) Update(msg tea.Msg) (tea.Cmd, bool) {
if !t.IsActive() {
return nil, false
}
switch msg := msg.(type) {
case tea.KeyPressMsg:
s := msg.String()
// Check save keys
if slices.Contains(t.saveKeys, s) {
value := t.input.Value()
t.Deactivate()
return func() tea.Msg {
return ModalCompletedMsg{
ModalID: t.ID(),
Value: TextAreaResult{Value: value},
}
}, true
}
// Cancel on escape
if s == "esc" {
t.Deactivate()
t.input.Blur()
t.input.Reset()
return func() tea.Msg {
return ModalCancelledMsg{ModalID: t.ID()}
}, true
}
}
// Let the textarea handle the message
var cmd tea.Cmd
t.input, cmd = t.input.Update(msg)
// Always handle the message when modal is active to prevent keys leaking to list
return cmd, true
}
// View renders the modal
func (t *TextAreaModal) View() string {
if t.width < 5 {
return ""
}
boxWidth := max(min(60, t.width-4), 1)
t.input.SetWidth(boxWidth - 2)
t.input.SetHeight(t.inputHeight)
content := lipgloss.JoinVertical(lipgloss.Left,
style.LabelStyle.Render(t.label),
t.input.View(),
)
return style.ModalContainerStyle.
Width(boxWidth).
Render(content)
}
// SetSize updates the modal dimensions
func (t *TextAreaModal) SetSize(width, height int) {
t.BaseModal.SetSize(width, height)
t.width = width
t.height = height
}
// Reset clears the textarea
func (t *TextAreaModal) Reset() {
t.input.Reset()
}