Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: (widget) add Form widget #316

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 56 additions & 0 deletions _examples/form.go
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
package main

import (
"context"
"fmt"
"log"
"os"

ui "github.com/gizak/termui/v3"
"github.com/gizak/termui/v3/widgets"
)

func main() {
if err := ui.Init(); err != nil {
log.Fatalf("failed to initialize termui: %v", err)
}
defer ui.Close()

f0 := widgets.NewForm(
context.Background(),
"Add user",
func(ctx context.Context, validated bool, fields []*widgets.Field) {
ui.Close()
fmt.Printf("Form validated: %t. Values:\n", validated)
for _, f := range fields {
fmt.Printf("%s: %s\n", f.Name, f.Text)
}
os.Exit(0)
},
widgets.NewField("First name", ""),
widgets.NewField("Surname", ""),
widgets.NewField("Test", "Default value"),
)
f0.SetRect(0, 0, 50, 20)

p2 := widgets.NewParagraph()
p2.Title = "Multiline"
p2.Text = "Simple colored text\nwith label. It [can be](fg:red) multilined with \\n or [break automatically](fg:red,fg:bold)"
p2.SetRect(0, 50, 35, 55)
p2.BorderStyle.Fg = ui.ColorYellow

ui.Render(f0, p2)

uiEvents := ui.PollEvents()
for {
e := <-uiEvents
switch e.ID {
case "<C-c>":
return
default:
if !f0.IsDone() {
f0.Handle(e)
}
}
}
}
2 changes: 1 addition & 1 deletion canvas.go
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ package termui
import (
"image"

"github.com/gizak/termui/v3/drawille"
"github.com/proullon/termui/v3/drawille"
)

type Canvas struct {
Expand Down
4 changes: 2 additions & 2 deletions go.mod
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
module github.com/gizak/termui/v3
module github.com/proullon/termui/v3

go 1.15
go 1.22

require (
github.com/mattn/go-runewidth v0.0.2
Expand Down
2 changes: 1 addition & 1 deletion widgets/barchart.go
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import (

rw "github.com/mattn/go-runewidth"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type BarChart struct {
Expand Down
140 changes: 140 additions & 0 deletions widgets/form.go
Original file line number Diff line number Diff line change
@@ -0,0 +1,140 @@
package widgets

import (
"context"
"fmt"

. "github.com/proullon/termui/v3"
)

type Field struct {
Name string
Text string
cursor int
}

type Form struct {
Paragraph

TextFgColor Style
TextBgColor Style
Fields []*Field
Done bool

ctx context.Context
onExitCallback func(ctx context.Context, validated bool, fields []*Field)
fieldIdx int
}

func NewField(name string, value string) *Field {
f := &Field{
Name: name,
Text: value,
}

return f
}

func NewForm(ctx context.Context, name string, callback func(ctx context.Context, validated bool, fields []*Field), fields ...*Field) *Form {

f := &Form{
Paragraph: *NewParagraph(),
TextFgColor: Theme.Paragraph.Text,
ctx: ctx,
onExitCallback: callback,
}

for _, field := range fields {
f.Fields = append(f.Fields, field)
}

f.Border = true
f.Title = name
f._draw()
return f
}

// Handle input event
// <Up> or <Down> to switch field
// <Enter> will switch to next field or exit scan if last field
func (f *Form) Handle(e Event) {
switch e.ID {
case "<Down>":
if f.fieldIdx < len(f.Fields)-1 {
f.fieldIdx++
}
case "<Up>":
if f.fieldIdx > 0 {
f.fieldIdx--
}
case "<Enter>":
if f.fieldIdx < len(f.Fields)-1 {
f.fieldIdx++
} else {
f.Done = true
f.onExitCallback(f.ctx, true, f.Fields)
}
case "<Esc>":
f.Done = true
f.onExitCallback(f.ctx, false, f.Fields)
default:
f.Fields[f.fieldIdx].Handle(e)
}
f._draw()
Render(f)
}

// Handle field input
func (f *Field) Handle(e Event) {
switch e.ID {
case "<Backspace>":
if f.cursor > 0 {
f.Text = f.Text[:f.cursor-1] + f.Text[f.cursor:]
} else if len(f.Text) > 1 {
f.Text = f.Text[1:]
} else {
f.Text = ""
}
if f.cursor > 0 {
f.cursor--
}
if f.cursor > len(f.Text) {
f.cursor = len(f.Text)
}
case "<Right>":
if f.cursor < len(f.Text) {
f.cursor++
}
case "<Left>":
if f.cursor > 0 {
f.cursor--
}
case "<Space>":
f.Text = f.Text[:f.cursor] + " " + f.Text[f.cursor:]
f.cursor++
default:
f.Text = f.Text[:f.cursor] + e.ID + f.Text[f.cursor:]
f.cursor++
}
}

// IsDone return wether user has entered <Esc> or <Enter>
func (f *Form) IsDone() bool {
return f.Done
}

func (f *Form) _draw() {
cursor := "[|](bg:white)"
f.Text = ""
for i, field := range f.Fields {
txt := field.Text
if i == f.fieldIdx && field.Text != "" {
begin := field.Text[:field.cursor]
end := field.Text[field.cursor:]
txt = begin + cursor + end
} else if i == f.fieldIdx {
txt = cursor
}
f.Text += fmt.Sprintf("%s: %s\n", field.Name, txt)
}
}
2 changes: 1 addition & 1 deletion widgets/gauge.go
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import (
"fmt"
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type Gauge struct {
Expand Down
2 changes: 1 addition & 1 deletion widgets/image.go
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import (
"image"
"image/color"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type Image struct {
Expand Down
2 changes: 1 addition & 1 deletion widgets/list.go
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import (

rw "github.com/mattn/go-runewidth"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type List struct {
Expand Down
2 changes: 1 addition & 1 deletion widgets/paragraph.go
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ package widgets
import (
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type Paragraph struct {
Expand Down
2 changes: 1 addition & 1 deletion widgets/piechart.go
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import (
"image"
"math"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

const (
Expand Down
2 changes: 1 addition & 1 deletion widgets/plot.go
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import (
"fmt"
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

// Plot has two modes: line(default) and scatter.
Expand Down
2 changes: 1 addition & 1 deletion widgets/sparkline.go
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ package widgets
import (
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

// Sparkline is like: ▅▆▂▂▅▇▂▂▃▆▆▆▅▃. The data points should be non-negative integers.
Expand Down
2 changes: 1 addition & 1 deletion widgets/stacked_barchart.go
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ import (

rw "github.com/mattn/go-runewidth"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

type StackedBarChart struct {
Expand Down
5 changes: 3 additions & 2 deletions widgets/table.go
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,11 @@ package widgets
import (
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

/*Table is like:
/*
Table is like:
┌ Awesome Table ───────────────────────────────────────────────┐
│ Col0 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 |
│──────────────────────────────────────────────────────────────│
Expand Down
2 changes: 1 addition & 1 deletion widgets/tabs.go
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ package widgets
import (
"image"

. "github.com/gizak/termui/v3"
. "github.com/proullon/termui/v3"
)

// TabPane is a renderable widget which can be used to conditionally render certain tabs/views.
Expand Down
2 changes: 1 addition & 1 deletion widgets/tree.go
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@ import (
"image"
"strings"

. "github.com/gizak/termui/v3"
rw "github.com/mattn/go-runewidth"
. "github.com/proullon/termui/v3"
)

const treeIndent = " "
Expand Down