glib-web 0.12.1 → 0.13.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a20bf4bf81faef33de6e6e2a1ba4d57035702ddcca2afcec4933178e13455d50
-  data.tar.gz: a5cd8f36138a6ee1fe6b45dbbaec2e0eb2cfbf355a42758b9e3397beb94ef28e
+  metadata.gz: c216d9d31f88411766f7e38ec86bf4e993032c487562a33728a972587ee5a8ad
+  data.tar.gz: fb975c7d55c06b0db38dba2df8c2756ba62d6b79a13d678d36901cd590428872
 SHA512:
-  metadata.gz: 99cb99a9f2a32824a1989e39794a25cd92a2fef306c1c5a3616d80f40bb192baf318da83074c43a4a8702a5976edf6d60c36e78b96c4144a0a4ed7e182d20290
-  data.tar.gz: 1f3c0eefee0d47f0ab7444fb5508e56fd6405fe47794f4bc1fefba27dc6908491d001a0932688a6473f4693b9aedb8c99333c3189a18bda3b1e1d109d2326eff
+  metadata.gz: f406a24519cf923a5603a53f77a6ad68dcecfcb3408ef902833f8022de5463d76b4670c450173917d4690c63e34935b9883c2f3b6924c54101764155ab41a289
+  data.tar.gz: e284fe2ac21627346f026b5c520152b466fb9a1b155ec44a70d55222d297c390c6916d40c4d48db300002f93617c2466288377e9ad8aa4ca960c0d098427cfcb

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

@@ -2,6 +2,7 @@ class Glib::JsonUi::ActionBuilder
   module Commands
     class Copy < Action
       string :text
+      action :onCopy
     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/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/panels.rb

@@ -112,11 +112,17 @@ class Glib::JsonUi::ViewBuilder
     end
 
     class List < View
+      # Setting this will turn the list into edit mode.
       string :fieldPrefix
+
+      # Setting this will enable title editing.
       string :fieldTitleName
       string :fieldSubtitleName
       string :fieldSubsubtitleName
 
+      # This can be used to implement "check all" and "uncheck all".
+      hash :fieldCheckValueIf
+
       hash :phoenixSocket
       hash :actionCable
 

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

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

@@ -12,6 +12,7 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
       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

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

@@ -3,6 +3,12 @@ json_ui_response json do |action|
   if !name.present?
     action.dialogs_alert message: 'Please enter name'
   else
-    render "#{@path_prefix}/forms/alert_post_data", action: action
+    if params[:mode] == 'dialog'
+      action.dialogs_close onClose: ->(subaction) do
+        render "#{@path_prefix}/forms/alert_post_data", action: subaction
+      end
+    else
+      render "#{@path_prefix}/forms/alert_post_data", action: action
+    end
   end
 end

data/app/views/json_ui/garage/forms/{disable_dirty_prompt.json.jbuilder → dirty_prompt.json.jbuilder}

@@ -22,6 +22,14 @@ page.form \
     form.fields_text name: 'user[dirty_check_disabled]', width: 'matchParent', label: 'Dirty check disabled', disableDirtyCheck: true
 
     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: 'Dialog Form', onClick: ->(action) do
+            action.dialogs_open url: json_ui_garage_url(path: 'forms/basic', mode: 'dialog')
+          end
+        end
+      end
+
       split.right childViews: ->(right) do
         right.fields_submit text: 'Submit'
       end

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

