glib-web 4.1.2 → 4.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bbf47486dbe68678b731438238a642383682ac7fa2b5fd85c40784a46dd8b05e
-  data.tar.gz: 48745d3666ada734c838020fc10828187d22c0d06b8f95ad8d45b942ad922518
+  metadata.gz: d36f47f5f0236550243e1344d2bdee89559141b549575142afbd1ea5a13464d1
+  data.tar.gz: c772a7b58eb06904c442d220a7eae112eaeb5416774a8db28623caa770ec95e5
 SHA512:
-  metadata.gz: 8bb4e390bb6058cfa4e262ca6da33770fe934508865790a08cfb42425603e3480ccc928f92ed81493fae82a953a15946f68231310a9983cfa42446361f8d56a7
-  data.tar.gz: c62be0278b0a8f13005d250ffe06beb52cae2fc500eee818995209c8acde78174fc00b449a126ef37eae5f0336be611dbbbcbd4cdf7a0aa7359b7afdcd419bcb
+  metadata.gz: 176d31f10a75945b693d0e0f26497d19a95ee63863d9cf585004cfe4b9011c64d5908ee622b3a0a83dd01b3a7d4c8babee9cd84af5c2ec3315aaac8e860dc536
+  data.tar.gz: e75efdc5c2b79a11c380d3905cb2d8d495c74cb01c88264dc0b362c0393007037d3bb814af0bb70ec0c82ce6779db51ca9ecd2be2f7ebb79a2880636645508ae

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

@@ -257,6 +257,10 @@ class Glib::JsonUi::ViewBuilder
       action :onClick
       string :offIcon
       string :onIcon
+      string :imageUrl
+      string :icon
+      string :iconColor
+      string :iconSize
 
       views :childViews
     end

data/app/views/json_ui/garage/_nav_menu.json.jbuilder

@@ -10,7 +10,7 @@ end
 
 
 if local_assigns[:top_nav] || json_ui_app_is_web?
-  page.leftDrawer styleClasses:['maxi'], content: ->(drawer) do
+  page.leftDrawer styleClasses: ['maxi'], content: ->(drawer) do
     drawer.header childViews: ->(header) do
       header.button text: 'App', styleClasses: ['link', 'logo'], onClick: ->(action) do
         action.windows_open url: root_url
@@ -51,6 +51,10 @@ if local_assigns[:top_nav] || json_ui_app_is_web?
         action.windows_open url: json_ui_garage_url(path: 'services/index')
       end
 
+      menu.button text: 'Test Page', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'test_page/index')
+      end
+
       menu.divider
       menu.label text: 'Misc Menu'
 

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

@@ -106,8 +106,8 @@ page.form \
         end
       end,
       childViews: ->(group) do
-        group.fields_radio value: 'show', label: 'Show'
-        group.fields_radio value: 'hide', label: 'Hide'
+        group.fields_radio value: 'show', label: 'Show', icon: 'edit', iconSize: 40
+        group.fields_radio value: 'hide', label: 'Hide', imageUrl: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png'
         group.fields_radio value: '', label: 'Empty'
       end
     form.spacer height: 10

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

