glib-web 0.12.2 → 0.14.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bab29dba5e648d50d03a57bac0904d97aaadfe5f0e5b1a9e01b123fbf6e2c787
-  data.tar.gz: 245ce0246212f41d87842659d68d83f2634282f9b803e09a278ef051cbfcc962
+  metadata.gz: 428d8e7c5b2377d553b7111255fc1de970a80fd6fdbb29671bf98245d79561ef
+  data.tar.gz: 824a27ddd5033098ae2f08e59d45595152453c7f2450d8e2fc0dadf17563fced
 SHA512:
-  metadata.gz: 671310954e5011e2867d7d1c330c5b218c9af9c36617a81f9461eca1d3f32cc9436fdec208ca1d19b24e73f3eaf0216c0f4f6d5954fc8cc782abde757ae78194
-  data.tar.gz: fdc79df0a84f2ecec8e599209dbefe87f1709e85d07dffb3fbca4cefdfcd571e6108aa76fc0410576f98a128eee92848458dae6bb53abe05b655b996b08761ec
+  metadata.gz: 76f06563453f27f15eb7ca895248c407f7dc0820b506a4a08507e75e679d729d1e4775217c78e0a3cb07fc0738c481f33d816258a59755b930370bff290b02d1
+  data.tar.gz: f78f910dcafc532896840230306dab2b09614478d12c01d67aed40c0246bfdd7feded9377fd2e656a2a8e587b50a9aacac1babb3bccb0420c2e34d23a8487d40

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

@@ -129,13 +129,7 @@ module Glib
 
         def self.color(propName)
           define_method(propName) do |value|
-            if (value = value&.to_s)
-              if !Rails.env.production?
-                if !value.match /^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i
-                  raise "Invalid color: #{value}"
-                end
-              end
-
+            if (value = to_color(value))
               json.set! propName, value
             end
           end
@@ -162,7 +156,7 @@ module Glib
 
         def self.string(propName, options = {})
           define_method(propName) do |value|
-            str = value&.to_s
+            str = to_string(value)
             instance_variable_set("@#{propName}", str) if options[:cache]
             json.set! propName, str
           end
@@ -264,6 +258,15 @@ module Glib
           end
         end
 
+        def self.badgeable
+          define_method(:badge) do |value|
+            json.badge do
+              json.text to_string(value[:text])
+              json.backgroundColor to_color(value[:backgroundColor])
+            end
+          end
+        end
+
         def self.action(propName)
           define_method(propName) do |value|
             json.set!(propName) { value.call(page.action_builder) }
@@ -318,6 +321,26 @@ module Glib
           # To be overridden
         end
 
+        ### Reusable value converters
+
+        def to_string(value)
+          value&.to_s
+        end
+
+        def to_color(value)
+          value = value&.to_s
+
+          if value
+            if !Rails.env.production?
+              if !value.match /^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i
+                raise "Invalid color: #{value}"
+              end
+            end
+          end
+
+          value
+        end
+
     end
   end
 end

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

@@ -0,0 +1,9 @@
+class Glib::JsonUi::ActionBuilder
+  module Components
+
+    class Update < Action
+      string :targetId
+      views :views
+    end
+  end
+end

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

@@ -22,6 +22,9 @@ class Glib::JsonUi::ActionBuilder
       end
     end
 
+    class Get < AbstractHttp
+    end
+
     class Post < AbstractHttp
     end
 
@@ -31,8 +34,8 @@ class Glib::JsonUi::ActionBuilder
     end
 
     class Delete < AbstractHttp
-    #   string :url, cache: true
-    #   hash :formData
+      #   string :url, cache: true
+      #   hash :formData
     end
 
   end

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

@@ -2,7 +2,10 @@ class Glib::JsonUi::ActionBuilder
   module Tours
 
     class Start < Action
+      # https://kamranahmed.info/driver.js/
+      # Driver definition
       hash :options
+      # Step definition
       array :steps
       int :startFrom
     end

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

@@ -39,12 +39,12 @@ module Glib
       end
 
       class Button < MenuItem
+        badgeable
+
         string :text
         icon :icon
         action :onClick
         bool :disabled
-        color :badgeColor
-        string :badgeContent
         singleton_array :styleClass, :styleClasses
 
         def childButtons(block)

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