@@ -19,14 +19,14 @@ page.list sections: [
       template.thumbnail title: 'Submission Indicator', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
       end
-      template.thumbnail title: 'GET Request', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
+      template.thumbnail title: 'Page Update on Response', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/page_update_on_response')
       end
       template.thumbnail title: 'Synchronous Request', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/local_request')
       end
-      template.thumbnail title: 'Disable dirty prompt', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/disable_dirty_prompt')
+      template.thumbnail title: 'Dirty Prompt', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/dirty_prompt')
       end
 
     end
@@ -63,6 +63,9 @@ page.list sections: [
       template.thumbnail title: 'Select Fields', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/selects')
       end
+      template.thumbnail title: 'Checkboxes', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
+      end
       template.thumbnail title: 'File Upload', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
       end
@@ -117,9 +120,6 @@ page.list sections: [
       template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
       end
-      template.thumbnail title: 'Checkboxes', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
-      end
 
     end
   end

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

@@ -0,0 +1,57 @@
+json.title 'Forms'
+
+data = params[:user] || {}
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+# page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
+page.scroll childViews: ->(scroll) do
+  scroll.panels_form \
+    width: 'matchParent',
+    url: json_ui_garage_url(path: 'forms/get_request'),
+    method: 'get',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.h2 text: 'GET Request'
+      form.label text: 'On the web, upon submit, URL needs to change on the browser'
+      form.spacer height: 10
+
+      # TODO: Potential improvement:
+      # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
+      # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
+      form.markdown text: "Hello **#{ data[:name] }**"
+      form.spacer height: 6
+      form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+      form.spacer height: 6
+      form.panels_split width: 'matchParent', content: ->(split) do
+        split.right childViews: ->(right) do
+          right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+        end
+      end
+    end
+
+  scroll.panels_form \
+    width: 'matchParent',
+    url: json_ui_garage_url(path: 'forms/get_request'),
+    method: 'post',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.h2 text: 'POST Request'
+      form.label text: 'This produces the same effect as the form above, but the browser URL will not change in this case.'
+      form.spacer height: 10
+
+      form.markdown text: "Hello **#{ data[:name] }**"
+      form.spacer height: 6
+      form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+      form.spacer height: 6
+      form.panels_split width: 'matchParent', content: ->(split) do
+        split.right childViews: ->(right) do
+          right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+        end
+      end
+    end
+
+end

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

@@ -31,7 +31,8 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
     end
 
     json.imageUploader do
-      json.accepts(fileType: "image/*", maxFileSize: 5000)
+      json.name 'user[images_attributes][]'
+      json.accepts(fileType: 'image/*', maxFileSize: 5000)
       json.directUploadUrl rails_direct_uploads_url
     end
   end

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

@@ -15,8 +15,8 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
     'melbourne' => 'Melbourne',
     'sydney' => 'Sydney',
   }
-  form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
-  form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Preferred Languages', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
+  form.fields_select name: 'user[city]', width: 'matchParent', label: 'City', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
+  form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Cities', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
 
   form.spacer height: 20
   form.h2 text: 'Select fields with grouping'

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

@@ -52,13 +52,51 @@ page.form \
       maxLength: 50,
       validation: { required: { message: 'Required' } }
 
-    options = ['male', 'female'].map { |i| { text: i.humanize, value: i } }
+    # options = ['male', 'female'].map { |i| { text: i.humanize, value: i } }
+    # form.fields_select \
+    #   name: 'user[gender]',
+    #   width: 'matchParent',
+    #   label: 'Gender',
+    #   validation: { required: { message: 'Required' } },
+    #   options: options
+
+    languages = {
+      'brisbane' => 'Brisbane',
+      'canberra' => 'Canberra',
+      'melbourne' => 'Melbourne',
+      'sydney' => 'Sydney',
+    }
     form.fields_select \
-      name: 'user[gender]',
+      name: 'user[city]',
       width: 'matchParent',
-      label: 'Gender',
+      label: 'City',
+      options: languages.map { |k, v| { value: k, text: v } },
+      validation: { required: { message: 'Required' } }
+
+    form.spacer height: 10
+    form.h4 text: 'Gender'
+    form.spacer height: 4
+    form.fields_radioGroup \
+      name: 'user[gender]',
+      validation: { required: { message: 'Required' } },
+      childViews: ->(group) do
+        group.fields_radio value: '', label: 'Unknown'
+        group.fields_radio value: 'M', label: 'Male'
+        group.fields_radio value: 'F', label: 'Female'
+      end
+
+    form.spacer height: 10
+    form.h4 text: 'Skills'
+    form.spacer height: 4
+    form.fields_checkGroup \
+      name: 'user[skills][]',
+      uncheckValue: 1,
       validation: { required: { message: 'Required' } },
-      options: options
+      childViews: ->(group) do
+        group.fields_check checkValue: 2, label: 'Game Development'
+        group.fields_check checkValue: 3, label: 'Web Development'
+        group.fields_check checkValue: 4, label: 'Mobile Development'
+      end
 
     form.spacer height: 30
     form.fields_submit text: 'Submit'

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

@@ -15,6 +15,9 @@ page.form \
         section.header padding: glib_json_padding_list, childViews: ->(header) do
 
           header.panels_horizontal childViews: ->(horizontal) do
+            horizontal.fields_check name: 'user[check_all]', label: 'All', checkValue: true
+
+            header.spacer width: 20
             # header.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[new_name]', label: 'Item name'
             statuses = [:pending, :active]
             header.fields_select \
@@ -23,6 +26,7 @@ page.form \
               width: 'matchParent',
               label: 'Status',
               options: statuses.map { |status| { value: status, text: status.to_s.humanize } }
+
             header.spacer width: 20
             header.fields_submit text: 'Update'
           end
@@ -34,5 +38,12 @@ page.form \
           end
         end
       end
-    ]
+    ], fieldCheckValueIf: {
+      "==": [
+        {
+          "var": 'user[check_all]'
+        },
+        true
+      ]
+    }
   end

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

