glib-web 4.10.0 → 4.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ddb48299bbf1685aed5b8fd994ca3ffc8eba555e097cc77dbd38cb7b48707e6c
|
4
|
+
data.tar.gz: 8569bc0e88d99f4dae7e1d2be733168e2ee7f0acd499e565a5fef0cca2a50ca9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 328b8d4f45b8cd8a0e99029f5edfe0e20469e860a27282cf26a7173a7538b8bfb2310ba8b877c53ac05ac963c395f32767c69e25f568a7c67db262ea58ccc144
|
7
|
+
data.tar.gz: 5f1b8c282c4c82aa77474304f584e22426188b04135af2387da8ee0099cc2eef85e527333966d439fa511aa14ef5a32d6bf3301d040ed9eb38e9f79066fe4991
|
@@ -494,6 +494,14 @@ class Glib::JsonUi::ViewBuilder
|
|
494
494
|
|
495
495
|
class Flow < View
|
496
496
|
hash :innerPadding, optional: [:top, :right, :bottom, :left, :x, :y]
|
497
|
+
|
498
|
+
hash :xxl, optional: [:gap, :padding]
|
499
|
+
hash :xl, optional: [:gap, :padding]
|
500
|
+
hash :lg, optional: [:gap, :padding]
|
501
|
+
hash :md, optional: [:gap, :padding]
|
502
|
+
hash :sm, optional: [:gap, :padding]
|
503
|
+
hash :xs, optional: [:gap, :padding]
|
504
|
+
|
497
505
|
views :childViews
|
498
506
|
|
499
507
|
required :innerPadding
|
@@ -93,6 +93,72 @@ page.form \
|
|
93
93
|
form.spacer height: 10
|
94
94
|
form.label id: 'label22', text: 'Is Checked22'
|
95
95
|
|
96
|
+
form.spacer height: 20
|
97
|
+
form.h1 text: 'Radio inside panels'
|
98
|
+
|
99
|
+
form.fields_radioGroup \
|
100
|
+
name: 'user[radio9]',
|
101
|
+
value: 'no',
|
102
|
+
width: 'matchParent',
|
103
|
+
onChangeAndLoad: ->(action) do
|
104
|
+
action.runMultiple childActions: ->(saction) do
|
105
|
+
saction.logics_set targetId: 'radiolabel1', conditionalData: {
|
106
|
+
displayed: {
|
107
|
+
"==": [
|
108
|
+
{
|
109
|
+
"var": 'user[radio9]'
|
110
|
+
},
|
111
|
+
'yes'
|
112
|
+
]
|
113
|
+
}
|
114
|
+
}
|
115
|
+
saction.logics_set targetId: 'radiolabel2', conditionalData: {
|
116
|
+
displayed: {
|
117
|
+
"==": [
|
118
|
+
{
|
119
|
+
"var": 'user[radio9]'
|
120
|
+
},
|
121
|
+
'no'
|
122
|
+
]
|
123
|
+
}
|
124
|
+
}
|
125
|
+
end
|
126
|
+
end,
|
127
|
+
childViews: ->(group) do
|
128
|
+
group.panels_responsive width: 'matchParent', childViews: ->(res) do
|
129
|
+
|
130
|
+
res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
|
131
|
+
column.fields_radio\
|
132
|
+
width: 350,
|
133
|
+
value: 'yes', label: 'Yes', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' },
|
134
|
+
onClick: ->(action) do
|
135
|
+
action.windows_openWeb url: 'http://www.google.com'
|
136
|
+
end
|
137
|
+
end
|
138
|
+
res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
|
139
|
+
column.fields_radio\
|
140
|
+
width: 350,
|
141
|
+
value: 'no', label: 'No',
|
142
|
+
image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 },
|
143
|
+
onClick: ->(action) do
|
144
|
+
action.windows_openWeb url: 'http://www.google.com'
|
145
|
+
end
|
146
|
+
end
|
147
|
+
res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
|
148
|
+
column.fields_radio\
|
149
|
+
value: 'idk', label: 'Not Sure',
|
150
|
+
image: { template: 'thumbnail', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 24, height: 24 }
|
151
|
+
column.fields_radio value: '', label: 'Empty'
|
152
|
+
end
|
153
|
+
|
154
|
+
end
|
155
|
+
end
|
156
|
+
|
157
|
+
|
158
|
+
form.spacer height: 10
|
159
|
+
form.label id: 'radiolabel1', text: 'Yes'
|
160
|
+
form.label id: 'radiolabel2', text: 'No'
|
161
|
+
|
96
162
|
form.spacer height: 20
|
97
163
|
form.h1 text: 'Radio Group'
|
98
164
|
form.fields_radioGroup \
|
@@ -123,15 +189,19 @@ page.form \
|
|
123
189
|
end
|
124
190
|
end,
|
125
191
|
childViews: ->(group) do
|
126
|
-
|
127
|
-
|
128
|
-
group.
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
192
|
+
# TODO: Fix a bug where if the fields_radio is wrapped in panels_horizontal,
|
193
|
+
# it cannot be selected.
|
194
|
+
group.panels_horizontal childViews: ->(horizontal) do
|
195
|
+
horizontal.fields_radio\
|
196
|
+
value: 'show', label: 'Show', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' }
|
197
|
+
horizontal.fields_radio\
|
198
|
+
value: 'hide', label: 'Hide',
|
199
|
+
image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 }
|
200
|
+
horizontal.fields_radio\
|
201
|
+
value: 'no', label: 'No',
|
202
|
+
image: { template: 'thumbnail', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 24, height: 24 }
|
203
|
+
horizontal.fields_radio value: '', label: 'Empty'
|
204
|
+
end
|
135
205
|
end
|
136
206
|
form.spacer height: 10
|
137
207
|
form.label id: 'label6', text: 'Chosen'
|
@@ -5,11 +5,17 @@ render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
5
|
|
6
6
|
page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
|
7
7
|
scroll.h1 text: 'Show/hide'
|
8
|
-
scroll.panels_flow
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
8
|
+
scroll.panels_flow\
|
9
|
+
sm: { gap: { y: 4, x: 6 }, padding: { all: 16 } },
|
10
|
+
md: { gap: { y: 8, x: 8 }, padding: { x: 30, y: 30 } },
|
11
|
+
xs: { gap: { y: 2, x: 2 }, padding: { left: 10, bottom: 8 } },
|
12
|
+
lg: { gap: { all: 32 } },
|
13
|
+
id: 'flow1', width: 300,
|
14
|
+
innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
|
15
|
+
panel.button text: '1'
|
16
|
+
panel.button text: '2'
|
17
|
+
panel.button text: '3'
|
18
|
+
end
|
13
19
|
scroll.button text: 'show', onClick: ->(action) do
|
14
20
|
action.components_set targetId: 'flow1', data: { displayed: true }
|
15
21
|
end
|
@@ -18,15 +24,17 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
|
|
18
24
|
end
|
19
25
|
|
20
26
|
scroll.h1 text: 'Basic'
|
21
|
-
scroll.panels_flow
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
27
|
+
scroll.panels_flow\
|
28
|
+
md: { padding: { all: 8 } },
|
29
|
+
width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
|
30
|
+
panel.button text: '1'
|
31
|
+
panel.button text: '2'
|
32
|
+
panel.button text: '3'
|
33
|
+
panel.button text: '4'
|
34
|
+
panel.button text: '5'
|
35
|
+
panel.button text: '6'
|
36
|
+
panel.button text: '7'
|
37
|
+
end
|
30
38
|
|
31
39
|
scroll.label text: "\n"
|
32
40
|
scroll.h1 text: 'Spacers'
|