glib-web 0.15.0 → 0.15.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 884f9ef9236368bb5739d56715d0aca1196e6d85f905ad258aaf2d7942333d07
-  data.tar.gz: 3c870f312d7cb7b921ca4ff244d247d7c9b7e7f94ae359cd93696f6544c9682c
+  metadata.gz: 6ee300b7e05299ffaed9427513fada06ef2f248c68f8329bc6d07de7faf947a0
+  data.tar.gz: 8c11c15ae46e15b7fcfaf5c43744fbe2f872a6b6ea2e185e75f882759473c3db
 SHA512:
-  metadata.gz: 34f43053111cf3304a15a0311fc0b85031554b7a0c3be65b7795ebab0d438850ad7550eb977c33cc099ba09ea2d06258880aed767b89398b6fe2a8d80327f7f9
-  data.tar.gz: f332e88b5d80b56c7b5fef95fce6551a7ca13a1a7a05b71626161b344d02f594a98c74b19e97d3247e4260c0cb5ab208ec83ac21d516d9ceb644706ddf1d6542
+  metadata.gz: 4b97228f7f53ea4f1fb86877c08c1cecadf12aaee9536e2ee8488eed58ffff4502c253984c9bc38d0e7df839e46283a5ac5aebbc6b63de63dcc98fa968e77bd6
+  data.tar.gz: b5a3e5a45469e5486465a7b5f3c12400d15ade17bcee01c237528cda747b404478cbc500347b5442992a1a8ae84efd0895f8fb9eefa4ef91493a340977d0df6a

data/app/controllers/concerns/glib/json/traversal.rb

@@ -39,12 +39,22 @@ module Glib::Json::Traversal
       @forms = []
     end
 
-    def parse_page(spec)
-      if (form = spec['fullPageForm'])
+    def fullPageForm(spec)
+      spec['fullPageForm']
+    end
+
+    def begin_page(spec)
+      if (form = fullPageForm(spec))
         @forms << form
       end
     end
 
+    def end_page(spec)
+      if fullPageForm(spec)
+        @forms.pop
+      end
+    end
+
     def traverse_multiple(views, block)
       if views.is_a? Array
         views.each do |view|

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

@@ -139,6 +139,7 @@ module Glib
 
         int    :size
         string :url
+        string :base64Data
         action :onClick
       end
 

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

@@ -12,5 +12,17 @@ end
 page.footer padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
   footer.label text: 'This button will submit the form above because this whole page is wrapped in a giant form.'
   footer.spacer height: 6
-  footer.fields_submit text: 'Submit'
+
+  footer.panels_split width: 'matchParent', content: ->(content) do
+    content.left childViews: ->(left) do
+      left.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(horizontal) do
+        horizontal.label styleClass: 'link', text: 'Open Nested Form', onClick: ->(action) do
+          action.dialogs_open url: json_ui_garage_url(path: 'forms/full_page_form_dialog', mode: 'dialog')
+        end
+      end
+    end
+    content.right childViews: ->(right) do
+      right.fields_submit text: 'Submit'
+    end
+  end
 end

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

@@ -0,0 +1,21 @@
+json.title 'Forms'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/basic_post?id=dialog'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
+end
+
+page.footer padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
+  footer.label text: 'This button will submit the form above because this whole page is wrapped in a giant form.'
+  footer.spacer height: 6
+
+  footer.panels_split width: 'matchParent', content: ->(content) do
+    content.right childViews: ->(right) do
+      right.fields_submit text: 'Submit'
+    end
+  end
+end

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

@@ -36,31 +36,69 @@ page.scroll childViews: ->(scroll) do
         group.fields_radio value: 'alert_close', label: 'alert+close - useful for non-model form (e.g. contact us)'
       end
 
-      form.spacer height: 14
+      form.spacer height: 6
       form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
     end
 
+  scroll.spacer height: 14
   scroll.panels_form \
+    width: 'matchParent',
     url: json_ui_garage_url(path: 'forms/generic_post'),
     method: 'post',
     padding: { top: 12, left: 20, right: 20, bottom: 12 },
     childViews: ->(form) do
       form.h3 text: 'Perform custom actions on submit'
+      form.spacer height: 6
+      form.label text: 'This also works when you press ENTER in the following text fields'
+      form.spacer height: 6
 
-      form.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[text]', value: 'Hello'
-
-      form.spacer height: 14
-      # form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+      form.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[first_name]', value: 'Jane'
+      form.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[last_name]', value: 'Doe'
 
+      form.spacer height: 6
       form.fields_submit text: 'Submit'
     end,
     onSubmit: ->(action) do
-      # action.forms_submit
-
       action.dialogs_alert \
         message: 'The form will submit after the dialog is closed',
         onClose: ->(subaction) do
           subaction.forms_submit
         end
     end