@@ -10,14 +10,31 @@ module Glib
         end
       end
 
+      def json_ui_response_with_view(json)
+        json.analytics do
+          json.disabled true
+        end
+
+        json.onResponse do
+          response = Response.new(json, self, true)
+          yield response.action_builder
+        end
+      end
+
       class Response
-        attr_reader :action_builder
+        attr_reader :action_builder, :view_builder, :list_section_builder, :table_section_builder, :current_form
 
-        def initialize(json, context)
+        def initialize(json, context, with_view_builder = false)
           @json = json
           @context = context
 
           @action_builder = ActionBuilder.new(json, self, false)
+
+          if with_view_builder
+            @view_builder = ViewBuilder.new(json, self, true)
+            @list_section_builder = ListBuilders::Section.new(json, self, ListBuilders::Template.new(json, self))
+            @table_section_builder = TableBuilders::Section.new(json, self, TableBuilders::Template.new(json, self))
+          end
         end
       end
     end

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

@@ -24,6 +24,7 @@ module Glib
       end
 
       class View < JsonUiElement
+        string :compId
         string :id
         length :width
         length :height
@@ -126,6 +127,8 @@ module Glib
       end
 
       class Image < View
+        badgeable
+
         string :url
         string :base64Data
         action :onClick
@@ -133,12 +136,16 @@ module Glib
       end
 
       class Avatar < View
+        badgeable
+
         int    :size
         string :url
         action :onClick
       end
 
       class Icon < View
+        badgeable
+
         # TODO: Remove later. Deprecated.
         icon :spec
 
@@ -170,6 +177,8 @@ module Glib
       # end
 
       class Button < View
+        badgeable
+
         icon :icon, cache: true
         string :text, cache: true
         action :onClick
@@ -206,11 +215,10 @@ module Glib
       end
 
       class Chip < View
+        badgeable
+
         string :text
         action :onClick
-
-        string :badgeContent
-        color :badgeColor
       end
 
       class Calendar < View

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

@@ -52,13 +52,11 @@ if local_assigns[:top_nav] || json_ui_app_is_web?
         action.windows_open url: json_ui_garage_url
       end
 
-      menu.button icon: 'refresh', text: 'Reload', onClick: ->(action) do
+      menu.button icon: 'refresh', text: 'Reload', badge: { text: '!' }, onClick: ->(action) do
         action.windows_reload
       end
 
