glib-web 4.10.0 → 4.10.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bfd1804082f7f14167a579c42e2d1bde31ad7dbd928bc764ca3de0ba0259ad99
-  data.tar.gz: 1cde932d484baa31d4074ce52bdf5d955c51fc70008016b8bbcb6ead85746107
+  metadata.gz: ddb48299bbf1685aed5b8fd994ca3ffc8eba555e097cc77dbd38cb7b48707e6c
+  data.tar.gz: 8569bc0e88d99f4dae7e1d2be733168e2ee7f0acd499e565a5fef0cca2a50ca9
 SHA512:
-  metadata.gz: 73d15de9c4abe80f6148b67b328ac4c4ece94231900a62c3fcddabd06db453efb462ef296659dfdd8f36674e353815c58dd4a4d337ab15f07385eaa96e2a09e0
-  data.tar.gz: aea3aba2adb595aa2eaaef5275b2bf6b8e1b04731b910678c651d1f170ae1e2127035735955c30bf4d8e7238491fabdb236f9f9b6531239a77f639c799460599
+  metadata.gz: 328b8d4f45b8cd8a0e99029f5edfe0e20469e860a27282cf26a7173a7538b8bfb2310ba8b877c53ac05ac963c395f32767c69e25f568a7c67db262ea58ccc144
+  data.tar.gz: 5f1b8c282c4c82aa77474304f584e22426188b04135af2387da8ee0099cc2eef85e527333966d439fa511aa14ef5a32d6bf3301d040ed9eb38e9f79066fe4991

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

@@ -494,6 +494,14 @@ class Glib::JsonUi::ViewBuilder
 
     class Flow < View
       hash :innerPadding, optional: [:top, :right, :bottom, :left, :x, :y]
+
+      hash :xxl, optional: [:gap, :padding]
+      hash :xl, optional: [:gap, :padding]
+      hash :lg, optional: [:gap, :padding]
+      hash :md, optional: [:gap, :padding]
+      hash :sm, optional: [:gap, :padding]
+      hash :xs, optional: [:gap, :padding]
+
       views :childViews
 
       required :innerPadding

data/app/views/json_ui/garage/forms/show_hide.json.jbuilder

@@ -93,6 +93,72 @@ page.form \
     form.spacer height: 10
     form.label id: 'label22', text: 'Is Checked22'
 
+    form.spacer height: 20
+    form.h1 text: 'Radio inside panels'
+
+    form.fields_radioGroup \
+      name: 'user[radio9]',
+      value: 'no',
+      width: 'matchParent',
+      onChangeAndLoad: ->(action) do
+          action.runMultiple childActions: ->(saction) do
+            saction.logics_set targetId: 'radiolabel1', conditionalData: {
+              displayed: {
+                "==": [
+                  {
+                    "var": 'user[radio9]'
+                  },
+                  'yes'
+                ]
+              }
+            }
+            saction.logics_set targetId: 'radiolabel2', conditionalData: {
+              displayed: {
+                "==": [
+                  {
+                    "var": 'user[radio9]'
+                  },
+                  'no'
+                ]
+              }
+            }
+          end
+        end,
+        childViews: ->(group) do
+          group.panels_responsive width: 'matchParent', childViews: ->(res) do
+
+            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+              column.fields_radio\
+                width: 350,
+                value: 'yes', label: 'Yes', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' },
+                onClick: ->(action) do
+                  action.windows_openWeb url: 'http://www.google.com'
+                end
+            end
+            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+              column.fields_radio\
+                width: 350,
+                value: 'no', label: 'No',
+                image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 },
+                onClick: ->(action) do
+                  action.windows_openWeb url: 'http://www.google.com'
+                end
+            end
+            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+              column.fields_radio\
+                value: 'idk', label: 'Not Sure',
+                image: { template: 'thumbnail', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 24, height: 24 }
+              column.fields_radio value: '', label: 'Empty'
+            end
+
+          end
+        end
+
+
+    form.spacer height: 10
+    form.label id: 'radiolabel1', text: 'Yes'
+    form.label id: 'radiolabel2', text: 'No'
+
     form.spacer height: 20
     form.h1 text: 'Radio Group'
     form.fields_radioGroup \
@@ -123,15 +189,19 @@ page.form \
         end
       end,
       childViews: ->(group) do
-        group.fields_radio\
-          value: 'show', label: 'Show', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' }
-        group.fields_radio\
-          value: 'hide', label: 'Hide',
-          image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 }
-        group.fields_radio\
-          value: 'no', label: 'No',
-           image: { template: 'thumbnail', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 24, height: 24 }
-        group.fields_radio value: '', label: 'Empty'
+        # TODO: Fix a bug where if the fields_radio is wrapped in panels_horizontal,
+        #       it cannot be selected.
+        group.panels_horizontal childViews: ->(horizontal) do
+          horizontal.fields_radio\
+            value: 'show', label: 'Show', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' }
+          horizontal.fields_radio\
+            value: 'hide', label: 'Hide',
+            image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 }
+          horizontal.fields_radio\
+            value: 'no', label: 'No',
+            image: { template: 'thumbnail', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 24, height: 24 }
+          horizontal.fields_radio value: '', label: 'Empty'
+        end
       end
     form.spacer height: 10
     form.label id: 'label6', text: 'Chosen'

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

@@ -5,11 +5,17 @@ render "#{@path_prefix}/nav_menu", json: json, page: page
 
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.h1 text: 'Show/hide'
-  scroll.panels_flow id: 'flow1', width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
-    panel.button text: '1'
-    panel.button text: '2'
-    panel.button text: '3'
-  end
+  scroll.panels_flow\
+    sm: { gap: { y: 4, x: 6 }, padding: { all: 16 } },
+    md: { gap: { y: 8, x: 8 }, padding: { x: 30, y: 30 } },
+    xs: { gap: { y: 2, x: 2 }, padding: { left: 10, bottom: 8 } },
+    lg: { gap: { all: 32 } },
+    id: 'flow1', width: 300,
+    innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.button text: '2'
+      panel.button text: '3'
+    end
   scroll.button text: 'show', onClick: ->(action) do
     action.components_set targetId: 'flow1', data: { displayed: true }
   end
@@ -18,15 +24,17 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   end
 
   scroll.h1 text: 'Basic'
-  scroll.panels_flow width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
-    panel.button text: '1'
-    panel.button text: '2'
-    panel.button text: '3'
-    panel.button text: '4'
-    panel.button text: '5'
-    panel.button text: '6'
-    panel.button text: '7'
-  end
+  scroll.panels_flow\
+    md: { padding: { all: 8 } },
+    width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.button text: '2'
+      panel.button text: '3'
+      panel.button text: '4'
+      panel.button text: '5'
+      panel.button text: '6'
+      panel.button text: '7'
+    end
 
   scroll.label text: "\n"
   scroll.h1 text: 'Spacers'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.10.0
+  version: 4.10.1
 platform: ruby
 authors:
 - ''