glib-web 0.4.21 → 0.4.22
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 +4 -4
- data/app/controllers/concerns/glib/auth/policy.rb +3 -3
- data/app/helpers/glib/json_ui/list_builders.rb +3 -0
- data/app/helpers/glib/json_ui/view_builder/fields.rb +2 -2
- data/app/helpers/glib/json_ui/view_builder/panels.rb +0 -7
- data/app/views/json_ui/garage/lists/templating.json.jbuilder +3 -2
- data/app/views/json_ui/garage/panels/index.json.jbuilder +10 -4
- data/app/views/json_ui/garage/panels/responsive.json.jbuilder +82 -49
- data/app/views/json_ui/garage/panels/split.json.jbuilder +0 -125
- data/app/views/json_ui/garage/views/images.json.jbuilder +34 -30
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8246b8bcd18dcbe28425e75bbce1a103b1bbc9b91fb76ca55e377de79e0d26e7
|
|
4
|
+
data.tar.gz: 8b9bc8c89bdb6937f22b189366865f0e131909e0607c7dccec353e6f72b9da35
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 20ba5755e83751d7898b731d1772a5502a2b49b7972dfb2dc9069dfe221838e6881ef0840b57344c433b2e098ceb0010463efc956525cbba9c2a5ebe0d73d055
|
|
7
|
+
data.tar.gz: db0c95b2a8123f3e992054509d06c60043acd203ece6d52f1cd455374f70faed07a72ede92537feb6259e5a666ec6d0cdc1416a8dc058b890085901d7aa466b0
|
|
@@ -21,7 +21,8 @@ module Glib::Auth
|
|
|
21
21
|
module Overrides
|
|
22
22
|
public # Override
|
|
23
23
|
def policy(record)
|
|
24
|
-
|
|
24
|
+
@__pundit_policies ||= {}
|
|
25
|
+
return @__pundit_policies[record] if @__pundit_policies[record]
|
|
25
26
|
|
|
26
27
|
if record.is_a?(Symbol) && record.to_s.ends_with?('_admin')
|
|
27
28
|
policy_class = CommonAdminPolicy
|
|
@@ -29,13 +30,12 @@ module Glib::Auth
|
|
|
29
30
|
policy_class = Pundit::PolicyFinder.new(record).policy
|
|
30
31
|
end
|
|
31
32
|
raise "Policy not found for #{record.class}" unless policy_class
|
|
32
|
-
@
|
|
33
|
+
@__pundit_policies[record] = policy_class.new(current_user, record, self, request, params, *policy_class.args_builder.call(self))
|
|
33
34
|
end
|
|
34
35
|
end
|
|
35
36
|
|
|
36
37
|
public
|
|
37
38
|
def raise_access_denied(record)
|
|
38
|
-
# raise Pundit::NotAuthorizedError.new(record: record, policy: policy(record), query: "#{action_name}?")
|
|
39
39
|
raise UnauthorizedError.new(record: record, policy: policy(record), query: "#{action_name}?")
|
|
40
40
|
end
|
|
41
41
|
|
|
@@ -23,6 +23,9 @@ module Glib
|
|
|
23
23
|
string :subsubtitle
|
|
24
24
|
string :imageUrl
|
|
25
25
|
action :onClick
|
|
26
|
+
|
|
27
|
+
# NOTE: Experimental. Still deciding whether this needs to be a full blown panel or
|
|
28
|
+
# an array of badges (with relevant properties, e.g. text, color, etc)
|
|
26
29
|
views :accessoryViews
|
|
27
30
|
end
|
|
28
31
|
|
|
@@ -139,13 +139,6 @@ class Glib::JsonUi::ViewBuilder
|
|
|
139
139
|
string :align
|
|
140
140
|
end
|
|
141
141
|
|
|
142
|
-
# class Split < View
|
|
143
|
-
# views :leftViews
|
|
144
|
-
# views :centerViews
|
|
145
|
-
# views :rightViews
|
|
146
|
-
# string :align
|
|
147
|
-
# end
|
|
148
|
-
|
|
149
142
|
class Split < View
|
|
150
143
|
def content(block)
|
|
151
144
|
block.call page.split_content_builder
|
|
@@ -14,7 +14,9 @@ json_ui_page json do |page|
|
|
|
14
14
|
end
|
|
15
15
|
template.thumbnail title: 'Item with subtitle', subtitle: 'Item subtitle'
|
|
16
16
|
template.thumbnail title: 'Item with thumbnail image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
|
|
17
|
-
template.
|
|
17
|
+
template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
|
|
18
|
+
|
|
19
|
+
template.thumbnail title: 'Item with accessories (Experimental)', subtitle: 'Item subtitle', accessoryViews: ->(thumbnail) do
|
|
18
20
|
thumbnail.panels_horizontal childViews: ->(horizontal) do
|
|
19
21
|
horizontal.chip text: 'finished'
|
|
20
22
|
horizontal.spacer width: 10
|
|
@@ -22,7 +24,6 @@ json_ui_page json do |page|
|
|
|
22
24
|
end
|
|
23
25
|
end
|
|
24
26
|
|
|
25
|
-
template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
|
|
26
27
|
end
|
|
27
28
|
end
|
|
28
29
|
end
|
|
@@ -28,21 +28,24 @@ json_ui_page json do |page|
|
|
|
28
28
|
end
|
|
29
29
|
end, ->(section) do
|
|
30
30
|
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
31
|
-
header.h2 text: 'Layout with sub-panels'
|
|
31
|
+
header.h2 text: 'Layout with predefined sub-panels'
|
|
32
32
|
header.spacer height: 6
|
|
33
|
-
header.label text: 'Each sub-panel is a
|
|
33
|
+
header.label text: 'Each sub-panel is a responsive panel'
|
|
34
34
|
end
|
|
35
35
|
|
|
36
36
|
section.rows builder: ->(template) do
|
|
37
37
|
template.thumbnail title: 'Split', subtitle: 'Sub-panels: left, center, right', onClick: ->(action) do
|
|
38
38
|
action.windows_open url: json_ui_garage_url(path: 'panels/split')
|
|
39
39
|
end
|
|
40
|
-
template.thumbnail title: 'Page', subtitle: 'Sub-panels: header,
|
|
40
|
+
template.thumbnail title: 'Page', subtitle: 'Sub-panels: header, body, footer', onClick: ->(action) do
|
|
41
41
|
action.windows_open url: json_ui_garage_url(path: 'pages/index')
|
|
42
42
|
end
|
|
43
43
|
template.thumbnail title: 'List', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
|
|
44
44
|
action.windows_open url: json_ui_garage_url(path: 'lists/index')
|
|
45
45
|
end
|
|
46
|
+
template.thumbnail title: 'Table (Web Only)', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
|
|
47
|
+
action.windows_open url: json_ui_garage_url(path: 'tables/index')
|
|
48
|
+
end
|
|
46
49
|
|
|
47
50
|
end
|
|
48
51
|
end, ->(section) do
|
|
@@ -54,13 +57,16 @@ json_ui_page json do |page|
|
|
|
54
57
|
template.thumbnail title: 'List', subtitle: 'Rows without columns', onClick: ->(action) do
|
|
55
58
|
action.windows_open url: json_ui_garage_url(path: 'lists/index')
|
|
56
59
|
end
|
|
60
|
+
template.thumbnail title: 'Table (Web Only)', subtitle: 'Rows with columns', onClick: ->(action) do
|
|
61
|
+
action.windows_open url: json_ui_garage_url(path: 'tables/index')
|
|
62
|
+
end
|
|
57
63
|
|
|
58
64
|
end
|
|
59
65
|
end, ->(section) do
|
|
60
66
|
section.header padding: glib_json_padding_list, childViews: ->(header) do
|
|
61
67
|
header.h2 text: 'Non-layout'
|
|
62
68
|
header.spacer height: 6
|
|
63
|
-
header.label text: 'Adds functionality to a
|
|
69
|
+
header.label text: 'Adds functionality to a responsive layout'
|
|
64
70
|
end
|
|
65
71
|
|
|
66
72
|
section.rows builder: ->(template) do
|
|
@@ -1,55 +1,88 @@
|
|
|
1
1
|
json.title 'Responsive Panels'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
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
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
|
+
|
|
6
|
+
page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
|
|
7
|
+
scroll.label text: 'Shrink the browser\'s width to see how the column panels are rearranged. On mobile screens, they are always arranged vertically'
|
|
8
|
+
|
|
9
|
+
scroll.spacer height: 20
|
|
10
|
+
scroll.h2 text: 'With 12 columns'
|
|
11
|
+
scroll.spacer height: 6
|
|
12
|
+
scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
|
|
13
|
+
horizontal.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
|
|
14
|
+
column.button text: '1'
|
|
15
|
+
end
|
|
16
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
|
|
17
|
+
column.button text: '2'
|
|
18
|
+
end
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
scroll.spacer height: 20
|
|
22
|
+
scroll.h2 text: 'With more than 12 columns'
|
|
23
|
+
scroll.spacer height: 6
|
|
24
|
+
scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
|
|
25
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
|
|
26
|
+
column.button text: '1'
|
|
27
|
+
end
|
|
28
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
|
|
29
|
+
column.button text: '2'
|
|
30
|
+
end
|
|
31
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
|
|
32
|
+
column.button text: '3'
|
|
33
|
+
end
|
|
34
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
|
|
35
|
+
column.button text: '4'
|
|
36
|
+
end
|
|
37
|
+
horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
|
|
38
|
+
column.button text: '5'
|
|
39
|
+
end
|
|
40
|
+
end
|
|
41
|
+
|
|
42
|
+
scroll.spacer height: 20
|
|
43
|
+
scroll.h2 text: 'With responsive paddings'
|
|
44
|
+
scroll.spacer height: 6
|
|
45
|
+
scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
|
|
46
|
+
horizontal.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
|
|
47
|
+
column.button width: 'matchParent', text: '1'
|
|
48
|
+
end
|
|
49
|
+
horizontal.panels_column lg: { cols: 4 }, childViews: ->(column) do
|
|
50
|
+
column.button width: 'matchParent', text: '2'
|
|
51
|
+
end
|
|
52
|
+
end
|
|
53
|
+
|
|
54
|
+
scroll.spacer height: 20
|
|
55
|
+
scroll.h2 text: 'With mixed components'
|
|
56
|
+
scroll.spacer height: 6
|
|
57
|
+
scroll.panels_responsive width: 'matchParent', childViews: ->(responsive) do
|
|
58
|
+
responsive.h4 text: 'Heading'
|
|
59
|
+
|
|
60
|
+
responsive.label text: 'Label'
|
|
61
|
+
|
|
62
|
+
# responsive.spacer height: 10
|
|
63
|
+
# responsive.image url: glib_json_image_standard_url, width: 100, height: 100
|
|
64
|
+
|
|
65
|
+
# responsive.spacer height: 10
|
|
66
|
+
# responsive.image url: glib_json_image_standard_url
|
|
67
|
+
|
|
68
|
+
# responsive.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
|
|
69
|
+
# column.button width: 'matchParent', text: '1'
|
|
70
|
+
# end
|
|
71
|
+
# responsive.panels_column lg: { cols: 4 }, childViews: ->(column) do
|
|
72
|
+
# column.button width: 'matchParent', text: '2'
|
|
73
|
+
# end
|
|
74
|
+
|
|
75
|
+
responsive.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
|
|
76
|
+
column.button text: '1'
|
|
77
|
+
end
|
|
78
|
+
responsive.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
|
|
79
|
+
column.button text: '2'
|
|
52
80
|
end
|
|
53
81
|
|
|
82
|
+
responsive.spacer height: 10
|
|
83
|
+
responsive.button text: 'Button'
|
|
54
84
|
end
|
|
85
|
+
|
|
86
|
+
scroll.spacer height: 20
|
|
87
|
+
|
|
55
88
|
end
|
|
@@ -178,131 +178,6 @@ json_ui_page json do |page|
|
|
|
178
178
|
end
|
|
179
179
|
end
|
|
180
180
|
end
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
# scroll.h1 text: '2 columns'
|
|
187
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
188
|
-
# panel.button text: '1'
|
|
189
|
-
# end, rightViews: ->(panel) do
|
|
190
|
-
# panel.button text: '2'
|
|
191
|
-
# end
|
|
192
|
-
|
|
193
|
-
# scroll.label text: "\n"
|
|
194
|
-
# scroll.h1 text: '3 columns'
|
|
195
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
196
|
-
# panel.button text: '1'
|
|
197
|
-
# end, centerViews: ->(panel) do
|
|
198
|
-
# panel.button width: 'matchParent', text: '2'
|
|
199
|
-
# end, rightViews: ->(panel) do
|
|
200
|
-
# panel.button text: '3'
|
|
201
|
-
# end
|
|
202
|
-
|
|
203
|
-
# scroll.label text: "\n"
|
|
204
|
-
# scroll.h1 text: 'Expandable left'
|
|
205
|
-
# scroll.panels_split width: 'matchParent', centerViews: ->(panel) do
|
|
206
|
-
# panel.button width: 'matchParent', text: '1'
|
|
207
|
-
# end, rightViews: ->(panel) do
|
|
208
|
-
# panel.button text: '2'
|
|
209
|
-
# end
|
|
210
|
-
|
|
211
|
-
# scroll.label text: "\n"
|
|
212
|
-
# scroll.h1 text: 'Expandable right'
|
|
213
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
214
|
-
# panel.button text: '1'
|
|
215
|
-
# end, centerViews: ->(panel) do
|
|
216
|
-
# panel.button width: 'matchParent', text: '2'
|
|
217
|
-
# end
|
|
218
|
-
|
|
219
|
-
# scroll.label text: "\n"
|
|
220
|
-
# scroll.h1 text: 'Short center text'
|
|
221
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
222
|
-
# panel.button text: '1'
|
|
223
|
-
# end, centerViews: ->(panel) do
|
|
224
|
-
# panel.label text: 'short'
|
|
225
|
-
# end, rightViews: ->(panel) do
|
|
226
|
-
# panel.button text: '2'
|
|
227
|
-
# end
|
|
228
|
-
|
|
229
|
-
# scroll.label text: "\n"
|
|
230
|
-
# scroll.h1 text: 'Long center text'
|
|
231
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
232
|
-
# panel.button text: '1'
|
|
233
|
-
# end, centerViews: ->(panel) do
|
|
234
|
-
# 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'
|
|
235
|
-
# end, rightViews: ->(panel) do
|
|
236
|
-
# panel.button text: '2'
|
|
237
|
-
# end
|
|
238
|
-
|
|
239
|
-
# scroll.label text: "\n"
|
|
240
|
-
# scroll.h1 text: 'Few center items'
|
|
241
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
242
|
-
# panel.button text: 'L'
|
|
243
|
-
# end, centerViews: ->(panel) do
|
|
244
|
-
# panel.panels_horizontal childViews: ->(h) do
|
|
245
|
-
# h.button text: '1'
|
|
246
|
-
# h.button text: '2'
|
|
247
|
-
# h.button text: '3'
|
|
248
|
-
# end
|
|
249
|
-
# end, rightViews: ->(panel) do
|
|
250
|
-
# panel.button text: 'R'
|
|
251
|
-
# end
|
|
252
|
-
|
|
253
|
-
# scroll.label text: "\n"
|
|
254
|
-
# scroll.h1 text: 'Many center items'
|
|
255
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
256
|
-
# panel.button text: 'L'
|
|
257
|
-
# end, centerViews: ->(panel) do
|
|
258
|
-
# panel.panels_horizontal childViews: ->(h) do
|
|
259
|
-
# (1..20).each do |index|
|
|
260
|
-
# h.button text: index
|
|
261
|
-
# end
|
|
262
|
-
# end
|
|
263
|
-
# end, rightViews: ->(panel) do
|
|
264
|
-
# panel.button text: 'R'
|
|
265
|
-
# end
|
|
266
|
-
|
|
267
|
-
# scroll.label text: "\n"
|
|
268
|
-
# scroll.h1 text: 'Center filled equally'
|
|
269
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
270
|
-
# panel.button text: 'L'
|
|
271
|
-
# end, centerViews: ->(panel) do
|
|
272
|
-
# panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'fillEqually', childViews: ->(h) do
|
|
273
|
-
# h.button text: '1'
|
|
274
|
-
# h.button text: '2'
|
|
275
|
-
# h.button text: '3'
|
|
276
|
-
# end
|
|
277
|
-
# end, rightViews: ->(panel) do
|
|
278
|
-
# panel.button text: 'R'
|
|
279
|
-
# end
|
|
280
|
-
|
|
281
|
-
# scroll.label text: "\n"
|
|
282
|
-
# scroll.h1 text: 'Center spaced equally'
|
|
283
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
284
|
-
# panel.button text: 'L'
|
|
285
|
-
# end, centerViews: ->(panel) do
|
|
286
|
-
# panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
|
|
287
|
-
# h.button text: '1'
|
|
288
|
-
# h.button text: '2'
|
|
289
|
-
# h.button text: '3'
|
|
290
|
-
# end
|
|
291
|
-
# end, rightViews: ->(panel) do
|
|
292
|
-
# panel.button text: 'R'
|
|
293
|
-
# end
|
|
294
|
-
|
|
295
|
-
# scroll.label text: "\n"
|
|
296
|
-
# scroll.h1 text: 'Combo 1'
|
|
297
|
-
# scroll.panels_split width: 'matchParent', leftViews: ->(panel) do
|
|
298
|
-
# 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'
|
|
299
|
-
# end, rightViews: ->(panel) do
|
|
300
|
-
# panel.panels_horizontal backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
|
|
301
|
-
# h.label text: 'Label One'
|
|
302
|
-
# h.label text: 'Label Two'
|
|
303
|
-
# end
|
|
304
|
-
# end
|
|
305
|
-
|
|
306
181
|
end
|
|
307
182
|
end
|
|
308
183
|
|
|
@@ -1,38 +1,42 @@
|
|
|
1
1
|
json.title 'Views'
|
|
2
2
|
|
|
3
|
-
json_ui_page json
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
page = json_ui_page json
|
|
4
|
+
render "#{@path_prefix}/nav_menu", json: json, page: page
|
|
5
|
+
|
|
6
|
+
page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
|
|
7
|
+
scroll.h2 text: 'Avatar'
|
|
8
|
+
scroll.spacer height: 6
|
|
9
|
+
scroll.avatar url: glib_json_image_avatar_url
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
scroll.spacer height: 20
|
|
12
|
+
scroll.h2 text: 'Icon'
|
|
13
|
+
scroll.spacer height: 6
|
|
14
|
+
scroll.icon name: 'info'
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
scroll.spacer height: 20
|
|
17
|
+
scroll.h2 text: 'Full-width image'
|
|
18
|
+
scroll.spacer height: 6
|
|
19
|
+
scroll.image url: glib_json_image_standard_url
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
scroll.spacer height: 20
|
|
22
|
+
scroll.h2 text: 'Width-constraint image'
|
|
23
|
+
scroll.spacer height: 6
|
|
24
|
+
scroll.image width: 100, url: glib_json_image_standard_url
|
|
25
|
+
|
|
26
|
+
scroll.spacer height: 20
|
|
27
|
+
scroll.h2 text: 'Image with base64 data'
|
|
28
|
+
scroll.spacer height: 6
|
|
29
|
+
scroll.image height: 100, base64Data: 'data:image/gif;base64,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'
|
|
25
30
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
end
|
|
36
|
-
|
|
31
|
+
scroll.spacer height: 20
|
|
32
|
+
scroll.h2 text: 'QR Code as base64 image'
|
|
33
|
+
scroll.spacer height: 6
|
|
34
|
+
if defined? RQRCode
|
|
35
|
+
qr_content = { version: 1, message: 'This is a test' }
|
|
36
|
+
qr = RQRCode::QRCode.new(qr_content.to_json)
|
|
37
|
+
scroll.image base64Data: qr.as_png(size: 300).to_data_url
|
|
38
|
+
else
|
|
39
|
+
scroll.label text: 'Include "rqrcode" gem to enable this'
|
|
37
40
|
end
|
|
41
|
+
|
|
38
42
|
end
|