glib-web 0.11.16 → 0.11.17

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.
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: ''