-
-
Notifications
You must be signed in to change notification settings - Fork 356
/
stack.go
101 lines (82 loc) · 1.76 KB
/
stack.go
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
package app
// UIStack is the interface that describes a container that displays its items
// as stacked panels.
//
// EXPERIMENTAL WIDGET.
type UIStack interface {
UI
// Center aligns the items from the center.
Center() UIStack
// Class adds a CSS class to the stack root HTML element class property.
Class(string) UIStack
// Content sets the content with the given UI elements.
Content(elems ...UI) UIStack
// End aligns the items from the end.
End() UIStack
// ID sets the stack root HTML element id property.
ID(string) UIStack
// Stretch tries to make the items occupy all the space.
Stretch() UIStack
// Vertical stacks items vertically.
Vertical() UIStack
}
// Stack creates a container that displays its items as stacked panels.
//
// EXPERIMENTAL WIDGET.
func Stack() UIStack {
return &stack{
Ialignment: "flex-start",
Idirection: "row",
}
}
type stack struct {
Compo
Ialignment string
Iclass string
Idirection string
Iid string
Icontent []UI
}
func (s *stack) Center() UIStack {
s.Ialignment = "center"
return s
}
func (s *stack) Class(v string) UIStack {
if v == "" {
return s
}
if s.Iclass != "" {
s.Iclass += " "
}
s.Iclass += v
return s
}
func (s *stack) Content(elems ...UI) UIStack {
s.Icontent = FilterUIElems(elems...)
return s
}
func (s *stack) End() UIStack {
s.Ialignment = "flex-end"
return s
}
func (s *stack) ID(v string) UIStack {
s.Iid = v
return s
}
func (s *stack) Stretch() UIStack {
s.Ialignment = "stretch"
return s
}
func (s *stack) Vertical() UIStack {
s.Idirection = "column"
return s
}
func (s *stack) Render() UI {
return Div().
ID(s.Iid).
Class("goapp-stack").
Class(s.Iclass).
Style("flex-direction", s.Idirection).
Style("align-items", s.Ialignment).
Body(s.Icontent...)
}