glib-web 0.5.53 → 0.5.58

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65a2bc305ef53f9a39b851abfa09c8e760b174c74c2a8fcf41a7d04c527ef0ee
-  data.tar.gz: 5a75ed552c05fcf47468e8d91e630dd4567d5f5028656324ef36d5d0818bd8e3
+  metadata.gz: 0530acf902c8752058a734963723a16e5811befbe70266998c69a8f4aaa848d1
+  data.tar.gz: 78382d21966ea3f149afc4b8ce1dc31505909756011979351b50359f49877bc2
 SHA512:
-  metadata.gz: 9ac891b106a5e45b949d523464c82152f24166bc61e274a0377108cee8a3784e97cda6b2627340d1c1fa7cb0187870a3526fd60e6e5d3da01443e24e50b60313
-  data.tar.gz: 4e15c49028568df461f16c3de40b7c22bbfdc5e6ff2cfdd938f55e1e6263041a52f95620eef38126d7531c3ba3b10e31a1d7d2c7cb46a75d94be589d724fe9b2
+  metadata.gz: 8828097d8d8d4959888bbdd7634d8cbf676ddd31183b98fa16440535ace50cdde2a8f6230ca9eb0d22ef1fc8bf9e5358642b3a2652ab1b9014dcbcc3c78fca17
+  data.tar.gz: 8d2c328743536269527adac29527b00ec2cae739cdef6c9d1ac645c041e73aa56ab5d13aeec7ec72505f813b45d96d54d1351ffc78b3eee92e0c9355dd17be1e

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

@@ -62,13 +62,18 @@ module Glib::Json::Libs
 
   def glib_json_handle_500(exception)
     if json_ui_activated? && Rails.env.production?
-      Rollbar.error(exception) if defined?(Rollbar)
+      Rollbar.error(exception, :use_exception_level_filters => true) if defined?(Rollbar)
       render file: Rails.root.join('public', '500.html'), status: :internal_server_error
     else
       raise exception
     end
   end
 
+  def glib_json_redirect_to(url)
+    render json: {
+      onResponse: { action: 'dialogs/close', onClose: { action: 'windows/open', url: url } }
+    }
+  end
 
   module ClassMethods
 

data/app/controllers/glib/home_controller.rb

@@ -6,11 +6,49 @@ module Glib
     end
 
     def json_ui_garage
+      init_orders
+
       @path_prefix = 'json_ui/garage'
 
       # We can't use prepend_view_path because it affects the app, not the gem
       path = "#{@path_prefix}/#{params[:path] || 'home/index'}"
       render path
     end
+
+    def init_orders
+      @order_headings = {}
+      @orders = params[:orders] || []
+      @orders.each do |order|
+        prop_name, direction = order.split('-')
+        index_order(prop_name, direction)
+      end
+    end
+
+    def index_order(prop_name, direction)
+      # In a real app, apply ordering to the model. For example:
+      # @users = @users.order(prop_name => direction)
+
+      # Garage example
+      @order_headings[prop_name] = direction
+    end
+
+    def reversed_order(order)
+      order.to_sym == :asc ? :desc : :asc
+    end
+
+    def reversed_order_params(prop_name)
+      prop_value = :asc
+      remaining = @orders.reject do |o|
+        tuple = o.split('-')
+        if tuple.first == prop_name.to_s
+          prop_value = reversed_order(tuple.second)
+          true
+        end
+      end
+      # Sort the params to produce predictable URLs which are useful for SEO
+      (["#{prop_name}-#{prop_value}"] + remaining).sort
+    end
+
+    helper_method :reversed_order_params
   end
 end

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

@@ -0,0 +1,14 @@
+class Glib::JsonUi::ActionBuilder
+  module Panels
+    class ScrollToBottom < Action
+      action :onScroll
+      bool :animate
+    end
+
+    class ScrollTo < Action
+      string :viewId
+      action :onScroll
+      bool :animate
+    end
+  end
+end

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

@@ -22,5 +22,10 @@ class Glib::JsonUi::ActionBuilder
       string :url, cache: true
       action :onReload
     end
+
+    class CloseWithReload < Action
+      string :fallbackUrl
+      action :onReload
+    end
   end
 end

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

@@ -12,6 +12,7 @@ module Glib
           menu :editButtons
           menu :chips
           singleton_array :styleClass, :styleClasses