-      # Consider deprecating icon badge
-      # menu.button icon: { name: 'zoom_in', badge: '!' }, text: 'Diagnostics', onClick: ->(action) do
-      menu.button icon: 'zoom_in', text: 'Diagnostics', badgeContent: '!', onClick: ->(action) do
+      menu.button icon: { name: 'zoom_in', badge: { text: '?', backgroundColor: '#00ffff' } }, text: 'Diagnostics', onClick: ->(action) do
         action.dialogs_alert message: %{
           Bundle ID: #{json_ui_app_bundle_id || '<unknown>'}
           App Version: #{json_ui_app_build_version || '<unknown>'}

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

@@ -0,0 +1,37 @@
+json.title 'Forms'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+# The form will be automatically injected into the window.
+page.template 'full_window_form'
+
+page.scroll 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'
+
+  # form.panels_split width: 'matchParent', content: ->(split) do
+  #   split.left childViews: ->(left) do
+  #     left.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(horizontal) do
+  #       case params[:mode]
+  #       when 'dialog'
+  #         horizontal.fields_hidden name: 'mode', value: 'dialog'
+  #         horizontal.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
+  #       when 'dialog_reload'
+  #         horizontal.button styleClass: 'link', text: 'back', onClick: ->(action) do
+  #           render 'json_ui/garage/actions/dialogs_show', json: json, action: action, dialog_mode: :reload
+  #         end
+  #       end
+  #     end
+  #   end
+  #   split.right childViews: ->(right) do
+  #     # right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  #     right.fields_submit text: 'Submit'
+  #   end
+  # end
+end
+
+page.footer padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
+  footer.fields_submit text: 'Submit'
+end

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

@@ -91,6 +91,11 @@ page.list sections: [
         action.windows_open url: json_ui_garage_url(path: 'forms/styled_boxes')
       end
     end
+    section.rows builder: ->(template) do
+      template.thumbnail title: 'Full Window', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/full_window_form')
+      end
+    end
   end, ->(section) do
     section.header padding: glib_json_padding_list, childViews: ->(header) do
       header.h2 text: 'Web Only'

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

@@ -49,7 +49,7 @@ page.scroll childViews: ->(scroll) do
         end
 
       form.spacer height: 20
-      form.h1 text: 'Radio Group'
+      form.h2 text: 'Radio Group'
       form.fields_radioGroup \
         name: 'user[seniority]',
         value: 'show',
@@ -65,6 +65,18 @@ page.scroll childViews: ->(scroll) do
           end
         end
 
+      form.spacer height: 20
+      form.h2 text: 'Text'
+      form.fields_text \
+        name: 'user[video_url]',
+        width: 'matchParent',
+        onChange: ->(action) do
+          action.sheets_select message: 'Submit data?', buttons: ->(menu) do
+            menu.button text: 'Yes, submit', onClick: ->(subaction) do
+              action.forms_submit
+            end
+          end
+        end
     end
 
 end

data/app/views/json_ui/garage/pages/full_width.json.jbuilder

@@ -1,29 +1,29 @@
 json.title 'Pages'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
 
-  page.template 'fullWidth'
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.header childViews: ->(header) do
-    header.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      vertical.h1 text: 'Header'
-    end
-    header.spacer height: 10
+page.template 'fullWidth'
+
+page.header childViews: ->(header) do
+  header.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Header'
   end
+  header.spacer height: 10
+end
 
-  page.footer childViews: ->(footer) do
-    footer.spacer height: 10
-    footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      vertical.h1 text: 'Footer'
-    end
+page.footer childViews: ->(footer) do
+  footer.spacer height: 10
+  footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Footer'
   end
+end
 
-  page.body childViews: ->(scroll) do
-    scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      (1..100).each do |index|
-        vertical.label text: 'Content'
-      end
+page.body childViews: ->(scroll) do
+  scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    (1..100).each do |index|
+      vertical.label text: 'Content'
     end
   end
 end

data/app/views/json_ui/garage/pages/tab_bar.json.jbuilder

@@ -7,6 +7,20 @@ json_ui_page json do |page|
     scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
       column.h2 text: 'Tab Bar with Badge'
       column.tabBar buttons: ->(menu) do
+        badges = [
+          {
+            text: nil,
+            backgroundColor: nil
+          },
+          {
+            text: 8,
+            backgroundColor: '#272551'
+          },
+          {
+            text: '⭐⭐⭐',
+            backgroundColor: '#008000'
+          }
+        ]
         {
           'FIRST' => 'home',
           'SECOND' => 'schedule',
@@ -15,8 +29,7 @@ json_ui_page json do |page|
           menu.button \
             icon: icon,
             text: text,
-            badgeContent: [nil, 8, '⭐⭐⭐'][index],
-            badgeColor: [nil, '#272551', '#008000'][index],
+            badge: badges[index],
             disabled: params[:tab].to_i == index,
             onClick: ->(action) do
               action.windows_reload \

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

@@ -11,13 +11,20 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     action.dialogs_alert message: 'Perform action'
   end
 
-  scroll.button text: 'Buton with build-in classes', styleClasses: ['rounded', 'outlined', 'tile', 'depressed'], onClick: ->(action) do
+  scroll.spacer height: 10
+  scroll.button text: 'Button with built-in classes', styleClasses: ['rounded', 'outlined', 'tile', 'depressed'], onClick: ->(action) do
     action.dialogs_alert message: 'Perform action'
   end
 
-  scroll.button icon: 'info', text: 'Button with Icon and Tooltip', tooltip: { text: 'Tooltip text' }, onClick: ->(action) do
-    action.dialogs_alert message: 'Perform action'
-  end
+  scroll.spacer height: 10
+  scroll.button \
+    icon: 'info',
+    text: 'Button with Icon and Tooltip',
+    tooltip: { text: 'Tooltip text' },
+    badge: { text: '3' },
+    onClick: ->(action) do
+      action.dialogs_alert message: 'Perform action'
+    end
   scroll.spacer height: 20
 
   scroll.button \
@@ -38,7 +45,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     action.dialogs_alert message: 'Perform action'
   end
   scroll.spacer height: 10
-  scroll.chip text: 'With Badge', badgeContent: '99'
+  scroll.chip text: 'With Badge', badge: { text: '99' }
 
   scroll.spacer height: 20
   scroll.h2 text: 'Switch'

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

@@ -12,4 +12,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.h2 text: 'Icon with color'
   scroll.icon name: 'home', color: '#9370DB'
   scroll.icon name: 'home', color: '#9370DB80'
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Icon with badge'
+  scroll.icon name: 'home', badge: { text: '22', backgroundColor: '#00ff00' }
 end

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

@@ -13,10 +13,11 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     url: glib_json_image_avatar_url,
     tooltip: { text: 'This is a tooltip' }
 
-  # scroll.spacer height: 20
-  # scroll.h2 text: 'Icon'
-  # scroll.spacer height: 6
-  # scroll.icon spec: 'info'
+  scroll.h2 text: 'Avatar with badge'
+  scroll.spacer height: 6
+  scroll.avatar \
+    url: glib_json_image_avatar_url,
+    badge: { text: '1', backgroundColor: '#0000ff' }
 
   scroll.spacer height: 20
   scroll.h2 text: 'Image with base64 data'
@@ -46,9 +47,9 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.image url: glib_json_image_standard_url
 
   scroll.spacer height: 20
-  scroll.h2 text: 'Original size'
+  scroll.h2 text: 'Original size with badge'
   scroll.spacer height: 6
-  scroll.image url: small_image_url
+  scroll.image url: small_image_url, badge: { text: '1', backgroundColor: '#0000ff' }
 
   # Reference: https://docs.imgix.com/apis/url/size/fit#clip
   scroll.spacer height: 20

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

@@ -19,6 +19,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
           end
         end
 
+      f.spacer width: 10
+
       # For testing: https://developers.facebook.com/tools/debug/
       f.shareButton \
         network: 'facebook',
@@ -28,6 +30,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         facebookQuote: 'This is a quote',
         text: 'Facebook'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'linkedin',
         url: 'https://www.google.com',
@@ -35,6 +39,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         description: 'This is a description',
         text: 'LinkedIn'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'whatsapp',
         url: 'https://www.google.com',
@@ -42,6 +48,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         description: 'This is a description',
         text: 'WhatsApp'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'telegram',
         url: 'https://www.google.com',
@@ -59,18 +67,24 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         title: 'This is a title',
         description: 'This is a description'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'linkedin',
         url: 'https://www.google.com',
         title: 'This is a title',
         description: 'This is a description'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'whatsapp',
         url: 'https://www.google.com',
         title: 'This is a title',
         description: 'This is a description'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'telegram',
         url: 'https://www.google.com',
@@ -89,6 +103,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         description: 'This is a description',
         text: 'Facebook'
 
+      v.spacer height: 10
+
       v.shareButton \
         network: 'linkedin',
         url: 'https://www.google.com',
@@ -96,6 +112,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         description: 'This is a description',
         text: 'LinkedIn'
 
+      v.spacer height: 10
+
       v.shareButton \
         width: 'matchParent',
         network: 'whatsapp',
@@ -104,6 +122,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         description: 'This is a description',
         text: 'WhatsApp'
 
+      v.spacer height: 10
+
       v.shareButton \
         width: 'matchParent',
         network: 'telegram',

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.12.2
+  version: 0.14.1
 platform: ruby
 authors:
 - ''
@@ -92,6 +92,7 @@ files:
 - app/helpers/glib/json_ui/abstract_builder.rb
 - app/helpers/glib/json_ui/action_builder.rb
 - app/helpers/glib/json_ui/action_builder/commands.rb
+- app/helpers/glib/json_ui/action_builder/components.rb
 - app/helpers/glib/json_ui/action_builder/dialogs.rb
 - app/helpers/glib/json_ui/action_builder/http.rb
 - app/helpers/glib/json_ui/action_builder/iap.rb
@@ -152,6 +153,7 @@ files:
 - app/views/json_ui/garage/forms/dynamic_select_data.json.jbuilder
 - 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_window_form.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