+
+  scroll.spacer height: 14
+  scroll.panels_form \
+    width: 'matchParent',
+    url: json_ui_garage_url(path: 'forms/generic_post'),
+    method: 'post',
+    padding: { top: 12, left: 20, right: 20, bottom: 12 },
+    childViews: ->(form) do
+      form.h3 text: 'Submit without using a submit button'
+      form.spacer height: 6
+      form.label text: 'Note: In general using a submit button is better because it will allow the browser to handle the form functionality in a consistent manner.'
+      form.spacer height: 6
+      form.label text: 'For example, without a submit button, you cannot submit the form by pressing ENTER in the following text fields'
+      form.spacer height: 6
+
+      form.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[first_name]', value: 'John'
+      form.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[last_name]', value: 'Doe'
+
+      form.spacer height: 6
+
+      form.panels_split width: 'matchParent', content: ->(split) do
+        split.left childViews: ->(left) do
+          left.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(horizontal) do
+            horizontal.label text: 'Submit using label', onClick: ->(subaction) do
+              subaction.forms_submit
+            end
+          end
+        end
+
+        split.right childViews: ->(right) do
+          right.banners_select width: 'matchParent', message: 'Banner Menu', buttons: ->(menu) do
+            menu.button text: 'Submit using banner', onClick: ->(action) { action.forms_submit }
+          end
+        end
+      end
+    end
 end

data/app/views/json_ui/garage/lists/edit_mode.json.jbuilder

@@ -4,6 +4,22 @@ json.title 'Lists'
 
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
+tab_index = params[:tab].to_i
+
+page.header childViews: ->(header) do
+  # Allow navigating to another "edit mode" page to test reuse issues.
+  header.tabBar buttons: ->(menu) do
+    ['FIRST', 'SECOND'].each_with_index do |text, index|
+      menu.button \
+        text: text,
+        disabled: tab_index == index,
+        onClick: ->(action) do
+          action.windows_reload url: json_ui_garage_url(path: 'lists/edit_mode', tab: index)
+        end
+    end
+  end
+end
+
 page.form \
   width: 'matchParent',
   url: json_ui_garage_url(path: 'forms/generic_post'),
@@ -34,7 +50,8 @@ page.form \
         section.rows builder: ->(row) do
           batch_count = 20
           batch_count.times do |index|
-            row.thumbnail title: "Item #{index}", recordId: "PK_#{index}"
+            id = (batch_count * tab_index) + index
+            row.thumbnail title: "Item #{id}", recordId: "PK_#{id}"
           end
         end
       end

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

@@ -19,13 +19,19 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     url: glib_json_image_avatar_url,
     badge: { text: '1', backgroundColor: '#0000ff' }
 
+  base64_data = 'data:image/gif;base64,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'
+
+  scroll.h2 text: 'Avatar with base64 data '
+  scroll.spacer height: 6
+  scroll.avatar \
+    base64Data: base64_data
+
   scroll.spacer height: 20
   scroll.h2 text: 'Image with base64 data'
   scroll.spacer height: 6
   scroll.image \
-    height: 100,
     tooltip: { text: 'This is a tooltip' },
-    base64Data: 'data:image/gif;base64,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'
+    base64Data: base64_data
 
   scroll.spacer height: 20
   scroll.h2 text: 'QR Code as base64 image'

data/lib/glib/json_crawler/action_crawlers/windows_open.rb

@@ -8,7 +8,7 @@ module Glib
           json = @http.get(url, action, args.except('url'))
 
           unless json.nil?
-            @http.router.parse_page(json)
+            @http.router.begin_page(json)
 
             crawl json['header']&.[]('childViews')
             crawl json['body']&.[]('childViews')
@@ -27,6 +27,8 @@ module Glib
             if (on_load = (args.fetch('onLoad', nil)))
               perform(on_load)
             end
+
+            @http.router.end_page(json)
           end
         end
       end

data/lib/glib/json_crawler/router.rb

@@ -94,9 +94,14 @@ module Glib
         @visitor.traverse_multiple views, block
       end
 
-      def parse_page(spec)
+      def begin_page(spec)
         @page_spec = spec
-        @visitor.parse_page spec
+        @visitor.begin_page spec
+      end
+
+      def end_page(spec)
+        @page_spec = nil
+        @visitor.end_page spec
       end
 
       def allowed?(url)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.15.0
+  version: 0.15.1
 platform: ruby
 authors:
 - ''
@@ -154,6 +154,7 @@ files:
 - app/views/json_ui/garage/forms/file_upload.json.jbuilder
 - app/views/json_ui/garage/forms/floating_submit.json.jbuilder
 - app/views/json_ui/garage/forms/full_page_form.json.jbuilder
+- app/views/json_ui/garage/forms/full_page_form_dialog.json.jbuilder
 - app/views/json_ui/garage/forms/generic_post.json.jbuilder
 - app/views/json_ui/garage/forms/index.json.jbuilder
 - app/views/json_ui/garage/forms/local_request.json.jbuilder