@@ -11,40 +11,50 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       f.shareButton \
         network: 'copy',
         url: '',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        title: '',
         text: 'Copy Link',
         onClick: ->(action) do
-          action.commands_copy text: 'copied'
+          action.commands_copy text: 'This is copied text', onCopy: ->(subaction) do
+            subaction.snackbars_alert message: 'Copied', styleClass: 'success'
+          end
         end
 
+      f.spacer width: 10
+
+      # For testing: https://developers.facebook.com/tools/debug/
       f.shareButton \
         network: 'facebook',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
-        facebookQuote: 'Check internship at www.talentbasket.com',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
+        facebookQuote: 'This is a quote',
         text: 'Facebook'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'linkedin',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'LinkedIn'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'whatsapp',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'WhatsApp'
 
+      f.spacer width: 10
+
       f.shareButton \
         network: 'telegram',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'Telegram'
     end
   end
@@ -53,27 +63,33 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     col.panels_flow innerPadding: { top: 0, right: 0, bottom: 0, left: 0 }, childViews: ->(f) do
       f.shareButton \
         network: 'facebook',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket'
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description'
+
+      f.spacer width: 10
 
       f.shareButton \
         network: 'linkedin',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket'
+        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.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket'
+        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.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket'
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description'
     end
   end
   scroll.spacer height: 20
@@ -82,32 +98,38 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     col.panels_vertical width: 200, childViews: ->(v) do
       v.shareButton \
         network: 'facebook',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'Facebook'
 
+      v.spacer height: 10
+
       v.shareButton \
         network: 'linkedin',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'LinkedIn'
 
+      v.spacer height: 10
+
       v.shareButton \
         width: 'matchParent',
         network: 'whatsapp',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'WhatsApp'
 
+      v.spacer height: 10
+
       v.shareButton \
         width: 'matchParent',
         network: 'telegram',
-        url: 'https://www.talentbasket.com/jobs',
-        title: 'TalentBasket internship',
-        description: 'Internship opportunities at talentbasket',
+        url: 'https://www.google.com',
+        title: 'This is a title',
+        description: 'This is a description',
         text: 'Telegram'
     end
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.12.1
+  version: 0.13.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
@@ -146,19 +147,19 @@ files:
 - app/views/json_ui/garage/forms/basic_post.json.jbuilder
 - app/views/json_ui/garage/forms/checkboxes.json.jbuilder
 - app/views/json_ui/garage/forms/conditional_value.json.jbuilder
-- app/views/json_ui/garage/forms/disable_dirty_prompt.json.jbuilder
+- app/views/json_ui/garage/forms/dirty_prompt.json.jbuilder
 - app/views/json_ui/garage/forms/dynamic_group.json.jbuilder
 - app/views/json_ui/garage/forms/dynamic_select.json.jbuilder
 - 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/generic_post.json.jbuilder
-- app/views/json_ui/garage/forms/get_request.json.jbuilder
 - app/views/json_ui/garage/forms/index.json.jbuilder
 - app/views/json_ui/garage/forms/local_request.json.jbuilder
 - app/views/json_ui/garage/forms/new_rich_text.json.jbuilder
 - app/views/json_ui/garage/forms/online_participant1.json.jbuilder
 - app/views/json_ui/garage/forms/online_participant2.json.jbuilder
+- app/views/json_ui/garage/forms/page_update_on_response.json.jbuilder
 - app/views/json_ui/garage/forms/payments.json.jbuilder
 - app/views/json_ui/garage/forms/pickers.json.jbuilder
 - app/views/json_ui/garage/forms/ratings.json.jbuilder

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

@@ -1,27 +0,0 @@
-json.title 'Forms'
-
-data = params[:user] || {}
-
-page = json_ui_page json
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.form url: json_ui_garage_url(path: 'forms/get_request'), method: 'get', padding: glib_json_padding_body, childViews: ->(form) do
-  # TODO: Potential improvement:
-  # Use `reload` behaviour instead of `open` (i.e. don't keep adding URL to history).
-  # Probably introduce a flag to panels_form so developer can enable/disable this behaviour.
-  form.h3 text: "Hello #{ data[:name] }"
-  form.spacer height: 6
-  form.label text: 'On the web, upon submit, URL needs to change on the browser'
-  form.spacer height: 10
-  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name', disableDirtyCheck: true
-
-  # form.panels_split width: 'matchParent', rightViews: ->(split) do
-  #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-  # end
-
-  form.panels_split width: 'matchParent', content: ->(split) do
-    split.right childViews: ->(right) do
-      right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-    end
-  end
-end