Make a distinction between notebook tabs and pages

This commit is contained in:
Sasha Koshka 2024-09-12 15:13:38 -04:00
parent 6130b84a27
commit ce08487eff

View File

@ -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,15 +20,15 @@ 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
leftSpacer tomo.Box leftSpacer tomo.Box
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)