rui_orig/tabsLayout.go

893 lines
25 KiB
Go
Raw Normal View History

2021-09-07 17:36:50 +03:00
package rui
import (
"strconv"
"strings"
)
const (
2021-11-17 12:32:37 +03:00
// CurrentTabChangedEvent is the constant for "current-tab-changed" property tag.
// The "current-tab-changed" event occurs when the new tab becomes active.
// The main listener format: func(TabsLayout, int, int), where
// the second argument is the index of the new active tab,
// the third argument is the index of the old active tab.
CurrentTabChangedEvent = "current-tab-changed"
// Icon is the constant for "icon" property tag.
// The string "icon" property defines the icon name that is displayed in the tab.
Icon = "icon"
// TabCloseButton is the constant for "tab-close-button" property tag.
// The "tab-close-button" is the bool property. If it is "true" then a close button is displayed within the tab.
TabCloseButton = "tab-close-button"
// TabCloseEvent is the constant for "tab-close-event" property tag.
// The "tab-close-event" occurs when when the user clicks on the tab close button.
// The main listener format: func(TabsLayout, int), where the second argument is the index of the tab.
TabCloseEvent = "tab-close-event"
2021-11-21 17:53:52 +03:00
// Tabs is the constant for the "tabs" property tag.
// The "tabs" is the int property that sets where the tabs are located.
// Valid values: TopTabs (0), BottomTabs (1), LeftTabs (2), RightTabs (3), LeftListTabs (4), RightListTabs (5), and HiddenTabs (6).
Tabs = "tabs"
// TabBarStyle is the constant for the "tab-bar-style" property tag.
// The "tab-bar-style" is the string property that sets the style for the display of the tab bar.
// The default value is "ruiTabBar".
TabBarStyle = "tab-bar-style"
// TabStyle is the constant for the "tab-style" property tag.
// The "tab-style" is the string property that sets the style for the display of the tab.
// The default value is "ruiTab" or "ruiVerticalTab".
TabStyle = "tab-style"
// CurrentTabStyle is the constant for the "current-tab-style" property tag.
// The "current-tab-style" is the string property that sets the style for the display of the current (selected) tab.
// The default value is "ruiCurrentTab" or "ruiCurrentVerticalTab".
CurrentTabStyle = "current-tab-style"
2021-09-07 17:36:50 +03:00
// TopTabs - tabs of TabsLayout are on the top
2021-11-17 12:32:37 +03:00
TopTabs = 0
2021-09-07 17:36:50 +03:00
// BottomTabs - tabs of TabsLayout are on the bottom
2021-11-17 12:32:37 +03:00
BottomTabs = 1
// LeftTabs - tabs of TabsLayout are on the left. Bookmarks are rotated counterclockwise 90 degrees.
LeftTabs = 2
// RightTabs - tabs of TabsLayout are on the right. Bookmarks are rotated clockwise 90 degrees.
RightTabs = 3
2021-09-07 17:36:50 +03:00
// LeftListTabs - tabs of TabsLayout are on the left
2021-11-17 12:32:37 +03:00
LeftListTabs = 4
2021-09-07 17:36:50 +03:00
// RightListTabs - tabs of TabsLayout are on the right
2021-11-17 12:32:37 +03:00
RightListTabs = 5
// HiddenTabs - tabs of TabsLayout are hidden
HiddenTabs = 6
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
inactiveTabStyle = "data-inactiveTabStyle"
activeTabStyle = "data-activeTabStyle"
)
2021-09-07 17:36:50 +03:00
// TabsLayout - multi-tab container of View
type TabsLayout interface {
ViewsContainer
2021-11-17 12:32:37 +03:00
ListAdapter
2021-09-07 17:36:50 +03:00
}
type tabsLayoutData struct {
viewsContainerData
2021-11-17 12:32:37 +03:00
tabListener []func(TabsLayout, int, int)
tabCloseListener []func(TabsLayout, int)
2021-09-07 17:36:50 +03:00
}
// NewTabsLayout create new TabsLayout object and return it
2022-04-02 11:42:03 +03:00
func NewTabsLayout(session Session, params Params) TabsLayout {
2021-09-07 17:36:50 +03:00
view := new(tabsLayoutData)
view.init(session)
2022-04-02 11:42:03 +03:00
setInitParams(view, params)
2021-09-07 17:36:50 +03:00
return view
}
func newTabsLayout(session Session) View {
2022-04-02 11:42:03 +03:00
return NewTabsLayout(session, nil)
2021-09-07 17:36:50 +03:00
}
// Init initialize fields of ViewsContainer by default values
func (tabsLayout *tabsLayoutData) init(session Session) {
tabsLayout.viewsContainerData.init(session)
2021-09-07 17:36:50 +03:00
tabsLayout.tag = "TabsLayout"
tabsLayout.systemClass = "ruiTabsLayout"
2021-11-17 12:32:37 +03:00
tabsLayout.tabListener = []func(TabsLayout, int, int){}
tabsLayout.tabCloseListener = []func(TabsLayout, int){}
2021-09-07 17:36:50 +03:00
}
2022-05-22 12:54:02 +03:00
func (tabsLayout *tabsLayoutData) String() string {
return getViewString(tabsLayout)
}
func (tabsLayout *tabsLayoutData) currentItem(defaultValue int) int {
result, _ := intProperty(tabsLayout, Current, tabsLayout.session, defaultValue)
2021-09-07 17:36:50 +03:00
return result
}
2022-07-26 18:36:00 +03:00
func (tabsLayout *tabsLayoutData) Get(tag string) any {
2021-11-17 12:32:37 +03:00
return tabsLayout.get(strings.ToLower(tag))
}
2022-07-26 18:36:00 +03:00
func (tabsLayout *tabsLayoutData) get(tag string) any {
2021-11-17 12:32:37 +03:00
switch tag {
case CurrentTabChangedEvent:
return tabsLayout.tabListener
case TabCloseEvent:
return tabsLayout.tabCloseListener
}
return tabsLayout.viewsContainerData.get(tag)
}
func (tabsLayout *tabsLayoutData) Remove(tag string) {
tabsLayout.remove(strings.ToLower(tag))
}
func (tabsLayout *tabsLayoutData) remove(tag string) {
switch tag {
case CurrentTabChangedEvent:
if len(tabsLayout.tabListener) > 0 {
tabsLayout.tabListener = []func(TabsLayout, int, int){}
tabsLayout.propertyChangedEvent(tag)
}
return
2021-11-17 12:32:37 +03:00
case TabCloseEvent:
if len(tabsLayout.tabCloseListener) > 0 {
tabsLayout.tabCloseListener = []func(TabsLayout, int){}
tabsLayout.propertyChangedEvent(tag)
}
return
2021-11-17 12:32:37 +03:00
case Current:
oldCurrent := tabsLayout.currentItem(0)
2021-11-17 12:32:37 +03:00
delete(tabsLayout.properties, Current)
if oldCurrent == 0 {
return
}
if tabsLayout.created {
2022-11-02 20:10:19 +03:00
tabsLayout.session.callFunc("activateTab", tabsLayout.htmlID(), 0)
2021-11-17 12:32:37 +03:00
for _, listener := range tabsLayout.tabListener {
listener(tabsLayout, 0, oldCurrent)
}
}
case Tabs:
delete(tabsLayout.properties, Tabs)
if tabsLayout.created {
2021-11-17 12:32:37 +03:00
htmlID := tabsLayout.htmlID()
2022-10-30 17:22:33 +03:00
tabsLayout.session.updateProperty(htmlID, inactiveTabStyle, tabsLayout.inactiveTabStyle())
tabsLayout.session.updateProperty(htmlID, activeTabStyle, tabsLayout.activeTabStyle())
2021-11-17 12:32:37 +03:00
updateCSSStyle(htmlID, tabsLayout.session)
updateInnerHTML(htmlID, tabsLayout.session)
}
case TabStyle, CurrentTabStyle:
delete(tabsLayout.properties, tag)
if tabsLayout.created {
2021-11-17 12:32:37 +03:00
htmlID := tabsLayout.htmlID()
2022-10-30 17:22:33 +03:00
tabsLayout.session.updateProperty(htmlID, inactiveTabStyle, tabsLayout.inactiveTabStyle())
tabsLayout.session.updateProperty(htmlID, activeTabStyle, tabsLayout.activeTabStyle())
2021-11-17 12:32:37 +03:00
updateInnerHTML(htmlID, tabsLayout.session)
}
case TabCloseButton:
delete(tabsLayout.properties, tag)
if tabsLayout.created {
2021-11-17 12:32:37 +03:00
updateInnerHTML(tabsLayout.htmlID(), tabsLayout.session)
}
default:
tabsLayout.viewsContainerData.remove(tag)
return
2021-11-17 12:32:37 +03:00
}
tabsLayout.propertyChangedEvent(tag)
2021-11-17 12:32:37 +03:00
}
2022-07-26 18:36:00 +03:00
func (tabsLayout *tabsLayoutData) Set(tag string, value any) bool {
2021-11-17 12:32:37 +03:00
return tabsLayout.set(strings.ToLower(tag), value)
}
2022-07-26 18:36:00 +03:00
func (tabsLayout *tabsLayoutData) set(tag string, value any) bool {
2021-11-17 12:32:37 +03:00
if value == nil {
tabsLayout.remove(tag)
return true
}
2021-09-07 17:36:50 +03:00
switch tag {
2021-11-17 12:32:37 +03:00
case CurrentTabChangedEvent:
listeners := tabsLayout.valueToTabListeners(value)
if listeners == nil {
notCompatibleType(tag, value)
return false
}
tabsLayout.tabListener = listeners
case TabCloseEvent:
2022-07-27 20:31:57 +03:00
listeners, ok := valueToEventListeners[TabsLayout, int](value)
if !ok {
2021-11-17 12:32:37 +03:00
notCompatibleType(tag, value)
return false
2022-07-27 20:31:57 +03:00
} else if listeners == nil {
listeners = []func(TabsLayout, int){}
2021-11-17 12:32:37 +03:00
}
tabsLayout.tabCloseListener = listeners
2021-09-07 17:36:50 +03:00
case Current:
2022-05-17 10:46:00 +03:00
if current, ok := value.(int); ok && current < 0 {
tabsLayout.remove(Current)
return true
}
oldCurrent := tabsLayout.currentItem(-1)
2021-09-07 17:36:50 +03:00
if !tabsLayout.setIntProperty(Current, value) {
return false
}
current := tabsLayout.currentItem(0)
if oldCurrent == current {
return true
}
if tabsLayout.created {
2022-11-02 20:10:19 +03:00
tabsLayout.session.callFunc("activateTab", tabsLayout.htmlID(), current)
for _, listener := range tabsLayout.tabListener {
listener(tabsLayout, current, oldCurrent)
2021-09-07 17:36:50 +03:00
}
}
case Tabs:
if !tabsLayout.setEnumProperty(Tabs, value, enumProperties[Tabs].values) {
return false
}
if tabsLayout.created {
2021-09-07 17:36:50 +03:00
htmlID := tabsLayout.htmlID()
2022-10-30 17:22:33 +03:00
tabsLayout.session.updateProperty(htmlID, inactiveTabStyle, tabsLayout.inactiveTabStyle())
tabsLayout.session.updateProperty(htmlID, activeTabStyle, tabsLayout.activeTabStyle())
2021-09-07 17:36:50 +03:00
updateCSSStyle(htmlID, tabsLayout.session)
updateInnerHTML(htmlID, tabsLayout.session)
}
2022-05-26 12:01:49 +03:00
case TabStyle, CurrentTabStyle, TabBarStyle:
2021-11-17 12:32:37 +03:00
if text, ok := value.(string); ok {
2021-09-07 17:36:50 +03:00
if text == "" {
delete(tabsLayout.properties, tag)
} else {
tabsLayout.properties[tag] = text
}
} else {
notCompatibleType(tag, value)
return false
}
if tabsLayout.created {
2021-09-07 17:36:50 +03:00
htmlID := tabsLayout.htmlID()
2022-10-30 17:22:33 +03:00
tabsLayout.session.updateProperty(htmlID, inactiveTabStyle, tabsLayout.inactiveTabStyle())
tabsLayout.session.updateProperty(htmlID, activeTabStyle, tabsLayout.activeTabStyle())
2021-09-07 17:36:50 +03:00
updateInnerHTML(htmlID, tabsLayout.session)
}
2021-11-17 12:32:37 +03:00
case TabCloseButton:
if !tabsLayout.setBoolProperty(tag, value) {
return false
}
if tabsLayout.created {
2021-11-17 12:32:37 +03:00
updateInnerHTML(tabsLayout.htmlID(), tabsLayout.session)
}
2021-09-07 17:36:50 +03:00
default:
2021-11-17 12:32:37 +03:00
return tabsLayout.viewsContainerData.set(tag, value)
2021-09-07 17:36:50 +03:00
}
tabsLayout.propertyChangedEvent(tag)
2021-09-07 17:36:50 +03:00
return true
}
2022-07-26 18:36:00 +03:00
func (tabsLayout *tabsLayoutData) valueToTabListeners(value any) []func(TabsLayout, int, int) {
2021-11-17 12:32:37 +03:00
if value == nil {
return []func(TabsLayout, int, int){}
}
switch value := value.(type) {
case func(TabsLayout, int, int):
return []func(TabsLayout, int, int){value}
case func(TabsLayout, int):
2022-07-19 18:22:19 +03:00
fn := func(view TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
value(view, current)
}
return []func(TabsLayout, int, int){fn}
case func(TabsLayout):
2022-07-19 18:22:19 +03:00
fn := func(view TabsLayout, _, _ int) {
2021-11-17 12:32:37 +03:00
value(view)
}
return []func(TabsLayout, int, int){fn}
case func(int, int):
2022-07-19 18:22:19 +03:00
fn := func(_ TabsLayout, current, old int) {
2021-11-17 12:32:37 +03:00
value(current, old)
}
return []func(TabsLayout, int, int){fn}
case func(int):
2022-07-19 18:22:19 +03:00
fn := func(_ TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
value(current)
}
return []func(TabsLayout, int, int){fn}
case func():
2022-07-19 18:22:19 +03:00
fn := func(TabsLayout, int, int) {
2021-11-17 12:32:37 +03:00
value()
}
return []func(TabsLayout, int, int){fn}
case []func(TabsLayout, int, int):
return value
case []func(TabsLayout, int):
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
2022-07-19 18:22:19 +03:00
listeners[i] = func(view TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
val(view, current)
}
}
return listeners
case []func(TabsLayout):
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
2022-07-19 18:22:19 +03:00
listeners[i] = func(view TabsLayout, _, _ int) {
2021-11-17 12:32:37 +03:00
val(view)
}
}
return listeners
case []func(int, int):
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
2022-07-19 18:22:19 +03:00
listeners[i] = func(_ TabsLayout, current, old int) {
2021-11-17 12:32:37 +03:00
val(current, old)
}
}
return listeners
case []func(int):
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
2022-07-19 18:22:19 +03:00
listeners[i] = func(_ TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
val(current)
}
}
return listeners
case []func():
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
2022-07-19 18:22:19 +03:00
listeners[i] = func(TabsLayout, int, int) {
2021-11-17 12:32:37 +03:00
val()
}
}
return listeners
2022-07-26 18:36:00 +03:00
case []any:
2021-11-17 12:32:37 +03:00
listeners := make([]func(TabsLayout, int, int), len(value))
for i, val := range value {
if val == nil {
return nil
}
switch val := val.(type) {
case func(TabsLayout, int, int):
listeners[i] = val
case func(TabsLayout, int):
2022-07-19 18:22:19 +03:00
listeners[i] = func(view TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
val(view, current)
}
case func(TabsLayout):
2022-07-19 18:22:19 +03:00
listeners[i] = func(view TabsLayout, _, _ int) {
2021-11-17 12:32:37 +03:00
val(view)
}
case func(int, int):
2022-07-19 18:22:19 +03:00
listeners[i] = func(_ TabsLayout, current, old int) {
2021-11-17 12:32:37 +03:00
val(current, old)
}
case func(int):
2022-07-19 18:22:19 +03:00
listeners[i] = func(_ TabsLayout, current, _ int) {
2021-11-17 12:32:37 +03:00
val(current)
}
case func():
2022-07-19 18:22:19 +03:00
listeners[i] = func(TabsLayout, int, int) {
2021-11-17 12:32:37 +03:00
val()
}
default:
return nil
}
}
return listeners
}
return nil
}
2021-09-07 17:36:50 +03:00
func (tabsLayout *tabsLayoutData) tabsLocation() int {
tabs, _ := enumProperty(tabsLayout, Tabs, tabsLayout.session, 0)
return tabs
}
2021-11-21 17:53:52 +03:00
func (tabsLayout *tabsLayoutData) tabBarStyle() string {
if style, ok := stringProperty(tabsLayout, TabBarStyle, tabsLayout.session); ok {
return style
}
if value := valueFromStyle(tabsLayout, TabBarStyle); value != nil {
if style, ok := value.(string); ok {
if style, ok = tabsLayout.session.resolveConstants(style); ok {
return style
}
}
}
2021-11-21 17:53:52 +03:00
return "ruiTabBar"
}
2021-09-07 17:36:50 +03:00
func (tabsLayout *tabsLayoutData) inactiveTabStyle() string {
if style, ok := stringProperty(tabsLayout, TabStyle, tabsLayout.session); ok {
return style
}
if value := valueFromStyle(tabsLayout, TabStyle); value != nil {
if style, ok := value.(string); ok {
if style, ok = tabsLayout.session.resolveConstants(style); ok {
return style
}
}
}
2021-09-07 17:36:50 +03:00
switch tabsLayout.tabsLocation() {
case LeftTabs, RightTabs:
2021-11-21 17:53:52 +03:00
return "ruiVerticalTab"
2021-09-07 17:36:50 +03:00
}
2021-11-21 17:53:52 +03:00
return "ruiTab"
2021-09-07 17:36:50 +03:00
}
func (tabsLayout *tabsLayoutData) activeTabStyle() string {
if style, ok := stringProperty(tabsLayout, CurrentTabStyle, tabsLayout.session); ok {
return style
}
if value := valueFromStyle(tabsLayout, CurrentTabStyle); value != nil {
if style, ok := value.(string); ok {
if style, ok = tabsLayout.session.resolveConstants(style); ok {
return style
}
}
}
2021-09-07 17:36:50 +03:00
switch tabsLayout.tabsLocation() {
case LeftTabs, RightTabs:
2021-11-21 17:53:52 +03:00
return "ruiCurrentVerticalTab"
2021-09-07 17:36:50 +03:00
}
2021-11-21 17:53:52 +03:00
return "ruiCurrentTab"
2021-09-07 17:36:50 +03:00
}
2021-11-17 12:32:37 +03:00
func (tabsLayout *tabsLayoutData) ListSize() int {
if tabsLayout.views == nil {
tabsLayout.views = []View{}
}
return len(tabsLayout.views)
2021-09-07 17:36:50 +03:00
}
2021-11-17 12:32:37 +03:00
func (tabsLayout *tabsLayoutData) ListItem(index int, session Session) View {
if tabsLayout.views == nil {
tabsLayout.views = []View{}
}
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
if index < 0 || index >= len(tabsLayout.views) {
return NewTextView(session, Params{
Text: "Invalid index",
})
}
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
views := []View{}
page := tabsLayout.views[index]
2022-06-20 15:33:46 +03:00
if icon, ok := imageProperty(page, Icon, session); ok && icon != "" {
2021-11-17 12:32:37 +03:00
views = append(views, NewImageView(session, Params{
Source: icon,
Row: 0,
Column: 0,
}))
}
title, ok := stringProperty(page, Title, session)
if !ok || title == "" {
title = "No title"
}
if !GetNotTranslate(tabsLayout) {
2021-11-17 12:32:37 +03:00
title, _ = tabsLayout.Session().GetString(title)
}
views = append(views, NewTextView(session, Params{
Text: title,
Row: 0,
Column: 1,
}))
closeButton, _ := boolProperty(tabsLayout, TabCloseButton, tabsLayout.session)
if close, ok := boolProperty(page, TabCloseButton, tabsLayout.session); ok {
closeButton = close
2021-09-07 17:36:50 +03:00
}
2021-11-17 12:32:37 +03:00
if closeButton {
views = append(views, NewGridLayout(session, Params{
Style: "ruiTabCloseButton",
Row: 0,
Column: 2,
Content: "✕",
ClickEvent: func() {
for _, listener := range tabsLayout.tabCloseListener {
listener(tabsLayout, index)
}
},
}))
}
tabsHeight, _ := sizeConstant(session, "ruiTabHeight")
return NewGridLayout(session, Params{
Height: tabsHeight,
CellWidth: []SizeUnit{AutoSize(), Fr(1), AutoSize()},
CellVerticalAlign: CenterAlign,
GridRowGap: Px(8),
Content: views,
})
}
func (tabsLayout *tabsLayoutData) IsListItemEnabled(index int) bool {
return true
2021-09-07 17:36:50 +03:00
}
func (tabsLayout *tabsLayoutData) updateContent(view View, tag string) {
updateInnerHTML(tabsLayout.htmlID(), tabsLayout.session)
}
2021-09-07 17:36:50 +03:00
// Append appends view to the end of view list
func (tabsLayout *tabsLayoutData) Append(view View) {
if tabsLayout.views == nil {
tabsLayout.views = []View{}
}
2021-11-17 12:32:37 +03:00
if view != nil {
tabsLayout.viewsContainerData.Append(view)
view.SetChangeListener(Title, tabsLayout.updateContent)
view.SetChangeListener(Icon, tabsLayout.updateContent)
view.SetChangeListener(TabCloseButton, tabsLayout.updateContent)
2021-11-17 12:32:37 +03:00
if len(tabsLayout.views) == 1 {
tabsLayout.properties[Current] = 0
2021-11-17 12:32:37 +03:00
for _, listener := range tabsLayout.tabListener {
listener(tabsLayout, 0, -1)
}
defer tabsLayout.propertyChangedEvent(Current)
2021-09-07 17:36:50 +03:00
}
}
}
// Insert inserts view to the "index" position in view list
func (tabsLayout *tabsLayoutData) Insert(view View, index int) {
2021-09-07 17:36:50 +03:00
if tabsLayout.views == nil {
tabsLayout.views = []View{}
}
2021-11-17 12:32:37 +03:00
if view != nil {
if current := tabsLayout.currentItem(0); current >= index {
tabsLayout.properties[Current] = current + 1
defer tabsLayout.propertyChangedEvent(Current)
2021-11-17 12:32:37 +03:00
}
tabsLayout.viewsContainerData.Insert(view, index)
view.SetChangeListener(Title, tabsLayout.updateContent)
view.SetChangeListener(Icon, tabsLayout.updateContent)
view.SetChangeListener(TabCloseButton, tabsLayout.updateContent)
2021-09-07 17:36:50 +03:00
}
}
// Remove removes view from list and return it
func (tabsLayout *tabsLayoutData) RemoveView(index int) View {
2021-09-07 17:36:50 +03:00
if tabsLayout.views == nil {
tabsLayout.views = []View{}
return nil
}
2022-05-17 10:46:00 +03:00
2021-09-07 17:36:50 +03:00
count := len(tabsLayout.views)
2022-05-17 10:46:00 +03:00
if index < 0 || index >= count {
2021-09-07 17:36:50 +03:00
return nil
}
2022-05-17 10:46:00 +03:00
view := tabsLayout.views[index]
view.setParentID("")
view.SetChangeListener(Title, nil)
view.SetChangeListener(Icon, nil)
view.SetChangeListener(TabCloseButton, nil)
2021-09-07 17:36:50 +03:00
current := tabsLayout.currentItem(0)
2022-05-17 10:46:00 +03:00
if index < current || (index == current && current > 0) {
current--
}
if len(tabsLayout.views) == 1 {
tabsLayout.views = []View{}
current = -1
} else if index == 0 {
tabsLayout.views = tabsLayout.views[1:]
} else if index == count-1 {
tabsLayout.views = tabsLayout.views[:index]
} else {
2022-05-17 10:46:00 +03:00
tabsLayout.views = append(tabsLayout.views[:index], tabsLayout.views[index+1:]...)
2021-09-07 17:36:50 +03:00
}
2022-05-17 10:46:00 +03:00
updateInnerHTML(tabsLayout.parentHTMLID(), tabsLayout.session)
tabsLayout.propertyChangedEvent(Content)
delete(tabsLayout.properties, Current)
tabsLayout.set(Current, current)
return view
2021-09-07 17:36:50 +03:00
}
func (tabsLayout *tabsLayoutData) htmlProperties(self View, buffer *strings.Builder) {
tabsLayout.viewsContainerData.htmlProperties(self, buffer)
buffer.WriteString(` data-inactiveTabStyle="`)
buffer.WriteString(tabsLayout.inactiveTabStyle())
buffer.WriteString(`" data-activeTabStyle="`)
buffer.WriteString(tabsLayout.activeTabStyle())
buffer.WriteString(`" data-current="`)
2023-05-04 13:37:26 +03:00
buffer.WriteString(strconv.Itoa(tabsLayout.currentItem(0)))
2021-09-07 17:36:50 +03:00
buffer.WriteRune('"')
}
func (tabsLayout *tabsLayoutData) cssStyle(self View, builder cssBuilder) {
tabsLayout.viewsContainerData.cssStyle(self, builder)
switch tabsLayout.tabsLocation() {
case TopTabs:
builder.add(`grid-template-rows`, `auto 1fr`)
case BottomTabs:
builder.add(`grid-template-rows`, `1fr auto`)
case LeftTabs, LeftListTabs:
builder.add(`grid-template-columns`, `auto 1fr`)
case RightTabs, RightListTabs:
builder.add(`grid-template-columns`, `1fr auto`)
}
}
func (tabsLayout *tabsLayoutData) htmlSubviews(self View, buffer *strings.Builder) {
if tabsLayout.views == nil {
return
}
//viewCount := len(tabsLayout.views)
current := tabsLayout.currentItem(0)
2021-09-07 17:36:50 +03:00
location := tabsLayout.tabsLocation()
tabsLayoutID := tabsLayout.htmlID()
if location != HiddenTabs {
2021-11-21 17:53:52 +03:00
buffer.WriteString(`<div class="`)
buffer.WriteString(tabsLayout.tabBarStyle())
buffer.WriteString(`" style="display: flex;`)
2021-09-07 17:36:50 +03:00
switch location {
case LeftTabs, LeftListTabs, TopTabs:
buffer.WriteString(` grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;`)
case RightTabs, RightListTabs:
buffer.WriteString(` grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3;`)
case BottomTabs:
buffer.WriteString(` grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;`)
}
buffer.WriteString(` flex-flow: `)
switch location {
case LeftTabs, LeftListTabs, RightTabs, RightListTabs:
buffer.WriteString(`column nowrap; justify-content: flex-start; align-items: stretch;`)
default:
buffer.WriteString(`row nowrap; justify-content: flex-start; align-items: stretch;`)
}
buffer.WriteString(`">`)
inactiveStyle := tabsLayout.inactiveTabStyle()
activeStyle := tabsLayout.activeTabStyle()
notTranslate := GetNotTranslate(tabsLayout)
2021-11-17 12:32:37 +03:00
closeButton, _ := boolProperty(tabsLayout, TabCloseButton, tabsLayout.session)
var tabStyle, titleDiv string
switch location {
case LeftTabs, RightTabs:
tabStyle = `display: grid; grid-template-rows: auto 1fr auto; align-items: center; justify-items: center; grid-row-gap: 8px;`
case LeftListTabs, RightListTabs:
2021-11-21 17:53:52 +03:00
tabStyle = `display: grid; grid-template-columns: auto 1fr auto; align-items: center; justify-items: start; grid-column-gap: 8px;`
2021-11-17 12:32:37 +03:00
default:
tabStyle = `display: grid; grid-template-columns: auto 1fr auto; align-items: center; justify-items: center; grid-column-gap: 8px;`
}
switch location {
case LeftTabs:
titleDiv = `<div style="writing-mode: vertical-lr; transform: rotate(180deg); grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;">`
case RightTabs:
titleDiv = `<div style="writing-mode: vertical-lr; grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;">`
default:
titleDiv = `<div style="grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3;">`
}
2021-09-07 17:36:50 +03:00
for n, view := range tabsLayout.views {
2022-06-20 15:33:46 +03:00
icon, _ := imageProperty(view, Icon, tabsLayout.session)
2021-11-17 12:32:37 +03:00
title, _ := stringProperty(view, Title, tabsLayout.session)
2021-09-07 17:36:50 +03:00
if !notTranslate {
title, _ = tabsLayout.Session().GetString(title)
}
buffer.WriteString(`<div id="`)
buffer.WriteString(tabsLayoutID)
buffer.WriteByte('-')
buffer.WriteString(strconv.Itoa(n))
buffer.WriteString(`" class="`)
if n == current {
buffer.WriteString(activeStyle)
} else {
buffer.WriteString(inactiveStyle)
}
2022-10-29 20:48:03 +03:00
buffer.WriteString(`" tabindex="0" onclick="tabClickEvent(this, '`)
2021-09-07 17:36:50 +03:00
buffer.WriteString(tabsLayoutID)
2022-10-29 20:48:03 +03:00
buffer.WriteString(`', `)
2021-09-07 17:36:50 +03:00
buffer.WriteString(strconv.Itoa(n))
2022-10-29 20:48:03 +03:00
buffer.WriteString(`, event)" onkeydown="tabKeyClickEvent('`)
2021-09-07 17:36:50 +03:00
buffer.WriteString(tabsLayoutID)
2022-10-29 20:48:03 +03:00
buffer.WriteString(`', `)
2021-09-07 17:36:50 +03:00
buffer.WriteString(strconv.Itoa(n))
2021-11-17 12:32:37 +03:00
buffer.WriteString(`, event)" style="`)
buffer.WriteString(tabStyle)
2021-09-07 17:36:50 +03:00
buffer.WriteString(`" data-container="`)
buffer.WriteString(tabsLayoutID)
buffer.WriteString(`" data-view="`)
buffer.WriteString(tabsLayoutID)
buffer.WriteString(`-page`)
buffer.WriteString(strconv.Itoa(n))
2021-11-17 12:32:37 +03:00
buffer.WriteString(`">`)
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
if icon != "" {
switch location {
case LeftTabs:
buffer.WriteString(`<img style="grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2;" src="`)
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
case RightTabs:
buffer.WriteString(`<img style="grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;" src="`)
2021-09-07 17:36:50 +03:00
2021-11-17 12:32:37 +03:00
default:
buffer.WriteString(`<img style="grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;" src="`)
}
buffer.WriteString(icon)
buffer.WriteString(`">`)
2021-09-07 17:36:50 +03:00
}
2021-11-17 12:32:37 +03:00
buffer.WriteString(titleDiv)
2021-09-07 17:36:50 +03:00
buffer.WriteString(title)
2021-11-17 12:32:37 +03:00
buffer.WriteString(`</div>`)
close, ok := boolProperty(view, TabCloseButton, tabsLayout.session)
if !ok {
close = closeButton
}
if close {
2022-10-29 20:48:03 +03:00
buffer.WriteString(`<div class="ruiTabCloseButton" tabindex="0" onclick="tabCloseClickEvent(this, '`)
2021-11-21 18:16:22 +03:00
buffer.WriteString(tabsLayoutID)
2022-10-29 20:48:03 +03:00
buffer.WriteString(`', `)
2021-11-21 18:16:22 +03:00
buffer.WriteString(strconv.Itoa(n))
2022-10-29 20:48:03 +03:00
buffer.WriteString(`, event)" onkeydown="tabCloseKeyClickEvent('`)
2021-11-17 12:32:37 +03:00
buffer.WriteString(tabsLayoutID)
2022-10-29 20:48:03 +03:00
buffer.WriteString(`', `)
2021-11-17 12:32:37 +03:00
buffer.WriteString(strconv.Itoa(n))
buffer.WriteString(`, event)" style="display: grid; `)
switch location {
case LeftTabs:
buffer.WriteString(`grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;">`)
case RightTabs:
buffer.WriteString(`grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2;">`)
default:
buffer.WriteString(`grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4;">`)
}
buffer.WriteString(`✕</div>`)
}
buffer.WriteString(`</div>`)
2021-09-07 17:36:50 +03:00
}
buffer.WriteString(`</div>`)
}
for n, view := range tabsLayout.views {
buffer.WriteString(`<div id="`)
buffer.WriteString(tabsLayoutID)
buffer.WriteString(`-page`)
buffer.WriteString(strconv.Itoa(n))
switch location {
case LeftTabs, LeftListTabs:
buffer.WriteString(`" style="position: relative; grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3;`)
case TopTabs:
buffer.WriteString(`" style="position: relative; grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;`)
default:
buffer.WriteString(`" style="position: relative; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;`)
}
if current != n {
buffer.WriteString(` display: none;`)
}
buffer.WriteString(`">`)
view.addToCSSStyle(map[string]string{`position`: `absolute`, `left`: `0`, `right`: `0`, `top`: `0`, `bottom`: `0`})
viewHTML(tabsLayout.views[n], buffer)
buffer.WriteString(`</div>`)
}
}
func (tabsLayout *tabsLayoutData) handleCommand(self View, command string, data DataObject) bool {
switch command {
case "tabClick":
if numberText, ok := data.PropertyValue("number"); ok {
if number, err := strconv.Atoi(numberText); err == nil {
current := tabsLayout.currentItem(0)
2021-09-07 17:36:50 +03:00
if current != number {
tabsLayout.properties[Current] = number
2021-11-17 12:32:37 +03:00
for _, listener := range tabsLayout.tabListener {
listener(tabsLayout, number, current)
2021-09-07 17:36:50 +03:00
}
tabsLayout.propertyChangedEvent(Current)
2021-09-07 17:36:50 +03:00
}
}
}
return true
2021-11-17 12:32:37 +03:00
case "tabCloseClick":
if numberText, ok := data.PropertyValue("number"); ok {
if number, err := strconv.Atoi(numberText); err == nil {
for _, listener := range tabsLayout.tabCloseListener {
listener(tabsLayout, number)
}
}
}
return true
2021-09-07 17:36:50 +03:00
}
return tabsLayout.viewsContainerData.handleCommand(self, command, data)
}