package main import "github.com/anoshenko/rui" const tableViewDemoText = ` GridLayout { style = demoPage, content = [ ColumnLayout { width = 100%, height = 100%, content = TableView { id = demoTableView1, margin = 24px, } }, ListLayout { style = optionsPanel, content = [ GridLayout { style = optionsTable, content = [ TextView { row = 0, text = "Cell gap" }, DropDownList { row = 0, column = 1, id = tableCellGap, current = 0, items = ["0", "2px"]}, TextView { row = 1, text = "Table border" }, DropDownList { row = 1, column = 1, id = tableBorder, current = 0, items = ["none", "solid black 1px", "4 colors"]}, TextView { row = 2, text = "Cell border" }, DropDownList { row = 2, column = 1, id = tableCellBorder, current = 0, items = ["none", "solid black 1px", "4 colors"]}, TextView { row = 3, text = "Cell padding" }, DropDownList { row = 3, column = 1, id = tableCellPadding, current = 0, items = ["default", "4px", "8px, 16px, 8px, 16px"]}, TextView { row = 4, text = "Head style" }, DropDownList { row = 4, column = 1, id = tableHeadStyle, current = 0, items = ["none", "tableHead1", "rui.Params"]}, TextView { row = 5, text = "Foot style" }, DropDownList { row = 5, column = 1, id = tableFootStyle, current = 0, items = ["none", "tableFoot1", "rui.Params"]}, Checkbox { row = 6, column = 0:1, id = tableRowStyle, content = "Row style" }, Checkbox { row = 7, column = 0:1, id = tableColumnStyle, content = "Column style" }, ] } ] } ] } ` func createTableViewDemo(session rui.Session) rui.View { view := rui.CreateViewFromText(session, tableViewDemoText) if view == nil { return nil } content := [][]interface{}{ {"Cell content", "Cell value", rui.HorizontalTableJoin{}}, {rui.VerticalTableJoin{}, "Type", "Value"}, {"Text", "string", "Text"}, {"Number", "int", 10}, {rui.VerticalTableJoin{}, "float", 10.95}, {"Boolean", "true", true}, {rui.VerticalTableJoin{}, "false", false}, {"Color", "red", rui.Red}, {rui.VerticalTableJoin{}, "green", rui.Green}, {rui.VerticalTableJoin{}, "yellow", rui.Yellow}, {"View", "Button", rui.NewButton(session, rui.Params{ rui.Content: "OK", })}, {"Foot line", rui.HorizontalTableJoin{}, rui.HorizontalTableJoin{}}, } rui.SetParams(view, "demoTableView1", rui.Params{ rui.Content: content, rui.HeadHeight: 2, rui.FootHeight: 1, }) setBorder := func(borderTag string, number int) { switch number { case 1: rui.Set(view, "demoTableView1", borderTag, rui.NewBorder(rui.Params{ rui.Style: rui.SolidLine, rui.ColorProperty: rui.Black, rui.Width: rui.Px(1), })) case 2: rui.Set(view, "demoTableView1", borderTag, rui.NewBorder(rui.Params{ rui.Style: rui.SolidLine, rui.LeftColor: rui.Blue, rui.RightColor: rui.Magenta, rui.TopColor: rui.Red, rui.BottomColor: rui.Green, rui.Width: rui.Px(2), })) default: rui.Set(view, "demoTableView1", borderTag, nil) } } rui.Set(view, "tableCellGap", rui.DropDownEvent, func(list rui.DropDownList, number int) { if number == 0 { rui.Set(view, "demoTableView1", rui.Gap, rui.Px(0)) } else { rui.Set(view, "demoTableView1", rui.Gap, rui.Px(2)) } }) rui.Set(view, "tableBorder", rui.DropDownEvent, func(list rui.DropDownList, number int) { setBorder(rui.Border, number) }) rui.Set(view, "tableCellBorder", rui.DropDownEvent, func(list rui.DropDownList, number int) { setBorder(rui.CellBorder, number) }) rui.Set(view, "tableHeadStyle", rui.DropDownEvent, func(list rui.DropDownList, number int) { switch number { case 1: rui.Set(view, "demoTableView1", rui.HeadStyle, "tableHead1") case 2: rui.Set(view, "demoTableView1", rui.HeadStyle, rui.Params{ rui.CellBorder: rui.NewBorder(rui.Params{ rui.Style: rui.SolidLine, rui.ColorProperty: rui.Green, rui.Width: "2px", }), rui.CellPadding: "8px", rui.BackgroundColor: rui.LightGrey, }) default: rui.Set(view, "demoTableView1", rui.HeadStyle, nil) } }) rui.Set(view, "tableFootStyle", rui.DropDownEvent, func(list rui.DropDownList, number int) { switch number { case 1: rui.Set(view, "demoTableView1", rui.FootStyle, "tableFoot1") case 2: rui.Set(view, "demoTableView1", rui.FootStyle, rui.Params{ rui.Border: rui.NewBorder(rui.Params{ rui.Style: rui.SolidLine, rui.ColorProperty: rui.Black, rui.Width: "2px", }), rui.CellPadding: "4px", rui.BackgroundColor: rui.LightYellow, }) default: rui.Set(view, "demoTableView1", rui.FootStyle, nil) } }) rui.Set(view, "tableCellPadding", rui.DropDownEvent, func(list rui.DropDownList, number int) { switch number { case 1: rui.Set(view, "demoTableView1", rui.CellPadding, rui.Px(4)) case 2: rui.Set(view, "demoTableView1", rui.CellPadding, rui.Bounds{ Left: rui.Px(16), Right: rui.Px(16), Top: rui.Px(8), Bottom: rui.Px(8), }) default: rui.Set(view, "demoTableView1", rui.CellPadding, nil) } }) rui.Set(view, "tableRowStyle", rui.CheckboxChangedEvent, func(checked bool) { if checked { rui.Set(view, "demoTableView1", rui.RowStyle, []rui.Params{ {rui.BackgroundColor: 0xffeaece5}, {rui.BackgroundColor: 0xfff0efef}, {rui.BackgroundColor: 0xffe0e2e4}, {rui.BackgroundColor: 0xffbccad6}, {rui.BackgroundColor: 0xffcfe0e8}, {rui.BackgroundColor: 0xffb7d7e8}, {rui.BackgroundColor: 0xffdaebe8}, {rui.BackgroundColor: 0xfff1e3dd}, {rui.BackgroundColor: 0xfffbefcc}, {rui.BackgroundColor: 0xfffff2df}, {rui.BackgroundColor: 0xffffeead}, {rui.BackgroundColor: 0xfff2e394}, }) } else { rui.Set(view, "demoTableView1", rui.RowStyle, nil) } }) rui.Set(view, "tableColumnStyle", rui.CheckboxChangedEvent, func(checked bool) { if checked { rui.Set(view, "demoTableView1", rui.ColumnStyle, []rui.Params{ {rui.BackgroundColor: 0xffeaece5}, {rui.BackgroundColor: 0xffdaebe8}, {rui.BackgroundColor: 0xfff2e394}, }) } else { rui.Set(view, "demoTableView1", rui.RowStyle, nil) } }) return view }