+          color :backgroundColor
 
           # def editButtons(block)
           #   json.editButtons do

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

@@ -24,6 +24,7 @@ module Glib
       end
 
       class View < JsonUiElement
+        string :id
         length :width
         length :height
         color :backgroundColor

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

@@ -233,8 +233,22 @@ class Glib::JsonUi::ViewBuilder
       string :publicKey
     end
 
+    class StripeExternalAccount < AbstractField
+      string :publicKey
+      string :accountHolderName
+      string :accountHolderType
+      string :country
+      string :currency
+    end
+
     class CreditCard < AbstractField
       string :publicKey
     end
+
+    class Rating < AbstractField
+      bool    :halfIncrements
+      string  :color
+      int     :size
+    end
   end
 end

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

@@ -202,6 +202,7 @@ class Glib::JsonUi::ViewBuilder
       views :childViews
       string :distribution
       string :align
+      action :onClick
     end
 
     class Horizontal < View

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

@@ -0,0 +1,18 @@
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Panels'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'panels/scrollToBottom', onClick: ->(action) do
+    action.panels_scrollToBottom animate: true, onScroll: ->(subaction) do
+      subaction.dialogs_alert message: 'Bottom reached'
+    end
+  end
+
+  template.thumbnail title: 'panels/scrollTo', onClick: ->(action) do
+    action.panels_scrollTo viewId: 'scroll_anchor', animate: true, onScroll: ->(subaction) do
+      subaction.dialogs_alert message: 'Bottom reached'
+    end
+  end
+end

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

@@ -1,6 +1,6 @@
 
 section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Timeouts'
+  header.h3 text: 'Timeouts', id: 'scroll_anchor'
 end
 
 section.rows builder: ->(template) do

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

