glib-web 3.24.3 → 3.24.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2aae0523d109fcf8f7e6b368ea3b64bc262f08fd3a7c1017a8ade64eba3185df
-  data.tar.gz: 63d3d5b00d8b25e5450ed4eb5ebdd5658aaa4b4302f326e55bd7a5a5902d976e
+  metadata.gz: aba0dc03db2778a7a62e6222b3024ace73faa22c47d158a9088ed334db9515b0
+  data.tar.gz: 2aa5ad7d865b21b3ae466aec5213af9553b118ac73db120a8def60aa624bee0a
 SHA512:
-  metadata.gz: 103f9b75cab3048bd231a5cca4c94779031d57743bca95b631322dc82af1f956eb54e8220711230337594e28dda40d786fb58fd3491255e18f656a0ec07cdbff
-  data.tar.gz: bd77f29f8ab4952f46840f9e18060140673f3de43d1f05de76e8a9cb4ba03ef58b05ca0f6a11919719bbab53cee8111cee12ba120c01e94d2391e16d515c7931
+  metadata.gz: 2798441528eaab4548b034b65f79704daf77295ef8ed6751f2e1ea3f1719e9df12308d823fb251a0427d012e6bc5298bcbaf232ba47ada41128738bd8feee6a1
+  data.tar.gz: c83bbb97e419a24350383d4a6ad3e83322a5a153f4da1437f028437aef50987721a494d58e9cf20ad5ae5efc356d757eb16112c2716bb82e931ce40063157290

data/app/controllers/glib/home_controller.rb

@@ -35,7 +35,7 @@ module Glib
       eos
 
       # We can't use prepend_view_path because it affects the app, not the gem
-      path = "#{@path_prefix}/#{params[:path] || 'home/index'}"
+      path = "#{@path_prefix}/#{params[:override_path] || params[:path] || 'home/index'}"
       render path
     end
 

data/app/helpers/glib/json_ui/action_builder/windows.rb

@@ -30,13 +30,6 @@ class Glib::JsonUi::ActionBuilder
       required :fallbackUrl
     end
 
-    class CloseWithOpen < Action
-      string :url
-      action :onOpen
-
-      required :url
-    end
-
     # Any component can listen to the refresh_state event and react appropriately.
     # E.g. Stripe credit card component can refresh its token to make sure it is not stale.
     class RefreshState < Action

data/app/views/json_ui/garage/actions/_components.json.jbuilder

@@ -0,0 +1,18 @@
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Components'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'components/update (Deprecated)', onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'views/components_update')
+  end
+
+  # template.thumbnail title: 'components/replace', onClick: ->(action) do
+  #   action.windows_open url: json_ui_garage_url(path: 'views/components')
+  # end
+
+  template.thumbnail title: 'components/set', onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'views/components_set')
+  end
+end

data/app/views/json_ui/garage/actions/_dialogs.json.jbuilder

@@ -84,10 +84,18 @@ section.rows builder: ->(template) do
     action.dialogs_open url: json_ui_garage_url(path: 'forms/dialogs_update2')
   end
 
+  template.thumbnail title: 'dialogs/open (update form inside dialog)', onClick: ->(action) do
+    action.dialogs_open url: json_ui_garage_url(path: 'forms/dialogs_form')
+  end
+
   template.thumbnail title: 'dialogs/open (with filePaster)', onClick: ->(action) do
     action.dialogs_open url: json_ui_garage_url(path: 'forms/dialogs_update3')
   end
 
