435 lines
12 KiB
Go
435 lines
12 KiB
Go
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/elements"
|
|
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 ()
|
|
onEnter 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, element.handleResize)
|
|
element.FocusableCore,
|
|
element.focusableControl = core.NewFocusableCore (element.core, 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 parent, ok := element.core.Parent().(elements.ScrollableParent); ok {
|
|
parent.NotifyScrollBoundsChange(element)
|
|
}
|
|
}
|
|
|
|
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) HandleMotion (x, y int) {
|
|
if !element.Enabled() { return }
|
|
|
|
if element.dragging {
|
|
runeIndex := element.atPosition(image.Pt(x, y))
|
|
if runeIndex > -1 {
|
|
element.dot.End = runeIndex
|
|
element.redo()
|
|
}
|
|
}
|
|
}
|
|
|
|
func (element *TextBox) textOffset () image.Point {
|
|
padding := element.theme.Padding(theme.PatternInput)
|
|
bounds := element.Bounds()
|
|
innerBounds := padding.Apply(bounds)
|
|
textHeight := element.valueDrawer.LineHeight().Round()
|
|
return bounds.Min.Add (image.Pt (
|
|
padding[artist.SideLeft] - element.scroll,
|
|
padding[artist.SideTop] + (innerBounds.Dy() - textHeight) / 2))
|
|
}
|
|
|
|
func (element *TextBox) atPosition (position image.Point) int {
|
|
offset := element.textOffset()
|
|
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) HandleKeyDown(key input.Key, modifiers input.Modifiers) {
|
|
if element.onKeyDown != nil && element.onKeyDown(key, modifiers) {
|
|
return
|
|
}
|
|
|
|
scrollMemory := element.scroll
|
|
altered := true
|
|
textChanged := false
|
|
switch {
|
|
case key == input.KeyEnter:
|
|
if element.onEnter != nil {
|
|
element.onEnter()
|
|
}
|
|
|
|
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 == 'a' && modifiers.Control:
|
|
element.dot.Start = 0
|
|
element.dot.End = len(element.text)
|
|
|
|
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) {
|
|
if parent, ok := element.core.Parent().(elements.ScrollableParent); ok {
|
|
parent.NotifyScrollBoundsChange(element)
|
|
}
|
|
}
|
|
|
|
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) OnEnter (callback func ()) {
|
|
element.onEnter = callback
|
|
}
|
|
|
|
func (element *TextBox) OnChange (callback func ()) {
|
|
element.onChange = callback
|
|
}
|
|
|
|
// OnScrollBoundsChange sets a function to be called when the element's viewport
|
|
// bounds, content bounds, or scroll axes change.
|
|
func (element *TextBox) OnScrollBoundsChange (callback func ()) {
|
|
element.onScrollBoundsChange = 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 parent, ok := element.core.Parent().(elements.ScrollableParent); ok {
|
|
parent.NotifyScrollBoundsChange(element)
|
|
}
|
|
}
|
|
|
|
// ScrollAxes returns the supported axes for scrolling.
|
|
func (element *TextBox) ScrollAxes () (horizontal, vertical bool) {
|
|
return true, false
|
|
}
|
|
|
|
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 := element.textOffset()
|
|
|
|
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))
|
|
}
|
|
}
|