UNPKG

coffeescript-ui

Version:

Coffeescript User Interface System

github.com/programmfabrik/coffeescript-ui

programmfabrik/coffeescript-ui

132 lines (81 loc) • 2.96 kB
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
= Layout > DOM * general class to handle space offering DIVs * needs to be subclassed * maximize: sets cui-maximize * absolute: sets cui-absolute = HorizontalLayout > Layout * left: adds a left pane * right: adds a right pane * depending on parameters this layout has four different markups * with flexHandles: DIV > DIV.left + DIV.flexHandle + DIV.center + DIV.flexHandle + DIV.right * left + right: DIV > DIV.left + DIV.center + DIV.right * right: DIV > DIV.center + DIV.right * left: DIV > DIV.left + DIV.center * no padding! * center DIV is always there * in maximize mode, center grows & shrinks, left & right don't shrink and don't grow * in non maximize mode, all cells don't grow and don't shrink * in maximize mode all cells have scrollbars * all cells have vertical layout for their content = VerticalLayout > Layout like HorizontalLayout * no padding! = BorderLayout > Layout * is always maximized * combines vertical and horizontal layout * parameters: north, west, east, south, center * no padding = Pane > VerticalLayout * is always "maximized" * padding in center * no padding in top, bottom = Toolbar > HorizontalLayout * always maxmized * is like PaneHeader and Footer but looks different and can be stacked below PaneHeader and above PaneFooter * Toolbar can only be subclasses, not used directly = PaneToolbar > Toolbar * Toolbar can only be inside Panes in top or bottom = PaneHeader > Toolbar * adds a class "cui-pane-header" * always maximized * has always left, center, right, never flexHandles * adds padding in left, center, right = PaneFooter > Toolbar * adds a class "cui-pane-header" * like pane header = SimplePane > Pane convenience class to create a Pane with header and footer parameter: header_left, header_center, header_right parameter: center parameter: footer_left, footer_right * looks exactly like Pane, PaneHeader, PaneFooter = VerticalList > VerticalLayout * maximize is always false * allows only cui-dom-element inside = ItemList > VerticalLayout * vertical stack of items * looks exactly like vertical list * maximize is always false = Layer > DOM * floats atop, is just a rectangle * no padding, no decoration, nothing * is there for positioning and z-layer management = LayerPane > Layer * adds SimplePane to the Layer, or another Pane = Menu > Layer * gets an itemList * has special positioning = Modal > LayerPane * looks like a Pane, but might have slightly bigger paddings = ConfirmationDialog > Modal * looks like Modal but has a distinct property so that the user recognizes the dialog box = Tooltip > LayerPane * looks like a tooltip (with little arrows) = ConfirmationChoice > ConfirmationDialog * looks exactly like dialog, but has convenience methods to create buttons = Popover > Modal * is often a smaller version of a Modal dialog = ListView > Pane * is a pane but has no padding and is not always maximized