+  template.thumbnail title: 'dialogs/open (update form inside dialog)', onClick: ->(action) do
+    action.dialogs_open url: json_ui_garage_url(path: 'forms/dialogs_form')
+  end
+
   template.thumbnail title: 'dialogs/oauth', onClick: ->(action) do
     if respond_to?(:user_facebook_omniauth_authorize_url)
       provider = {

data/app/views/json_ui/garage/actions/_fields.json.jbuilder

@@ -0,0 +1,10 @@
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Fields'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'fields/focus, fields/blur, fields/reset', onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'views/fields_focus')
+  end
+end

data/app/views/json_ui/garage/actions/_list.json.jbuilder

@@ -19,5 +19,9 @@ panel.panels_list id: 'action_list', sections: [
     render "#{@path_prefix}/actions/commands", section: section
   end, ->(section) do
     render "#{@path_prefix}/actions/tours", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/components", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/fields", section: section
   end
 ]

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

@@ -0,0 +1,40 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+data = params[:user] || { cities: [] }
+
+page.scroll childViews: ->(scroll) do
+  cities = {
+    'Brisbane' => 'Brisbane',
+    'Canberra' => 'Canberra',
+    'Melbourne' => 'Melbourne',
+    'Sydney' => 'Sydney',
+  }
+  scroll.panels_form \
+    url: json_ui_garage_url(path: 'forms/generic_post'),
+    method: 'post',
+    width: 'matchParent',
+    id: 'dialogs_form',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.fields_select \
+        name: 'user[cities][]',
+        width: 'matchParent',
+        label: 'Cities',
+        options: cities.map { |k, v| { value: k, text: v } },
+        value: data[:cities] + [params[:new_city]],
+        multiple: true,
+        accessory: ->(accessory) do
+          accessory.footer padding: { all: 20 }, childViews: ->(footer) do
+            footer.label text: 'Can\'t find a city? Enter a new one', onClick: ->(action) do
+              action.dialogs_open url: json_ui_garage_url(path: 'forms/dialogs_subform')
+            end
+          end
+        end
+
+      form.spacer height: 20
+      form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    end
+end

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

@@ -0,0 +1,21 @@
+json.title 'Forms'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll childViews: ->(scroll) do
+  scroll.panels_form \
+    url: json_ui_garage_url(path: 'forms/dialogs_subform_post'),
+    method: 'post',
+    width: 'matchParent',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.fields_text \
+        name: 'user[city]',
+        width: 'matchParent',
+        label: 'City'
+
+      form.spacer height: 20
+      form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    end
+end

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

@@ -0,0 +1,13 @@
+data = params[:user] || {}
+
+json_ui_response json do |action|
+  action.dialogs_close onClose: ->(subaction) do
+    subaction.components_find targetId: 'dialogs_form', onFind: ->(subsubaction) do
+      # Use `override_path` to override the form's original form, which gets submitted in form data,
+      # so it needs to be explicitly overriden using a different param name.
+      subsubaction.forms_submit \
+        overrideUrl: json_ui_garage_url(override_path: 'forms/dialogs_form', new_city: data[:city]),
+        overrideMethod: :get
+    end
+  end
+end

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

@@ -0,0 +1,37 @@
+json.title 'Component set'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+page.body padding: glib_json_padding_body, childViews: ->(body) do
+  body.panels_responsive width: 'matchParent', childViews: ->(res) do
+    res.label id: 'label', text: 'Hello world!'
+    res.spacer height: 8
+    res.button text: 'set', onClick: ->(action) do
+      action.components_set targetId: 'label', data: { text: 'Hello too!' }, onSet: ->(saction) do
+        saction.snackbars_alert styleClasses: ['success'], message: 'Changed!'
+      end
+    end
+    res.spacer height: 16
+
+    res.panels_form \
+      url: json_ui_garage_url(path: 'forms/generic_post'),
+      method: 'post',
+      childViews: ->(form) do
+        res.fields_text id: 'ftext', name: 'user[full_name]', value: 'John Doe', label: 'Full name', placeholder: 'Full name', width: 300
+        res.spacer height: 8
+        res.panels_horizontal childViews: ->(hori) do
+        res.button text: 'set', onClick: ->(action) do
+          action.components_set targetId: 'ftext', data: { name: 'user[city]', value: 'Taipei', label: 'City', placeholder: 'City' }
+        end
+        res.spacer width: 4
+        res.fields_submit text: 'submit'
+      end
+      end
+
+
+    res.spacer height: 16
+
+  end
+end

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

@@ -0,0 +1,148 @@
+json.title 'Component update'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+panels_ids = {
+  'pres' => 'panels_responsive',
+  'pcol' => 'panels_column',
+  'phor' => 'panels_horizontal',
+  'pver' => 'panels_vertical',
+  'pflow' => 'panels_flow',
+  'psplit' => 'panels_split',
+}
+other_ids = {
+  'paragraph' => 'p',
+  'label' => 'label'
+}
+comp_ids = panels_ids.merge(other_ids)
+cities = [{ text: 'Bali', value: 'bali' }, { text: 'Jakarta', value: 'jakarta' }]
+
+small_image_url = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSGQpSWjtELISLBlmugOZ6wzl1JamYXQvbFeYywpfg3E8b8DrO0Kg&s'
+
+page.body padding: glib_json_padding_body, childViews: ->(body) do
+  body.panels_responsive width: 'matchParent', childViews: ->(res) do
+    res.panels_column lg: { cols: 3 }, childViews: ->(col) do
+      res.h3 text: 'Props changes'
+      res.spacer height: 8
+      res.panels_flow innerPadding: { top: 4, right: 4, bottom: 4, left: 4 }, childViews: ->(hori) do
+        hori.button text: 'change bgcolor', onClick: ->(action) do
+          action.runMultiple childActions: ->(saction) do
+            comp_ids.each do |id, method|
+            saction.components_update targetId: id, views: ->(view) do
+              if id == 'pflow'
+                view.public_send(method, { backgroundColor: '#00FFFF', innerPadding: { bottom: 0 } })
+              else
+                view.public_send(method, { backgroundColor: '#00FFFF' })
+              end
+            end
+          end
+          end
+        end
+
+        hori.button text: 'change text (p & label)', onClick: ->(action) do
+          action.runMultiple childActions: ->(saction) do
+            saction.components_update targetId: 'paragraph', views: ->(view) do
+              view.p text: 'changed!'
+            end
+            saction.components_update targetId: 'label', views: ->(view) do
+              view.label text: 'changed!'
+            end
+          end
+        end
+
+        hori.button text: 'Change fields text', onClick: ->(action) do
+          action.components_update targetId: 'inp-text', views: ->(view) do
+            view.fields_text name: 'user[city]', value: 'Jakarta', placeholder: 'City', label: 'City'
+          end
+        end
+
+        hori.button text: 'Change fields select', onClick: ->(action) do
+          action.components_update targetId: 'inp-select', views: ->(view) do
+            view.fields_select options: cities + [{ text: 'Taipei', value: 'taipei' }]
+          end
+        end
+      end
+      res.spacer height: 16
+      res.h3 text: 'Childviews changes'
+      res.spacer height: 8
+      res.panels_flow innerPadding: { top: 4, right: 4, bottom: 4, left: 4 }, childViews: ->(hori) do
+        hori.button text: 'Add child to panel', onClick: ->(action) do
+          action.runMultiple childActions: ->(saction) do
+            panels_ids.each do |id, method|
+            saction.components_update targetId: id, views: ->(view) do
+              props = {
+                childViews: ->(sview) do
+                  sview.label text: method
+                  sview.image url: small_image_url, width: 'matchParent', height: 'matchParent'
+                end
+              }
+              props.merge!({ innerPadding: { bottom: 0 } }) if id == 'pflow'
+              if id == 'psplit'
+                props.delete(:childViews)
+                props.merge({
+                  content: ->(split) do
+                    split.left childViews: ->(sview) do
+                      sview.label text: method
+                    end
+                    split.right childViews: ->(sview) do
+                      sview.image url: small_image_url, width: 'matchParent', height: 'matchParent'
+                    end
+                  end
+                })
+              end
+              view.public_send(method, props)
+            end
+          end
+          end
+        end
+      end
+      res.spacer height: 16
+    end
+
+    res.panels_column lg: { cols: 9 }, childViews: ->(col) do
+      col.panels_responsive id: 'pres', width: 200, childViews: ->(cview) do
+        cview.label text: 'Panels responsive'
+      end
+      col.spacer height: 4
+      col.panels_column id: 'pcol', lg: { cols: 6 }, childViews: ->(cview) do
+        cview.label text: 'Panels column'
+      end
+      col.spacer height: 4
+      col.panels_horizontal id: 'phor', width: 200, childViews: ->(cview) do
+        cview.label text: 'Panels horizontal'
+      end
+      col.spacer height: 4
+      col.panels_vertical id: 'pver', width: 200, childViews: ->(cview) do
+        cview.label text: 'Panels vertical'
+      end
+      col.spacer height: 4
+      col.panels_flow innerPadding: { bottom: 0 }, id: 'pflow', width: 200, childViews: ->(cview) do
+        cview.label text: 'Panels flow'
+      end
+      col.spacer height: 4
+      col.panels_split id: 'psplit', width: 200, content: ->(cview) do
+        cview.left childViews: ->(ccview) do
+          ccview.label text: 'Panels split (not supported)'
+        end
+      end
+      col.spacer height: 4
+      col.p id: 'paragraph', width: 500, text: 'In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.'
+      col.spacer height: 4
+      col.label id: 'label', text: 'birds flying'
+      col.spacer height: 8
+      col.panels_form \
+        url: json_ui_garage_url(path: 'forms/generic_post'),
+        method: 'post',
+        childViews: ->(form) do
+          col.fields_text id: 'inp-text', name: 'user[full_name]', width: 300, label: 'Full name', placeholder: 'Full name'
+          col.spacer height: 4
+
+          col.fields_select id: 'inp-select', options: cities, width: 300, name: 'user[city]'
+          col.spacer height: 4
+          col.fields_submit text: 'Submit'
+        end
+    end
+  end
+end

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

@@ -0,0 +1,47 @@
+json.title 'Field focus'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+page.body padding: glib_json_padding_body, childViews: ->(body) do
+  body.panels_responsive width: 'matchParent', childViews: ->(res) do
+    res.panels_form \
+      url: json_ui_garage_url(path: 'forms/generic_post'),
+      method: 'post',
+      width: 300,
+      childViews: ->(form) do
+        res.fields_text id: 'first', name: 'user[full_name]', label: 'Full name', placeholder: 'Full name', width: 'matchParent'
+        res.spacer height: 8
+        res.fields_number id: 'second', name: 'user[age]', label: 'Age', placeholder: 'Age', width: 'matchParent'
+        res.spacer height: 4
+        res.panels_horizontal childViews: ->(hori) do
+          res.button text: 'focus1', onClick: ->(action) do
+            action.fields_focus targetId: 'first'
+          end
+          res.spacer width: 4
+          res.button text: 'focus2', onClick: ->(action) do
+            action.fields_focus targetId: 'second'
+          end
+          res.spacer width: 4
+          res.button text: 'blur', onClick: ->(action) do
+            action.fields_focus targetId: 'first', onFocus: ->(saction) do
+              saction.timeouts_set interval: 1000, onTimeout: ->(ssaction) { ssaction.fields_blur }
+            end
+          end
+          res.spacer width: 4
+          res.button text: 'reset', onClick: ->(action) do
+            action.fields_reset targetId: 'first', onReset: ->(saction) do
+              saction.snackbars_alert styleClasses: ['success'], message: 'Reset full name!'
+            end
+          end
+          res.spacer width: 4
+          res.fields_submit text: 'submit'
+        end
+      end
+
+
+    res.spacer height: 16
+
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 3.24.3
+  version: 3.24.4
 platform: ruby
 authors:
 - ''
@@ -139,8 +139,10 @@ files:
 - app/validators/url_validator.rb
 - app/views/json_ui/garage/_nav_menu.json.jbuilder
 - app/views/json_ui/garage/actions/_commands.json.jbuilder
+- app/views/json_ui/garage/actions/_components.json.jbuilder
 - app/views/json_ui/garage/actions/_dialogs.json.jbuilder
 - app/views/json_ui/garage/actions/_dialogs_show.json.jbuilder
+- app/views/json_ui/garage/actions/_fields.json.jbuilder
 - app/views/json_ui/garage/actions/_http.json.jbuilder
 - app/views/json_ui/garage/actions/_list.json.jbuilder
 - app/views/json_ui/garage/actions/_panels.json.jbuilder
@@ -164,6 +166,9 @@ files:
 - app/views/json_ui/garage/forms/chip_group.json.jbuilder
 - app/views/json_ui/garage/forms/conditional_value.json.jbuilder
 - app/views/json_ui/garage/forms/dialogs_close.json.jbuilder
+- app/views/json_ui/garage/forms/dialogs_form.json.jbuilder
+- app/views/json_ui/garage/forms/dialogs_subform.json.jbuilder
+- app/views/json_ui/garage/forms/dialogs_subform_post.json.jbuilder
 - app/views/json_ui/garage/forms/dialogs_update.json.jbuilder
 - app/views/json_ui/garage/forms/dialogs_update2.json.jbuilder
 - app/views/json_ui/garage/forms/dialogs_update3.json.jbuilder
@@ -264,7 +269,10 @@ files:
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder
 - app/views/json_ui/garage/views/charts.json.jbuilder
+- app/views/json_ui/garage/views/components_set.json.jbuilder
+- app/views/json_ui/garage/views/components_update.json.jbuilder
 - app/views/json_ui/garage/views/controls.json.jbuilder
+- app/views/json_ui/garage/views/fields_focus.json.jbuilder
 - app/views/json_ui/garage/views/iap.json.jbuilder
 - app/views/json_ui/garage/views/icon_names.json.jbuilder
 - app/views/json_ui/garage/views/icons.json.jbuilder
@@ -337,8 +345,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.4.6
 signing_key: 
 specification_version: 4
 summary: ''