@@ -6,6 +6,8 @@ render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 page.list sections: [
   ->(section) do
     render "#{@path_prefix}/actions/reload", section: section
+  end, ->(section) do
+    render "#{@path_prefix}/actions/panels", section: section
   end, ->(section) do
     render "#{@path_prefix}/actions/dialogs", section: section
   end, ->(section) do

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

@@ -16,7 +16,7 @@ page.list sections: [
       template.thumbnail title: "Submission Flow (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/submission_flow')
       end
-      template.thumbnail title: "Submission Indicator", onClick: ->(action) do
+      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
@@ -59,7 +59,6 @@ page.list sections: [
       template.thumbnail title: 'Floating Submit', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
       end
-
     end
   end, ->(section) do
     section.header padding: glib_json_padding_list, childViews: ->(header) do

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

@@ -3,7 +3,12 @@ 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/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+page.form \
+  url: json_ui_garage_url(path: 'forms/generic_post'),
+  method: 'post',
+  padding: glib_json_padding_body,
+  childViews: ->(form) do
+
   form.h2 text: 'Radio Group'
   form.spacer height: 6
   form.h4 text: 'Gender'
@@ -15,15 +20,40 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
 
   form.spacer height: 20
   form.h2 text: 'Single Checkbox'
-  form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
-  form.fields_check name: 'user[employer]', checkValue: 1, label: 'I am an employer (no default value)'
-  form.fields_check name: 'user[enabled]', checkValue: true, label: 'Enable', styleClass: 'switch', value: 'true'
+  form.fields_check \
+    name: 'user[age_range]',
+    value: '16+',
+    checkValue: '16+',
+    uncheckValue: '0-16',
+    label: 'I am over 16 (has default value)'
+  form.fields_check \
+    name: 'user[employer]',
+    checkValue: 1,
+    label: 'I am an employer (no default value)'
+  form.fields_check \
+    name: 'user[enabled]',
+    checkValue: true,
+    label: 'Enable',
+    styleClass: 'switch',
+    value: 'true'
 
   form.spacer height: 20
   form.h2 text: 'Date/Time'
   form.spacer height: 6
-  form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '2010-01-01', max: '2012-01-01', value: '2010-02-01'
-  form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-09T00:00', max: '2018-06-17T00:00', value: '2018-06-15T19:30'
+  form.fields_date \
+    name: 'user[date]',
+    width: 'matchParent',
+    label: 'Date',
+    min: '2010-01-01',
+    max: '2012-01-01',
+    value: '2010-02-01'
+  form.fields_datetime \
+    name: 'user[date_time]',
+    width: 'matchParent',
+    label: 'Date Time',
+    min: '2018-06-09T00:00',
+    max: '2018-06-17T00:00',
+    value: '2018-06-15T19:30'
 
   form.spacer height: 20
   form.h2 text: 'Country'
@@ -34,13 +64,39 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.spacer height: 20
   form.h2 text: 'Map'
   form.spacer height: 6
-  form.fields_location name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
+  form.fields_location \
+    name: 'user[address]',
+    width: 'matchParent',
+    label: 'Type an address',
+    value: 'Sydney Harbour Bridge',
     autocompleteOptions: { componentRestrictions: { country: 'au' }, types: ['(cities)'] },
     latitudeField: { view: 'fields/text', name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
     longitudeField: { view: 'fields/text', name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true },
     zoomField: { view: 'fields/text', name: 'user[zoom]', label: 'Zoom' }
 
   form.spacer height: 20
-  form.fields_submit text: 'Submit'
+  form.h2 text: 'Rating'
+  form.spacer height: 6
+  form.fields_rating \
+    name: 'user[rating_summary1]',
+    value: 1,
+    color: 'primary'
+  form.fields_rating \
+    name: 'user[rating_summary2]',
+    value: 1.5,
+    halfIncrements: true,
+    color: 'secondary'
+  form.fields_rating \
+    name: 'user[rating_summary3]',
+    value: 2,
+    color: 'ternary',
+    size: 35
+  form.fields_rating \
+    name: 'user[rating_summary4]',
+    value: 3,
+    readOnly: true,
+    size: 40
 
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
 end

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

@@ -1,40 +1,40 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-
-    # images = [
-    #   {
-    #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
-    #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-    #   }
-    # ]
-    # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
-
-    json.child! do
-      json.view 'fields/richText-v1'
-      json.width 'matchParent'
-      json.label 'Content'
-      json.name 'user[bio]'
-      json.value '<p>Test {{image1}}</p>'
-
-      json.images do
-        json.child! do
-          json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
-          # json.fileTitle "hita i hanom hg.jpg"
-          json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
-        end
-      end
+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'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+  # images = [
+  #   {
+  #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
+  #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+  #   }
+  # ]
+  # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
 
-      json.imageUploader do
-        json.accepts(fileType: "image/*", maxFileSize: 5000)
-        json.directUploadUrl rails_direct_uploads_url
+  json.child! do
+    json.view 'fields/richText-v1'
+    json.width 'matchParent'
+    json.label 'Content'
+    json.name 'user[bio]'
+    json.value '<p>Test {{image1}}</p>'
+
+    json.images do
+      json.child! do
+        json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
+        # json.fileTitle "hita i hanom hg.jpg"
+        json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
       end
     end
 
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    json.imageUploader do
+      json.accepts(fileType: "image/*", maxFileSize: 5000)
+      json.directUploadUrl rails_direct_uploads_url
+    end
   end
+
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
 end

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

@@ -1,70 +1,83 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
 
-  page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-    form.spacer height: 20
-    form.h2 text: 'Basic select fields'
-    form.spacer height: 6
-    languages = {
-      'brisbane' => 'Brisbane',
-      'canberra' => 'Canberra',
-      '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
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+
+  form.spacer height: 20
+  form.h2 text: 'Basic select fields'
+  form.spacer height: 6
+  languages = {
+    'brisbane' => 'Brisbane',
+    'canberra' => 'Canberra',
+    '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.spacer height: 20
-    form.h2 text: 'Select fields with grouping'
-    form.spacer height: 6
-    form.label text: 'Applicable to select fields with many options'
-    form.spacer height: 6
+  form.spacer height: 20
+  form.h2 text: 'Select fields with grouping'
+  form.spacer height: 6
+  form.label text: 'Applicable to select fields with many options'
+  form.spacer height: 6
 
-    languages = {
-      "East Asia" => {
-        "zh" => "Chinese",
-        "ja" => "Japanese",
-        "ko" => "Korean",
-      },
-      "Middle East" => {
-        "ar" => 'Arabic',
-        "hi" => "Hindi",
-      },
-      "Europe" => {
-        "nl" => "Dutch",
-        "en" => "English",
-        "fr" => "French",
-        "de" => "German",
-        "it" => "Italian",
-        "pt" => "Portuguese",
-        "es" => "Spanish",
-      },
-      "Eastern Europe" => {
-        "ru" => "Russian",
-      }
+  languages = {
+    "East Asia" => {
+      "zh" => "Chinese",
+      "ja" => "Japanese",
+      "ko" => "Korean",
+    },
+    "Middle East" => {
+      "ar" => 'Arabic',
+      "hi" => "Hindi",
+    },
+    "Europe" => {
+      "nl" => "Dutch",
+      "en" => "English",
+      "fr" => "French",
+      "de" => "German",
+      "it" => "Italian",
+      "pt" => "Portuguese",
+      "es" => "Spanish",
+    },
+    "Eastern Europe" => {
+      "ru" => "Russian",
     }
-    options = []
-    languages.each do |group, sub|
-      options << { type: 'label', text: group }
-      options.concat(sub.map { |k, v| { value: k, text: v } })
-      options << { type: 'divider' }
-    end
+  }
+  options = []
+  languages.each do |group, sub|
+    options << { type: 'label', text: group }
+    options.concat(sub.map { |k, v| { value: k, text: v } })
+    options << { type: 'divider' }
+  end
 
-    form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
-    form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
+  form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: options, value: 'nl'
+  form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: options, value: ['ja', 'de'], multiple: true
 
-    form.spacer height: 20
-    form.h2 text: 'Autocomplete (select with manual entry)'
-    form.spacer height: 6
-    skills = ['Singing', 'Dancing', 'Fighting']
-    form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
-    form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
+  form.spacer height: 20
+  form.h2 text: 'Select fields with empty values'
+  form.spacer height: 6
+  form.label text: 'It is not recommended to use nil because when the value gets submitted, it is not distinguishable from an empty string.'
+  form.spacer height: 6
+  languages = {
+    nil => 'Nil',
+    '' => 'Unspecified',
+    'specified' => 'Specified',
+  }
+  form.fields_select name: 'user[empty_default]', width: 'matchParent', label: 'Unspecified Default', options: languages.map { |k, v| { value: k, text: v } }, value: ''
+  form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
+  form.fields_select name: 'user[mixed_default][]', width: 'matchParent', label: 'Mixed Default', options: languages.map { |k, v| { value: k, text: v } }, value: ['', 'specified', nil], multiple: true
 
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  form.spacer height: 20
+  form.h2 text: 'Autocomplete (select with manual entry)'
+  form.spacer height: 6
+  skills = ['Singing', 'Dancing', 'Fighting']
+  form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'
+  form.fields_autocomplete name: 'user[skills][]', width: 'matchParent', label: 'Skills', options: skills, value: ['Dancing', 'Fencing'], multiple: true
 
-  end
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
 
 end

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

@@ -1,36 +1,35 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
 
-  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-    form.spacer height: 14
-    form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
+page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+  form.fields_text name: 'user[name]', width: 'matchParent', label: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
 
-    form.spacer height: 14
-    form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
+  form.spacer height: 14
+  form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
 
-    # form.spacer height: 14
-    # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+  form.spacer height: 14
+  form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
 
-    # form.spacer height: 14
-    # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+  # form.spacer height: 14
+  # form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
 
-    form.spacer height: 14
-    form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
+  # form.spacer height: 14
+  # form.fields_stripeToken name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
 
-    form.spacer height: 14
-    form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
+  form.spacer height: 14
+  form.fields_creditCard name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
 
-    form.spacer height: 14
-    form.panels_split width: 'matchParent', content: ->(split) do
-      split.right childViews: ->(right) do
-        right.fields_submit text: 'Submit'
-      end
-    end
+  form.spacer height: 14
+  form.fields_creditCard name: 'user[stripe_token_individual]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'individual'
 
+  form.spacer height: 14
+  form.panels_split width: 'matchParent', content: ->(split) do
+    split.right childViews: ->(right) do
+      right.fields_submit text: 'Submit'
+    end
   end
 
 end

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

@@ -1,17 +1,17 @@
 json.title 'Forms'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
 
-  page.form url: json_ui_garage_url(path: 'forms/submission_flow_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
-    form.fields_radioGroup name: 'user[flow]', childViews: ->(group) do
-      group.h3 text: 'Flow'
-      group.spacer height: 6
-      group.fields_radio value: 'close_reload', label: 'close+reload - useful for form submission in mobile apps'
-      group.fields_radio value: 'open', label: 'open - useful for form submission in web app'
-      group.fields_radio value: 'close_alert', label: 'close+alert - useful for non-model form (e.g. contact us) in both mobile/web'
-      group.fields_radio value: 'alert_close', label: 'alert+close - useful for non-model form (e.g. contact us) in both mobile/web'
-    end
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.form url: json_ui_garage_url(path: 'forms/submission_flow_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+  form.fields_radioGroup name: 'user[flow]', childViews: ->(group) do
+    group.h3 text: 'Flow'
+    group.spacer height: 6
+    group.fields_radio value: 'open', label: 'open - useful for form create'
+    group.fields_radio value: 'close_with_reload', label: 'closeWithReload - useful for form update'
+    group.fields_radio value: 'close_alert', label: 'close+alert - useful for non-model form (e.g. contact us)'
+    group.fields_radio value: 'alert_close', label: 'alert+close - useful for non-model form (e.g. contact us)'
   end
+  form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
 end

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

@@ -5,10 +5,12 @@ json_ui_response json do |action|
     action.dialogs_alert message: 'Please enter all required information'
   else
     case flow
-    when 'close_reload'
-      action.windows_close onClose: ->(action) do
-        action.windows_reload
-      end
+    when 'close_with_reload'
+      # action.windows_close onClose: ->(action) do
+      #   action.windows_reload
+      # end
+
+      action.windows_closeWithReload fallbackUrl: json_ui_garage_url(path: 'forms/index')
     when 'close_alert'
       action.windows_close onClose: ->(action) do
         action.dialogs_alert message: 'Thanks for the submission!'

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

@@ -54,6 +54,16 @@ page.form \
       width: 'matchParent',
       publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'
 
+    form.spacer height: 20
+    form.fields_stripeExternalAccount \
+      name: 'user[stripe_external_account]',
+      width: 'matchParent',
+      publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',
+      accountHolderName: 'John Doe',
+      accountHolderType: 'individual',
+      country: 'AU',
+      currency: 'AUD'
+
     form.spacer height: 30
     form.fields_submit text: 'Submit'
   end

data/app/views/json_ui/garage/home/blank.json.jbuilder

@@ -2,10 +2,9 @@ sleep 0.5
 
 json.title 'Menu'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: false
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: false
 
-  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-    scroll.label text: 'Blank page'
-  end
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Blank page'
 end

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

@@ -1,32 +1,36 @@
 json.title 'Menu'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-  
-  page.list firstSection: ->(section) do
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Pages', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'pages/index')
-      end
-      template.thumbnail title: 'Lists', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'lists/index')
-      end
-      template.thumbnail title: 'Forms', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'forms/index')
-      end
-      template.thumbnail title: 'Panels', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'panels/index')
-      end
-      template.thumbnail title: 'Views', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'views/index')
-      end
-      template.thumbnail title: 'Actions', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'actions/index')
-      end
-      template.thumbnail title: 'Tables (Web Only)', onClick: ->(action) do 
-        action.windows_open url: json_ui_garage_url(path: 'tables/index')
-      end
-    end
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
+page.list firstSection: ->(section) do
+  section.rows builder: ->(template) do
+    template.thumbnail title: 'Pages', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'pages/index')
+    end
+    template.thumbnail title: 'Panels', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'panels/index')
+    end
+    template.thumbnail title: 'Lists', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'lists/index')
+    end
+    template.thumbnail title: 'Forms', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'forms/index')
+    end
+    template.thumbnail title: 'Views', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'views/index')
+    end
+    template.thumbnail title: 'Actions', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'actions/index')
+    end
+    template.thumbnail title: 'Tables (Web Only)', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/index')
+    end
+    # Disabled to prevent errors in crawler tests due to external dependencies
+    # template.thumbnail title: 'Services', onClick: ->(action) do
+    #   action.windows_open url: json_ui_garage_url(path: 'services/index')
+    # end
   end