@@ -0,0 +1,120 @@
+json.title 'Test Page'
+
+page = json_ui_page json
+
+page.body childViews: ->(body) do
+  body.panels_responsive padding: glib_json_padding_body, childViews: ->(res) do
+    res.panels_column lg: { cols: 6 }, childViews: ->(col) do
+      res.h2 text: 'Reactivity & validation'
+      res.spacer height: 8
+      res.panels_form \
+        url: json_ui_garage_url(path: 'forms/generic_post'),
+        method: 'post',
+        childViews: ->(form) do
+          form.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', childViews: ->(hori) do
+            hori.button text: 'components/set', onClick: ->(action) do
+              action.runMultiple childActions: ->(saction) do
+                saction.components_set targetId: 'text', data: { value: 'Doe John' }
+                saction.components_set targetId: 'textarea', data: { value: 'The quick brown fox jumps over the lazy dog' }
+                new_options = [{ text: 'Option99', value: 'option99' }]
+                ['select', 'chip_group'].each do |id|
+                  saction.components_set targetId: id, data: { options: new_options, value: ['option99'] }
+                end
+              end
+            end
+            hori.spacer width: 4
+            hori.button text: 'logics/set', onClick: ->(action) do
+              action.logics_set targetId: 'date', conditionalData: { value: { "+": [{ "var": ['user[date]'] }, 60 * 60 * 24 * 3] } }
+            end
+            hori.spacer width: 4
+            hori.button text: 'components/replace', onClick: ->(action) do
+              action.runMultiple childActions: ->(saction) do
+                saction.components_replace targetId: 'radio_group', newView: ->(view) do
+                  view.fields_radioGroup value: '', childViews: ->(sview) do
+                    sview.fields_radio label: 'Option99', value: 'option99'
+                  end
+                end
+
+                saction.components_replace targetId: 'check_group', newView: ->(view) do
+                  view.fields_checkGroup value: '', childViews: ->(sview) do
+                    sview.fields_check label: 'Option99', value: nil, checkValue: 'option99'
+                  end
+                end
+              end
+            end
+            hori.spacer width: 4
+            hori.button text: 'hide select', onClick: ->(action) do
+              action.components_set targetId: 'select', data: { displayed: false }
+            end
+          end
+
+          form.spacer height: 8
+          form.hr width: 'matchParent'
+          form.spacer height: 8
+
+          validation = { required: { message: 'Required' } }
+          options = ['option1', 'option2', 'option3', 'option4'].map { |option| { 'text'=> option.humanize, 'value' => option } }
+
+          form.fields_date width: 'matchParent', name: 'user[date]', id: 'date', value: Date.new(2024, 7, 24), validation: validation
+          form.hr width: 'matchParent'
+          form.fields_select multiple: true, width: 'matchParent', name: 'user[select][]', id: 'select', options: options, value: ['option1', 'option2'], validation: validation
+          form.hr width: 'matchParent'
+          form.fields_chipGroup width: 'matchParent', name: 'user[chip_group]', id: 'chip_group', options: options, value: ['option2'], validation: validation
+          form.hr width: 'matchParent'
+          form.fields_radioGroup width: 'matchParent', name: 'user[radio_group]', id: 'radio_group', value: 'option3', validation: validation, childViews: ->(radio) do
+            options.each do |option|
+              radio.fields_radio label: option['text'], value: option['value']
+            end
+          end
+          form.hr width: 'matchParent'
+          check_group_value = ['option3', 'option1']
+          form.fields_checkGroup width: 'matchParent', name: 'user[check_group]', id: 'check_group', value: check_group_value, validation: validation, childViews: ->(radio) do
+            options.each do |option|
+              radio.fields_check label: option['text'], checkValue: option['value']
+            end
+          end
+          form.hr width: 'matchParent'
+          form.fields_text width: 'matchParent', name: 'user[text]', id: 'text', value: 'John Doe', validation: validation
+
+          form.hr width: 'matchParent'
+
+          form.fields_textarea width: 'matchParent', name: 'user[textarea]', id: 'textarea', value: 'Lorem ipsum et dumet bla bla bla...'
+
+          form.hr width: 'matchParent'
+          form.fields_submit text: 'submit'
+          form.spacer height: 2
+          form.fields_submit text: 'submit (if form valid)', disableIfFormInvalid: true
+        end
+
+
+      res.spacer height: 16
+
+    end
+
+
+    res.panels_column lg: { cols: 6 }, childViews: ->(col) do
+      res.h2 text: 'Dialog'
+      res.spacer height: 8
+      res.button text: 'Dialog updateExisting', onClick: ->(action) do
+        action.runMultiple childActions: ->(saction) do
+          saction.dialogs_show updateExisting: true, content: ->(dialog) do
+            dialog.body padding: glib_json_padding_body, childViews: ->(sbody) do
+              sbody.h1 text: 'Hello world'
+              sbody.button text: 'change dialog content', onClick: ->(ssaction) do
+                ssaction.dialogs_show updateExisting: true, disableCloseButton: true, content: ->(sdialog) do
+                  sdialog.body padding: glib_json_padding_body, childViews: ->(ssbody) do
+                    ssbody.h1 text: 'Hello world (updated)'
+                    ssbody.spacer height: 8
+                    ssbody.button text: 'close', onClick: ->(xaction) do
+                      xaction.dialogs_close
+                    end
+                  end
+                end
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.1.2
+  version: 4.1.4
 platform: ruby
 authors:
 - ''
@@ -271,6 +271,7 @@ files:
 - app/views/json_ui/garage/tables/index.json.jbuilder
 - app/views/json_ui/garage/tables/layout.json.jbuilder
 - app/views/json_ui/garage/tables/panel_content.json.jbuilder
+- app/views/json_ui/garage/test_page/index.json.jbuilder
 - app/views/json_ui/garage/views/_chart_data.json.jbuilder
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder