glib-web 0.11.12 → 0.11.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. checksums.yaml +4 -4
  2. data/app/helpers/glib/json_ui/view_builder/fields.rb +2 -0
  3. data/app/views/json_ui/garage/panels/responsive.json.jbuilder +71 -53
  4. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a875d9c1ed1a30eb71d3550f7dd18c51f99958daea36369c5c09b8a10416e039
4
- data.tar.gz: 220264def4842e22b6cddbcfb23017db1c4718bfbe45001998de60bf04011de9
3
+ metadata.gz: e487450f8fc9f676ba7c4c2f29033a716d80ed84262ab3eafcf157e9d12b3a87
4
+ data.tar.gz: 2e5b9bc62c77f3af9dc82548f8f0542c5cbb2c194fc0bf71df40b707479b79ef
5
5
  SHA512:
6
- metadata.gz: 589f9889c0a50a2deab52f8800404c34705d1dd98f15dddd52b9e8c4269e446b6a33fd5af7523c236c79dd8a5f9e361cd4f2927749baf20844a1ebb421262f04
7
- data.tar.gz: b7affe18ed96cecda9f9f3d9a8c82b245c80b1eea0962a8241a82b3d84e845490c2438ef220ba482dd3231c781f9d7a293668f69613dd857295547d4f98cc5ce
6
+ metadata.gz: 7c47cb5db91b922e908b4a304744179085daaff190c66bdad48cd3e021062bf4cb9fd435e6945fe235f0dbb02e476b7e0723f693c654e6192d23fa51539fed04
7
+ data.tar.gz: dc69d7f0707ec8267d83c5ebdf8ce3fc3d3b28682070ba05ef010f0fed6516677442106bfb2669421310f3dbb2a2e72d895d4fcc2f1be192d0e056550076d1f9
data/app/helpers/glib/json_ui/view_builder/fields.rb CHANGED
@@ -219,6 +219,8 @@ class Glib::JsonUi::ViewBuilder
219
219
  action :onClick
220
220
  string :offIcon
221
221
  string :onIcon
222
+
223
+ views :childViews
222
224
  end
223
225
 
224
226
  class File < Text
data/app/views/json_ui/garage/panels/responsive.json.jbuilder CHANGED
@@ -4,74 +4,93 @@ page = json_ui_page json
4
4
  render "#{@path_prefix}/nav_menu", json: json, page: page
5
5
 
6
6
  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
7
+ scroll.h1 text: 'Panels Columns'
7
8
  scroll.label text: 'Shrink the browser\'s width to see how the column panels are rearranged. On mobile screens, they are always arranged vertically'
9
+ scroll.spacer height: 8
10
+ scroll.markdown text: 'Read more about column grids: https://vuetifyjs.com/en/components/grids/'
11
+ scroll.spacer height: 16
8
12
 
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'
13
+ scroll.hr color: '#F5F5F5', width: 'matchParent'
14
+ scroll.spacer height: 32
15
+ scroll.h2 text: 'XS (Small to large mobile views)'
16
+ scroll.spacer height: 16
17
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
18
+ 12.times do |index|
19
+ res.panels_column xs: { cols: 1 }, styleClasses: ['card'], childViews: ->(col) do
20
+ col.p text: "Col #{index + 1}"
21
+ end
18
22
  end
19
23
  end
20
24
 
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'
25
+ scroll.hr color: '#F5F5F5', width: 'matchParent'
26
+ scroll.spacer height: 32
27
+ scroll.h2 text: 'SM (Small to medium tablet views)'
28
+ scroll.spacer height: 16
29
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
30
+ 12.times do |index|
31
+ res.panels_column sm: { cols: 1 }, styleClasses: ['card'], childViews: ->(col) do
32
+ col.p text: "Col #{index + 1}"
33
+ end
30
34
  end
31
- horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
32
- column.button text: '3'
35
+ end
36
+
37
+ scroll.spacer height: 32
38
+ scroll.hr color: '#F5F5F5', width: 'matchParent'
39
+ scroll.spacer height: 32
40
+ scroll.h2 text: 'MD (Medium or tablet views)'
41
+ scroll.spacer height: 16
42
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
43
+ 12.times do |index|
44
+ res.panels_column md: { cols: 1 }, styleClasses: ['card'], childViews: ->(col) do
45
+ col.p text: "Col #{index + 1}"
46
+ end
33
47
  end
