glib-web 0.8.2 → 0.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 144c37b7b2c2acfb416c9aa7ac8cf286bfc0afb0c0b7f30dc51bedba3d3cb542
-  data.tar.gz: c5d4d978ea3e29dc8917af83214b9aa7750b1a4e486c7ee650c8c6596e661b5a
+  metadata.gz: c6b2d37a052392552a87980c240b89ad4b47048fc04cf1992728baaf89bc85b6
+  data.tar.gz: 4f52c0373ea008d3440e109fd3102f25a4106c645cba0c4aa674e83d89ce57ea
 SHA512:
-  metadata.gz: c9b86b01fd2d313c3ca0675cefbf6588372313e69b954416a16984d03f3685c83e481ad35bccdde7a9f7062d89b878723a8e4061fa4286c6278f08f81d3609eb
-  data.tar.gz: fb123fab4806c449c039a92c61c983f33c059a75a1d1f3674334aec01dd0cbe83db656ca0f23d83fc725575a17958a47bf90ad9981807c166631209126dde2c4
+  metadata.gz: 98c9def2af70a178480f992f274e8072674ad65c618093de2cf0f0b2b1c1094421ea66b4c26e68ad3d0299973b9e6719c5ee7320c1d0a2ca1381b39000dc41b1
+  data.tar.gz: 65d1c4024cecfc3f095cedbe302f5769769a5f0ee02ed868a5dba0f03c8a5e0121f91d818b33a172dfab6c94fa5620c404b7c894fe0b3549dcee407da6da736e

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -250,6 +250,15 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Grid < View
+      length :boxMinWidth
+      length :boxMaxWidth
+      length :columnGap
+      length :rowGap
+
+      views :childViews
+    end
+
     class Web < View
       string :url
     end

data/app/views/json_ui/garage/panels/grid.json.jbuilder

@@ -0,0 +1,36 @@
+json.title 'Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Responsive grid box, try to resize browser width'
+  scroll.spacer height: 8
+  scroll.panels_grid width: 'matchParent', boxMinWidth: 200, columnGap: 20, rowGap: 10, childViews: ->(box) do
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+    box.label text: 'Box', width: 'matchParent', backgroundColor: '#ddd'
+  end
+  scroll.spacer height: 16
+  scroll.h2 text: 'Responsive grid box with image'
+  scroll.spacer height: 8
+  scroll.panels_grid \
+    width: 'matchParent',
+    boxMinWidth: 300,
+    columnGap: 20,
+    rowGap: 10,
+    padding: { top: 0, right: 10, bottom: 0, left: 10 },
+    childViews: ->(box) do
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+      box.image url: small_image_url
+    end
+
+  scroll.spacer height: 64
+end

data/app/views/json_ui/garage/panels/index.json.jbuilder

@@ -30,6 +30,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Unordered List', subtitle: 'Bullet points similar to HTML\'s <ul> tag', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/ul')
         end
+        template.thumbnail title: 'Grid', subtitle: 'Arrage child component in grid like', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/grid')
+        end
 
 
       end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.9.0
 platform: ruby
 authors:
 - ''
@@ -204,6 +204,7 @@ files:
 - app/views/json_ui/garage/panels/carousel.json.jbuilder
 - app/views/json_ui/garage/panels/custom.json.jbuilder
 - app/views/json_ui/garage/panels/flow.json.jbuilder
+- app/views/json_ui/garage/panels/grid.json.jbuilder
 - app/views/json_ui/garage/panels/horizontal.json.jbuilder
 - app/views/json_ui/garage/panels/index.json.jbuilder
 - app/views/json_ui/garage/panels/outlined.json.jbuilder
@@ -291,8 +292,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: ''