+
 end

data/app/views/json_ui/garage/home/slow.json.jbuilder

@@ -2,10 +2,10 @@ sleep 2.0
 
 json.title 'Menu'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: false
+page = json_ui_page json
 
-  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-    scroll.label text: 'Blank page'
-  end
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: false
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Blank page'
 end

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

@@ -3,6 +3,7 @@ json.title 'Lists'
 liked = params[:liked] == 'true'
 
 page = json_ui_page json
+
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
 json.phoenixSocket({

data/app/views/json_ui/garage/notifications/action_cable.json.jbuilder

@@ -43,7 +43,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.panels_split width: 'matchParent', content: ->(content) do
     content.left childViews: ->(left) do
       left.fields_textarea \
-        width: 'matchParent',
+        width: 440,
         label: "Messages from #{first_user.full_name}",
         onTypeStart: lambda { |action|
           action.cables_push \
@@ -69,7 +69,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
     content.right childViews: ->(right) do
       right.fields_textarea \
-        width: 'matchParent',
+        width: 440,
         label: "Messages from #{second_user.full_name}",
         onTypeStart: lambda { |action|
           action.cables_push \

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

@@ -25,6 +25,10 @@ json_ui_page json do |page|
         template.thumbnail title: 'Loading Indicator', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'pages/loading_indicator')
         end
+
+        template.thumbnail title: 'Lifecycle Hooks', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/lifecycle_hooks')
+        end
       end
     end,
     ->(section) do

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

@@ -0,0 +1,13 @@
+json.title 'Pages'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.on load: ->(action) do
+  action.dialogs_alert message: 'This is an onLoad action'
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'A dialog should appear automatically.'
+end

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

@@ -2,12 +2,16 @@ json.title 'Pages'
 
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
-  
+
   page.header childViews: ->(header) do
     header.tabBar width: 'matchParent', backgroundColor: '#ffca05', color: '#7f561b', buttons: ->(menu) do
-      
-      ['FIRST', 'SECOND', 'THIRD'].each_with_index do |text, index|
-        menu.button text: text, disabled: params[:tab].to_i == index, onClick: ->(action) do
+
+      {
+        'FIRST' => 'home',
+        'SECOND' => 'schedule',
+        'THIRD' => 'analytics'
+      }.each_with_index do |(text, icon), index|
+        menu.button icon: icon, text: text, disabled: params[:tab].to_i == index, onClick: ->(action) do
           action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
         end
       end

data/app/views/json_ui/garage/panels/vertical.json.jbuilder

@@ -46,5 +46,10 @@ json_ui_page json do |page|
       panel.button text: '3'
     end
 
+    scroll.label text: "\n"
+    scroll.h1 text: 'Click action'
+    scroll.panels_vertical width: 100, height: 100, backgroundColor: '#b3bac2', onClick: ->(action) do
+      action.dialogs_alert message: 'Perform action'
+    end
   end
 end

data/app/views/json_ui/garage/tables/layout.json.jbuilder

@@ -18,7 +18,11 @@ page.table sections: [
   ->(section) do
     section.header cellViews: ->(header) do
       column_indexes.each do |i|
-        header.label text: "Heading#{i}"
+        order_key = "heading#{i}"
+        order = @order_headings[order_key]
+        header.label text: "Heading#{i} (#{order})", onClick: ->(action) do
+          action.windows_reload url: json_ui_garage_url(path: 'tables/layout', orders: reversed_order_params(order_key))
+        end
       end
     end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.5.53
+  version: 0.5.58
 platform: ruby
 authors:
 - ''
@@ -92,6 +92,7 @@ files:
 - app/helpers/glib/json_ui/action_builder.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/panels.rb
 - app/helpers/glib/json_ui/action_builder/sheets.rb
 - app/helpers/glib/json_ui/action_builder/snackbars.rb
 - app/helpers/glib/json_ui/action_builder/windows.rb
@@ -123,6 +124,7 @@ files:
 - app/views/json_ui/garage/_nav_menu.json.jbuilder
 - app/views/json_ui/garage/actions/_dialogs.json.jbuilder
 - app/views/json_ui/garage/actions/_http.json.jbuilder
+- app/views/json_ui/garage/actions/_panels.json.jbuilder
 - app/views/json_ui/garage/actions/_reload.json.jbuilder
 - app/views/json_ui/garage/actions/_sheets.json.jbuilder
 - app/views/json_ui/garage/actions/_snackbars.json.jbuilder
@@ -175,6 +177,7 @@ files:
 - app/views/json_ui/garage/pages/full_width_height.json.jbuilder
 - app/views/json_ui/garage/pages/index.json.jbuilder
 - app/views/json_ui/garage/pages/layout.json.jbuilder
+- app/views/json_ui/garage/pages/lifecycle_hooks.json.jbuilder
 - app/views/json_ui/garage/pages/loading_indicator.json.jbuilder
 - app/views/json_ui/garage/pages/nav_buttons.json.jbuilder
 - app/views/json_ui/garage/pages/nested_scroll.json.jbuilder