glib-web 0.0.9 → 0.0.10
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/helpers/glib/json_ui/abstract_builder.rb +7 -0
- data/app/helpers/glib/json_ui/json_ui_helper.rb +3 -3
- data/app/helpers/glib/json_ui/list_builders.rb +1 -1
- data/app/helpers/glib/json_ui/page_helper.rb +8 -5
- data/app/helpers/glib/json_ui/view_builder/fields.rb +63 -0
- data/app/helpers/glib/json_ui/view_builder/panels.rb +117 -0
- data/app/helpers/glib/json_ui/view_builder.rb +0 -107
- data/app/views/json_ui/garage/actions/index.json.jbuilder +0 -10
- data/app/views/json_ui/garage/home/index.json.jbuilder +74 -48
- data/app/views/json_ui/garage/panels/horizontal.json.jbuilder +164 -192
- data/app/views/json_ui/garage/panels/index.json.jbuilder +41 -24
- data/app/views/json_ui/garage/panels/split.json.jbuilder +99 -330
- data/app/views/json_ui/garage/panels/vertical.json.jbuilder +108 -80
- metadata +3 -1
@@ -2,359 +2,128 @@ json.title 'Panels'
|
|
2
2
|
|
3
3
|
render "#{@path_prefix}/nav_menu", json: json
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
json.content do
|
13
|
-
json.left do
|
14
|
-
json.view 'button-v1'
|
15
|
-
json.text '1'
|
16
|
-
end
|
17
|
-
|
18
|
-
json.right do
|
19
|
-
json.view 'button-v1'
|
20
|
-
json.text '2'
|
21
|
-
end
|
5
|
+
json_ui_page json do |page|
|
6
|
+
page.scroll childViews: ->(scroll) do
|
7
|
+
scroll.h1 text: '2 columns'
|
8
|
+
scroll.panels_split leftViews: ->(panel) do
|
9
|
+
panel.button text: '1'
|
10
|
+
end, rightViews: ->(panel) do
|
11
|
+
panel.button text: '2'
|
22
12
|
end
|
23
|
-
end
|
24
|
-
|
25
|
-
json.child! do
|
26
|
-
json.view 'label-v1'
|
27
|
-
json.text "\n"
|
28
|
-
end
|
29
|
-
json.child! do
|
30
|
-
json.view 'h1-v1'
|
31
|
-
json.text '3 columns'
|
32
|
-
end
|
33
|
-
json.child! do
|
34
|
-
json.view 'panels/split-v1'
|
35
|
-
json.content do
|
36
|
-
json.left do
|
37
|
-
json.view 'button-v1'
|
38
|
-
json.text '1'
|
39
|
-
end
|
40
13
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
end
|
14
|
+
scroll.label text: "\n"
|
15
|
+
scroll.h1 text: '3 columns'
|
16
|
+
scroll.panels_split leftViews: ->(panel) do
|
17
|
+
panel.button text: '1'
|
18
|
+
end, centerViews: ->(panel) do
|
19
|
+
panel.button text: '2'
|
20
|
+
end, rightViews: ->(panel) do
|
21
|
+
panel.button text: '3'
|
50
22
|
end
|
51
|
-
end
|
52
|
-
|
53
|
-
json.child! do
|
54
|
-
json.view 'label-v1'
|
55
|
-
json.text "\n"
|
56
|
-
end
|
57
|
-
json.child! do
|
58
|
-
json.view 'h1-v1'
|
59
|
-
json.text 'Expandable left'
|
60
|
-
end
|
61
|
-
json.child! do
|
62
|
-
json.view 'panels/split-v1'
|
63
|
-
json.content do
|
64
|
-
json.center do
|
65
|
-
json.view 'button-v1'
|
66
|
-
json.text '1'
|
67
|
-
end
|
68
23
|
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
24
|
+
scroll.label text: "\n"
|
25
|
+
scroll.h1 text: 'Expandable left'
|
26
|
+
scroll.panels_split centerViews: ->(panel) do
|
27
|
+
panel.button text: '1'
|
28
|
+
end, rightViews: ->(panel) do
|
29
|
+
panel.button text: '2'
|
73
30
|
end
|
74
|
-
end
|
75
|
-
|
76
|
-
json.child! do
|
77
|
-
json.view 'label-v1'
|
78
|
-
json.text "\n"
|
79
|
-
end
|
80
|
-
json.child! do
|
81
|
-
json.view 'h1-v1'
|
82
|
-
json.text 'Expandable right'
|
83
|
-
end
|
84
|
-
json.child! do
|
85
|
-
json.view 'panels/split-v1'
|
86
|
-
json.content do
|
87
|
-
json.left do
|
88
|
-
json.view 'button-v1'
|
89
|
-
json.text '1'
|
90
|
-
end
|
91
31
|
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
32
|
+
scroll.label text: "\n"
|
33
|
+
scroll.h1 text: 'Expandable right'
|
34
|
+
scroll.panels_split leftViews: ->(panel) do
|
35
|
+
panel.button text: '1'
|
36
|
+
end, centerViews: ->(panel) do
|
37
|
+
panel.button text: '2'
|
96
38
|
end
|
97
|
-
end
|
98
|
-
|
99
|
-
json.child! do
|
100
|
-
json.view 'label-v1'
|
101
|
-
json.text "\n"
|
102
|
-
end
|
103
|
-
json.child! do
|
104
|
-
json.view 'h1-v1'
|
105
|
-
json.text 'Short center text'
|
106
|
-
end
|
107
|
-
json.child! do
|
108
|
-
json.view 'panels/split-v1'
|
109
|
-
json.content do
|
110
|
-
json.left do
|
111
|
-
json.view 'button-v1'
|
112
|
-
json.text '1'
|
113
|
-
end
|
114
39
|
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
end
|
40
|
+
scroll.label text: "\n"
|
41
|
+
scroll.h1 text: 'Short center text'
|
42
|
+
scroll.panels_split leftViews: ->(panel) do
|
43
|
+
panel.button text: '1'
|
44
|
+
end, centerViews: ->(panel) do
|
45
|
+
panel.label text: 'short'
|
46
|
+
end, rightViews: ->(panel) do
|
47
|
+
panel.button text: '2'
|
124
48
|
end
|
125
|
-
end
|
126
|
-
|
127
|
-
json.child! do
|
128
|
-
json.view 'label-v1'
|
129
|
-
json.text "\n"
|
130
|
-
end
|
131
|
-
json.child! do
|
132
|
-
json.view 'h1-v1'
|
133
|
-
json.text 'Long center text'
|
134
|
-
end
|
135
|
-
json.child! do
|
136
|
-
json.view 'panels/split-v1'
|
137
|
-
json.content do
|
138
|
-
json.left do
|
139
|
-
json.view 'button-v1'
|
140
|
-
json.text '1'
|
141
|
-
end
|
142
49
|
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
end
|
50
|
+
scroll.label text: "\n"
|
51
|
+
scroll.h1 text: 'Long center text'
|
52
|
+
scroll.panels_split leftViews: ->(panel) do
|
53
|
+
panel.button text: '1'
|
54
|
+
end, centerViews: ->(panel) do
|
55
|
+
panel.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
|
56
|
+
end, rightViews: ->(panel) do
|
57
|
+
panel.button text: '2'
|
152
58
|
end
|
153
|
-
end
|
154
|
-
|
155
|
-
json.child! do
|
156
|
-
json.view 'label-v1'
|
157
|
-
json.text "\n"
|
158
|
-
end
|
159
|
-
json.child! do
|
160
|
-
json.view 'h1-v1'
|
161
|
-
json.text 'Few center items'
|
162
|
-
end
|
163
|
-
json.child! do
|
164
|
-
json.view 'panels/split-v1'
|
165
|
-
json.content do
|
166
|
-
json.left do
|
167
|
-
json.view 'button-v1'
|
168
|
-
json.text 'L'
|
169
|
-
end
|
170
59
|
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
end
|
184
|
-
|
185
|
-
json.child! do
|
186
|
-
json.view 'button-v1'
|
187
|
-
json.text '3'
|
188
|
-
end
|
189
|
-
end
|
190
|
-
end
|
191
|
-
|
192
|
-
json.right do
|
193
|
-
json.view 'button-v1'
|
194
|
-
json.text 'R'
|
195
|
-
end
|
60
|
+
scroll.label text: "\n"
|
61
|
+
scroll.h1 text: 'Few center items'
|
62
|
+
scroll.panels_split leftViews: ->(panel) do
|
63
|
+
panel.button text: 'L'
|
64
|
+
end, centerViews: ->(panel) do
|
65
|
+
panel.panels_horizontal childViews: ->(h) do
|
66
|
+
h.button text: '1'
|
67
|
+
h.button text: '2'
|
68
|
+
h.button text: '3'
|
69
|
+
end
|
70
|
+
end, rightViews: ->(panel) do
|
71
|
+
panel.button text: 'R'
|
196
72
|
end
|
197
|
-
end
|
198
|
-
|
199
|
-
json.child! do
|
200
|
-
json.view 'label-v1'
|
201
|
-
json.text "\n"
|
202
|
-
end
|
203
|
-
json.child! do
|
204
|
-
json.view 'h1-v1'
|
205
|
-
json.text 'Many center items'
|
206
|
-
end
|
207
|
-
json.child! do
|
208
|
-
json.view 'panels/split-v1'
|
209
|
-
json.content do
|
210
|
-
json.left do
|
211
|
-
json.view 'button-v1'
|
212
|
-
json.text 'L'
|
213
|
-
end
|
214
73
|
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
json.text index.to_s
|
224
|
-
end
|
225
|
-
end
|
74
|
+
scroll.label text: "\n"
|
75
|
+
scroll.h1 text: 'Many center items'
|
76
|
+
scroll.panels_split leftViews: ->(panel) do
|
77
|
+
panel.button text: 'L'
|
78
|
+
end, centerViews: ->(panel) do
|
79
|
+
panel.panels_horizontal childViews: ->(h) do
|
80
|
+
(1..20).each do |index|
|
81
|
+
h.button text: index
|
226
82
|
end
|
227
83
|
end
|
228
|
-
|
229
|
-
|
230
|
-
json.view 'button-v1'
|
231
|
-
json.text 'R'
|
232
|
-
end
|
84
|
+
end, rightViews: ->(panel) do
|
85
|
+
panel.button text: 'R'
|
233
86
|
end
|
234
|
-
end
|
235
|
-
|
236
|
-
json.child! do
|
237
|
-
json.view 'label-v1'
|
238
|
-
json.text "\n"
|
239
|
-
end
|
240
|
-
json.child! do
|
241
|
-
json.view 'h1-v1'
|
242
|
-
json.text 'Center filled equally'
|
243
|
-
end
|
244
|
-
json.child! do
|
245
|
-
json.view 'panels/split-v1'
|
246
|
-
json.content do
|
247
|
-
json.left do
|
248
|
-
json.view 'button-v1'
|
249
|
-
json.text 'L'
|
250
|
-
end
|
251
|
-
|
252
|
-
json.center do
|
253
|
-
json.view 'panels/horizontal-v1'
|
254
|
-
json.distribution 'fillEqually'
|
255
|
-
json.backgroundColor '#b3bac2'
|
256
|
-
json.subviews do
|
257
|
-
json.child! do
|
258
|
-
json.view 'button-v1'
|
259
|
-
json.text '1'
|
260
|
-
end
|
261
|
-
|
262
|
-
json.child! do
|
263
|
-
json.view 'button-v1'
|
264
|
-
json.text '2'
|
265
|
-
end
|
266
|
-
|
267
|
-
json.child! do
|
268
|
-
json.view 'button-v1'
|
269
|
-
json.text '3'
|
270
|
-
end
|
271
|
-
end
|
272
|
-
end
|
273
87
|
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
88
|
+
scroll.label text: "\n"
|
89
|
+
scroll.h1 text: 'Center filled equally'
|
90
|
+
scroll.panels_split leftViews: ->(panel) do
|
91
|
+
panel.button text: 'L'
|
92
|
+
end, centerViews: ->(panel) do
|
93
|
+
panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'fillEqually', childViews: ->(h) do
|
94
|
+
h.button text: '1'
|
95
|
+
h.button text: '2'
|
96
|
+
h.button text: '3'
|
97
|
+
end
|
98
|
+
end, rightViews: ->(panel) do
|
99
|
+
panel.button text: 'R'
|
278
100
|
end
|
279
|
-
end
|
280
|
-
|
281
|
-
json.child! do
|
282
|
-
json.view 'label-v1'
|
283
|
-
json.text "\n"
|
284
|
-
end
|
285
|
-
json.child! do
|
286
|
-
json.view 'h1-v1'
|
287
|
-
json.text 'Center spaced equally'
|
288
|
-
end
|
289
|
-
json.child! do
|
290
|
-
json.view 'panels/split-v1'
|
291
|
-
json.content do
|
292
|
-
json.left do
|
293
|
-
json.view 'button-v1'
|
294
|
-
json.text 'L'
|
295
|
-
end
|
296
|
-
|
297
|
-
json.center do
|
298
|
-
json.view 'panels/horizontal-v1'
|
299
|
-
json.distribution 'spaceEqually'
|
300
|
-
json.backgroundColor '#b3bac2'
|
301
|
-
json.subviews do
|
302
|
-
json.child! do
|
303
|
-
json.view 'button-v1'
|
304
|
-
json.text '1'
|
305
|
-
end
|
306
|
-
|
307
|
-
json.child! do
|
308
|
-
json.view 'button-v1'
|
309
|
-
json.text '2'
|
310
|
-
end
|
311
|
-
|
312
|
-
json.child! do
|
313
|
-
json.view 'button-v1'
|
314
|
-
json.text '3'
|
315
|
-
end
|
316
|
-
end
|
317
|
-
end
|
318
101
|
|
319
|
-
|
320
|
-
|
321
|
-
|
322
|
-
|
102
|
+
scroll.label text: "\n"
|
103
|
+
scroll.h1 text: 'Center spaced equally'
|
104
|
+
scroll.panels_split leftViews: ->(panel) do
|
105
|
+
panel.button text: 'L'
|
106
|
+
end, centerViews: ->(panel) do
|
107
|
+
panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
|
108
|
+
h.button text: '1'
|
109
|
+
h.button text: '2'
|
110
|
+
h.button text: '3'
|
111
|
+
end
|
112
|
+
end, rightViews: ->(panel) do
|
113
|
+
panel.button text: 'R'
|
323
114
|
end
|
324
|
-
end
|
325
115
|
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
json.child! do
|
335
|
-
json.view 'panels/split-v1'
|
336
|
-
json.content do
|
337
|
-
json.left do
|
338
|
-
json.view 'label-v1'
|
339
|
-
json.text 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
|
340
|
-
end
|
341
|
-
|
342
|
-
json.right do
|
343
|
-
json.view 'panels/horizontal-v1'
|
344
|
-
json.backgroundColor '#b3bac2'
|
345
|
-
json.subviews do
|
346
|
-
json.child! do
|
347
|
-
json.view 'label-v1'
|
348
|
-
json.text 'Label One'
|
349
|
-
end
|
350
|
-
|
351
|
-
json.child! do
|
352
|
-
json.view 'label-v1'
|
353
|
-
json.text 'Label Two'
|
354
|
-
end
|
355
|
-
end
|
116
|
+
scroll.label text: "\n"
|
117
|
+
scroll.h1 text: 'Combo 1'
|
118
|
+
scroll.panels_split leftViews: ->(panel) do
|
119
|
+
panel.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
|
120
|
+
end, rightViews: ->(panel) do
|
121
|
+
panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
|
122
|
+
h.label text: 'Label One'
|
123
|
+
h.label text: 'Label Two'
|
356
124
|
end
|
357
125
|
end
|
358
|
-
end
|
359
126
|
|
127
|
+
end
|
360
128
|
end
|
129
|
+
|