glib-web 0.11.16 → 0.11.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/app/views/json_ui/garage/panels/responsive.json.jbuilder +71 -53
  3. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 65e03cb325fe0731639826551be244fb295bb235ab6827e4060a1d5a4456dc40
4
- data.tar.gz: 4497dcb065e19ef1582364b808ea8e7e2c326bb627dbaa2b42f2e338034364c1
3
+ metadata.gz: e487450f8fc9f676ba7c4c2f29033a716d80ed84262ab3eafcf157e9d12b3a87
4
+ data.tar.gz: 2e5b9bc62c77f3af9dc82548f8f0542c5cbb2c194fc0bf71df40b707479b79ef
5
5
  SHA512:
6
- metadata.gz: ca511e3f5e906017cfbcc40ac66549d1643bb1adad4b9214dbc005d0843bab733379e155d1c74674c89efa2f286097e90e063ec2b413bafe39e238cf3fc43a1c
7
- data.tar.gz: 42396920cf99da0d9581537694c4aacc1c1e14137ec42beac92201bb47ebcb80c0b4c7dc653be62be421eea3982d4bac8b3e7768ad2569a67a32d5755aa599f3
6
+ metadata.gz: 7c47cb5db91b922e908b4a304744179085daaff190c66bdad48cd3e021062bf4cb9fd435e6945fe235f0dbb02e476b7e0723f693c654e6192d23fa51539fed04
7
+ data.tar.gz: dc69d7f0707ec8267d83c5ebdf8ce3fc3d3b28682070ba05ef010f0fed6516677442106bfb2669421310f3dbb2a2e72d895d4fcc2f1be192d0e056550076d1f9
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.16
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: ''