package basicElements import "image" import "git.tebibyte.media/sashakoshka/tomo/input" import "git.tebibyte.media/sashakoshka/tomo/theme" import "git.tebibyte.media/sashakoshka/tomo/config" import "git.tebibyte.media/sashakoshka/tomo/artist" import "git.tebibyte.media/sashakoshka/tomo/canvas" import "git.tebibyte.media/sashakoshka/tomo/textdraw" import "git.tebibyte.media/sashakoshka/tomo/textmanip" import "git.tebibyte.media/sashakoshka/tomo/fixedutil" import "git.tebibyte.media/sashakoshka/tomo/artist/shapes" import "git.tebibyte.media/sashakoshka/tomo/elements/core" // TextBox is a single-line text input. type TextBox struct { *core.Core *core.FocusableCore core core.CoreControl focusableControl core.FocusableCoreControl dragging bool dot textmanip.Dot scroll int placeholder string text []rune placeholderDrawer textdraw.Drawer valueDrawer textdraw.Drawer config config.Wrapped theme theme.Wrapped onKeyDown func (key input.Key, modifiers input.Modifiers) (handled bool) onChange func () onScrollBoundsChange func () } // NewTextBox creates a new text box with the specified placeholder text, and // a value. When the value is empty, the placeholder will be displayed in gray // text. func NewTextBox (placeholder, value string) (element *TextBox) { element = &TextBox { } element.theme.Case = theme.C("basic", "textBox") element.Core, element.core = core.NewCore(element.handleResize) element.FocusableCore, element.focusableControl = core.NewFocusableCore (func () { if element.core.HasImage () { element.draw() element.core.DamageAll() } }) element.placeholder = placeholder element.placeholderDrawer.SetText([]rune(placeholder)) element.updateMinimumSize() element.SetValue(value) return } func (element *TextBox) handleResize () { element.scrollToCursor() element.draw() if element.onScrollBoundsChange != nil { element.onScrollBoundsChange() } } func (element *TextBox) HandleMouseDown (x, y int, button input.Button) { if !element.Enabled() { return } if !element.Focused() { element.Focus() } if button == input.ButtonLeft { runeIndex := element.atPosition(image.Pt(x, y)) element.dragging = true if runeIndex > -1 { element.dot = textmanip.EmptyDot(runeIndex) element.redo() } } } func (element *TextBox) HandleMouseMove (x, y int) { if !element.Enabled() { return } if !element.Focused() { element.Focus() } if element.dragging { runeIndex := element.atPosition(image.Pt(x, y)) if runeIndex > -1 { element.dot.End = runeIndex element.redo() } } } func (element *TextBox) atPosition (position image.Point) int { padding := element.theme.Padding(theme.PatternInput) offset := element.Bounds().Min.Add (image.Pt ( padding[artist.SideLeft] - element.scroll, padding[artist.SideTop])) textBoundsMin := element.valueDrawer.LayoutBounds().Min return element.valueDrawer.AtPosition ( fixedutil.Pt(position.Sub(offset).Add(textBoundsMin))) } func (element *TextBox) HandleMouseUp (x, y int, button input.Button) { if button == input.ButtonLeft { element.dragging = false } } func (element *TextBox) HandleMouseScroll (x, y int, deltaX, deltaY float64) { } func (element *TextBox) HandleKeyDown(key input.Key, modifiers input.Modifiers) { if element.onKeyDown != nil && element.onKeyDown(key, modifiers) { return } // TODO: text selection with shift scrollMemory := element.scroll altered := true textChanged := false switch { case key == input.KeyBackspace: if len(element.text) < 1 { break } element.text, element.dot = textmanip.Backspace ( element.text, element.dot, modifiers.Control) textChanged = true case key == input.KeyDelete: if len(element.text) < 1 { break } element.text, element.dot = textmanip.Delete ( element.text, element.dot, modifiers.Control) textChanged = true case key == input.KeyLeft: if modifiers.Shift { element.dot = textmanip.SelectLeft ( element.text, element.dot, modifiers.Control) } else { element.dot = textmanip.MoveLeft ( element.text, element.dot, modifiers.Control) } case key == input.KeyRight: if modifiers.Shift { element.dot = textmanip.SelectRight ( element.text, element.dot, modifiers.Control) } else { element.dot = textmanip.MoveRight ( element.text, element.dot, modifiers.Control) } case key.Printable(): element.text, element.dot = textmanip.Type ( element.text, element.dot, rune(key)) textChanged = true default: altered = false } if textChanged { element.runOnChange() element.valueDrawer.SetText(element.text) } if altered { element.scrollToCursor() } if (textChanged || scrollMemory != element.scroll) && element.onScrollBoundsChange != nil { element.onScrollBoundsChange() } if altered { element.redo() } } func (element *TextBox) HandleKeyUp(key input.Key, modifiers input.Modifiers) { } func (element *TextBox) SetPlaceholder (placeholder string) { if element.placeholder == placeholder { return } element.placeholder = placeholder element.placeholderDrawer.SetText([]rune(placeholder)) element.updateMinimumSize() element.redo() } func (element *TextBox) SetValue (text string) { // if element.text == text { return } element.text = []rune(text) element.runOnChange() element.valueDrawer.SetText(element.text) if element.dot.End > element.valueDrawer.Length() { element.dot = textmanip.EmptyDot(element.valueDrawer.Length()) } element.scrollToCursor() element.redo() } func (element *TextBox) Value () (value string) { return string(element.text) } func (element *TextBox) Filled () (filled bool) { return len(element.text) > 0 } func (element *TextBox) OnKeyDown ( callback func (key input.Key, modifiers input.Modifiers) (handled bool), ) { element.onKeyDown = callback } func (element *TextBox) OnChange (callback func ()) { element.onChange = callback } // ScrollContentBounds returns the full content size of the element. func (element *TextBox) ScrollContentBounds () (bounds image.Rectangle) { bounds = element.valueDrawer.LayoutBounds() return bounds.Sub(bounds.Min) } // ScrollViewportBounds returns the size and position of the element's viewport // relative to ScrollBounds. func (element *TextBox) ScrollViewportBounds () (bounds image.Rectangle) { return image.Rect ( element.scroll, 0, element.scroll + element.scrollViewportWidth(), 0) } func (element *TextBox) scrollViewportWidth () (width int) { padding := element.theme.Padding(theme.PatternInput) return padding.Apply(element.Bounds()).Dx() } // ScrollTo scrolls the viewport to the specified point relative to // ScrollBounds. func (element *TextBox) ScrollTo (position image.Point) { // constrain to minimum element.scroll = position.X if element.scroll < 0 { element.scroll = 0 } // constrain to maximum contentBounds := element.ScrollContentBounds() maxPosition := contentBounds.Max.X - element.scrollViewportWidth() if element.scroll > maxPosition { element.scroll = maxPosition } element.redo() if element.onScrollBoundsChange != nil { element.onScrollBoundsChange() } } // ScrollAxes returns the supported axes for scrolling. func (element *TextBox) ScrollAxes () (horizontal, vertical bool) { return true, false } func (element *TextBox) OnScrollBoundsChange (callback func ()) { element.onScrollBoundsChange = callback } func (element *TextBox) runOnChange () { if element.onChange != nil { element.onChange() } } func (element *TextBox) scrollToCursor () { if !element.core.HasImage() { return } padding := element.theme.Padding(theme.PatternInput) bounds := padding.Apply(element.Bounds()) bounds = bounds.Sub(bounds.Min) bounds.Max.X -= element.valueDrawer.Em().Round() cursorPosition := fixedutil.RoundPt ( element.valueDrawer.PositionAt(element.dot.End)) cursorPosition.X -= element.scroll maxX := bounds.Max.X minX := maxX if cursorPosition.X > maxX { element.scroll += cursorPosition.X - maxX } else if cursorPosition.X < minX { element.scroll -= minX - cursorPosition.X if element.scroll < 0 { element.scroll = 0 } } } // SetTheme sets the element's theme. func (element *TextBox) SetTheme (new theme.Theme) { if new == element.theme.Theme { return } element.theme.Theme = new face := element.theme.FontFace ( theme.FontStyleRegular, theme.FontSizeNormal) element.placeholderDrawer.SetFace(face) element.valueDrawer.SetFace(face) element.updateMinimumSize() element.redo() } // SetConfig sets the element's configuration. func (element *TextBox) SetConfig (new config.Config) { if new == element.config.Config { return } element.config.Config = new element.updateMinimumSize() element.redo() } func (element *TextBox) updateMinimumSize () { textBounds := element.placeholderDrawer.LayoutBounds() padding := element.theme.Padding(theme.PatternInput) element.core.SetMinimumSize ( padding.Horizontal() + textBounds.Dx(), padding.Vertical() + element.placeholderDrawer.LineHeight().Round()) } func (element *TextBox) redo () { if element.core.HasImage () { element.draw() element.core.DamageAll() } } func (element *TextBox) draw () { bounds := element.Bounds() state := theme.State { Disabled: !element.Enabled(), Focused: element.Focused(), } pattern := element.theme.Pattern(theme.PatternInput, state) padding := element.theme.Padding(theme.PatternInput) innerCanvas := canvas.Cut(element.core, padding.Apply(bounds)) pattern.Draw(element.core, bounds) offset := bounds.Min.Add (image.Point { X: padding[artist.SideLeft] - element.scroll, Y: padding[artist.SideTop], }) if element.Focused() && !element.dot.Empty() { // draw selection bounds accent := element.theme.Color(theme.ColorAccent, state) canon := element.dot.Canon() foff := fixedutil.Pt(offset) start := element.valueDrawer.PositionAt(canon.Start).Add(foff) end := element.valueDrawer.PositionAt(canon.End).Add(foff) end.Y += element.valueDrawer.LineHeight() shapes.FillColorRectangle ( innerCanvas, accent, image.Rectangle { fixedutil.RoundPt(start), fixedutil.RoundPt(end), }) } if len(element.text) == 0 { // draw placeholder textBounds := element.placeholderDrawer.LayoutBounds() foreground := element.theme.Color ( theme.ColorForeground, theme.State { Disabled: true }) element.placeholderDrawer.Draw ( innerCanvas, foreground, offset.Sub(textBounds.Min)) } else { // draw input value textBounds := element.valueDrawer.LayoutBounds() foreground := element.theme.Color(theme.ColorForeground, state) element.valueDrawer.Draw ( innerCanvas, foreground, offset.Sub(textBounds.Min)) } if element.Focused() && element.dot.Empty() { // draw cursor foreground := element.theme.Color(theme.ColorForeground, state) cursorPosition := fixedutil.RoundPt ( element.valueDrawer.PositionAt(element.dot.End)) shapes.ColorLine ( innerCanvas, foreground, 1, cursorPosition.Add(offset), image.Pt ( cursorPosition.X, cursorPosition.Y + element.valueDrawer. LineHeight().Round()).Add(offset)) } }