Make a distinction between notebook tabs and pages
This commit is contained in:
parent
6130b84a27
commit
ce08487eff
50
notebook.go
50
notebook.go
@ -6,13 +6,13 @@ import "git.tebibyte.media/tomo/objects/layouts"
|
|||||||
|
|
||||||
var _ tomo.Object = new(Notebook)
|
var _ tomo.Object = new(Notebook)
|
||||||
|
|
||||||
// Notebook holds multiple objects, each in their own tab. The user can click
|
// Notebook holds multiple objects, each in their own page. The user can click
|
||||||
// the tab bar at the top to choose which one is activated.
|
// the tab bar at the top to choose which one is activated.
|
||||||
//
|
//
|
||||||
// Sub-components:
|
// Sub-components:
|
||||||
// - TabRow sits at the top of the container and contains a row of tabs.
|
// - TabRow sits at the top of the container and contains a row of tabs.
|
||||||
// - TabSpacer sits at either end of the tab row, bookending the list of tabs.
|
// - TabSpacer sits at either end of the tab row, bookending the list of tabs.
|
||||||
// - Tab appears in the tab row for each tab in the container. The user can
|
// - Tab appears in the tab row for each tab in the notebook. The user can
|
||||||
// click on the tab to switch to it.
|
// click on the tab to switch to it.
|
||||||
//
|
//
|
||||||
// TabSpacer tags:
|
// TabSpacer tags:
|
||||||
@ -20,7 +20,7 @@ var _ tomo.Object = new(Notebook)
|
|||||||
// - [right] The spacer is on the right.
|
// - [right] The spacer is on the right.
|
||||||
//
|
//
|
||||||
// Tab tags:
|
// Tab tags:
|
||||||
// - [active] The tab is currently active and its contents are visible.
|
// - [active] The tab is currently active and its page is visible.
|
||||||
type Notebook struct {
|
type Notebook struct {
|
||||||
box tomo.ContainerBox
|
box tomo.ContainerBox
|
||||||
|
|
||||||
@ -28,7 +28,7 @@ type Notebook struct {
|
|||||||
rightSpacer tomo.Box
|
rightSpacer tomo.Box
|
||||||
tabsRow tomo.ContainerBox
|
tabsRow tomo.ContainerBox
|
||||||
active string
|
active string
|
||||||
tabs []*tab
|
pages []*page
|
||||||
}
|
}
|
||||||
|
|
||||||
// NewNotebook creates a new tabbed notebook.
|
// NewNotebook creates a new tabbed notebook.
|
||||||
@ -60,7 +60,7 @@ func (this *Notebook) GetBox () tomo.Box {
|
|||||||
return this.box
|
return this.box
|
||||||
}
|
}
|
||||||
|
|
||||||
// Activate switches to a named tab.
|
// Activate switches to a named page.
|
||||||
func (this *Notebook) Activate (name string) {
|
func (this *Notebook) Activate (name string) {
|
||||||
if _, tab := this.findTab(this.active); tab != nil {
|
if _, tab := this.findTab(this.active); tab != nil {
|
||||||
tab.setActive(false)
|
tab.setActive(false)
|
||||||
@ -75,82 +75,82 @@ func (this *Notebook) Activate (name string) {
|
|||||||
this.active = name
|
this.active = name
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add adds an object as a tab with the specified name.
|
// Add adds an object as a page with the specified name.
|
||||||
func (this *Notebook) Add (name string, root tomo.Object) {
|
func (this *Notebook) Add (name string, root tomo.Object) {
|
||||||
tab := &tab {
|
pag := &page {
|
||||||
TextBox: tomo.NewTextBox(),
|
TextBox: tomo.NewTextBox(),
|
||||||
name: name,
|
name: name,
|
||||||
root: root,
|
root: root,
|
||||||
}
|
}
|
||||||
tab.SetRole(tomo.R("objects", "Tab"))
|
pag.SetRole(tomo.R("objects", "Tab"))
|
||||||
tab.SetText(name)
|
pag.SetText(name)
|
||||||
tab.OnButtonDown(func (button input.Button) bool {
|
pag.OnButtonDown(func (button input.Button) bool {
|
||||||
if button != input.ButtonLeft { return false }
|
if button != input.ButtonLeft { return false }
|
||||||
this.Activate(name)
|
this.Activate(name)
|
||||||
return true
|
return true
|
||||||
})
|
})
|
||||||
tab.OnButtonUp(func (button input.Button) bool {
|
pag.OnButtonUp(func (button input.Button) bool {
|
||||||
if button != input.ButtonLeft { return false }
|
if button != input.ButtonLeft { return false }
|
||||||
return true
|
return true
|
||||||
})
|
})
|
||||||
|
|
||||||
this.tabs = append(this.tabs, tab)
|
this.pages = append(this.pages, pag)
|
||||||
this.tabsRow.Insert(tab, this.rightSpacer)
|
this.tabsRow.Insert(pag, this.rightSpacer)
|
||||||
this.setTabRowLayout()
|
this.setTabRowLayout()
|
||||||
|
|
||||||
// if the row was empty before, activate this tab
|
// if the row was empty before, activate this tab
|
||||||
if len(this.tabs) == 1 {
|
if len(this.pages) == 1 {
|
||||||
this.Activate(name)
|
this.Activate(name)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remove removes the named tab.
|
// Remove removes the named page.
|
||||||
func (this *Notebook) Remove (name string) {
|
func (this *Notebook) Remove (name string) {
|
||||||
index, tab := this.findTab(name)
|
index, tab := this.findTab(name)
|
||||||
if index < 0 { return }
|
if index < 0 { return }
|
||||||
nextIndex := index - 1
|
nextIndex := index - 1
|
||||||
|
|
||||||
this.tabsRow.Remove(tab)
|
this.tabsRow.Remove(tab)
|
||||||
this.tabs = append(this.tabs[:index], this.tabs[index - 1:]...)
|
this.pages = append(this.pages[:index], this.pages[index - 1:]...)
|
||||||
this.setTabRowLayout()
|
this.setTabRowLayout()
|
||||||
|
|
||||||
if nextIndex < 0 { nextIndex = 0 }
|
if nextIndex < 0 { nextIndex = 0 }
|
||||||
if nextIndex >= len(this.tabs) { nextIndex = len(this.tabs) - 1 }
|
if nextIndex >= len(this.pages) { nextIndex = len(this.pages) - 1 }
|
||||||
if nextIndex < 0 {
|
if nextIndex < 0 {
|
||||||
this.Activate("")
|
this.Activate("")
|
||||||
} else {
|
} else {
|
||||||
this.Activate(this.tabs[nextIndex].name)
|
this.Activate(this.pages[nextIndex].name)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Clear removes all tabs.
|
// Clear removes all tabs.
|
||||||
func (this *Notebook) Clear () {
|
func (this *Notebook) Clear () {
|
||||||
this.tabs = nil
|
this.pages = nil
|
||||||
this.tabsRow.Clear()
|
this.tabsRow.Clear()
|
||||||
this.tabsRow.Add(this.leftSpacer)
|
this.tabsRow.Add(this.leftSpacer)
|
||||||
this.tabsRow.Add(this.rightSpacer)
|
this.tabsRow.Add(this.rightSpacer)
|
||||||
}
|
}
|
||||||
|
|
||||||
func (this *Notebook) setTabRowLayout () {
|
func (this *Notebook) setTabRowLayout () {
|
||||||
row := make(layouts.Row, 1 + len(this.tabs) + 1)
|
row := make(layouts.Row, 1 + len(this.pages) + 1)
|
||||||
row[len(row) - 1] = true
|
row[len(row) - 1] = true
|
||||||
this.tabsRow.SetAttr(tomo.ALayout(row))
|
this.tabsRow.SetAttr(tomo.ALayout(row))
|
||||||
}
|
}
|
||||||
|
|
||||||
func (this *Notebook) findTab (name string) (int, *tab) {
|
func (this *Notebook) findTab (name string) (int, *page) {
|
||||||
for index, tab := range this.tabs {
|
for index, pag := range this.pages {
|
||||||
if tab.name == name { return index, tab }
|
if pag.name == name { return index, pag }
|
||||||
}
|
}
|
||||||
return -1, nil
|
return -1, nil
|
||||||
}
|
}
|
||||||
|
|
||||||
type tab struct {
|
type page struct {
|
||||||
tomo.TextBox
|
tomo.TextBox
|
||||||
name string
|
name string
|
||||||
root tomo.Object
|
root tomo.Object
|
||||||
}
|
}
|
||||||
|
|
||||||
func (this *tab) setActive (active bool) {
|
func (this *page) setActive (active bool) {
|
||||||
if active {
|
if active {
|
||||||
this.SetRole(tomo.R("objects", "Tab"))
|
this.SetRole(tomo.R("objects", "Tab"))
|
||||||
this.SetTag("active", true)
|
this.SetTag("active", true)
|
||||||
|
Loading…
Reference in New Issue
Block a user