34
- horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
35
- column.button text: '4'
48
+ end
49
+
50
+ scroll.spacer height: 32
51
+ scroll.hr color: '#F5F5F5', width: 'matchParent'
52
+ scroll.spacer height: 32
53
+ scroll.h2 text: 'LG (Large Desktop views)'
54
+ scroll.spacer height: 16
55
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
56
+ 12.times do |index|
57
+ res.panels_column sm: { cols: 1 }, styleClasses: ['card'], childViews: ->(col) do
58
+ col.p text: "Col #{index + 1}"
59
+ end
36
60
  end
37
- horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
38
- column.button text: '5'
61
+ end
62
+
63
+
64
+ scroll.spacer height: 32
65
+ scroll.h4 text: 'With more than 12 columns'
66
+ scroll.spacer height: 8
67
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
68
+ 18.times do |index|
69
+ res.panels_column sm: { cols: 1 }, styleClasses: ['card'], childViews: ->(col) do
70
+ col.p text: "Col #{index + 1}"
71
+ end
39
72
  end
40
73
  end
41
74
 
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
75
+ scroll.spacer height: 32
76
+ scroll.h4 text: 'With responsive paddings'
77
+ scroll.spacer height: 8
78
+ scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
79
+ res.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
47
80
  column.button width: 'matchParent', text: '1'
48
81
  end
49
- horizontal.panels_column lg: { cols: 4 }, childViews: ->(column) do
82
+ res.panels_column lg: { cols: 4 }, childViews: ->(column) do
50
83
  column.button width: 'matchParent', text: '2'
51
84
  end
52
85
  end
53
86
 
54
- scroll.spacer height: 20
55
- scroll.h2 text: 'With mixed components'
56
- scroll.spacer height: 6
87
+ scroll.spacer height: 32
88
+ scroll.h4 text: 'With mixed components'
89
+ scroll.spacer height: 8
57
90
  scroll.panels_responsive width: 'matchParent', align: 'center', childViews: ->(responsive) do
58
91
  responsive.h4 text: 'Heading'
59
-
60
92
  responsive.label text: 'Label'
61
93
 
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
94
  responsive.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
76
95
  column.button text: '1'
77
96
  end
@@ -83,9 +102,9 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
83
102
  responsive.button text: 'Button'
84
103
  end
85
104
 
86
- scroll.spacer height: 20
87
- scroll.h2 text: 'With onClick'
88
- scroll.spacer height: 6
105
+ scroll.spacer height: 32
106
+ scroll.h4 text: 'With onClick'
107
+ scroll.spacer height: 8
89
108
  scroll.panels_responsive backgroundColor: '#c3cad2', padding: { left: 20, right: 20, top: 10, bottom: 10 }, childViews: ->(responsive) do
90
109
  responsive.h4 text: 'Heading'
91
110
  responsive.label text: 'Label'
@@ -94,7 +113,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
94
113
  end
95
114
 
96
115
  scroll.spacer height: 16
97
- scroll.h2 text: 'With grid-like functionality'
116
+ scroll.h4 text: 'With grid-like functionality'
98
117
  scroll.spacer height: 8
99
118
  scroll.panels_responsive \
100
119
  width: 'matchParent',
@@ -115,6 +134,5 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
115
134
  end
116
135
  end
117
136
 
118
- scroll.spacer height: 20
119
-
137
+ scroll.spacer height: 32
120
138
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: glib-web
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.11.12
4
+ version: 0.11.17
5
5
  platform: ruby
6
6
  authors:
7
7
  - ''
@@ -297,7 +297,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
297
297
  - !ruby/object:Gem::Version
298
298
  version: '0'
299
299
  requirements: []
300
- rubygems_version: 3.1.4
300
+ rubygems_version: 3.1.6
301
301
  signing_key:
302
302
  specification_version: 4
303
303
  summary: ''