glib-web 0.4.65 → 0.4.70

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 2158feb2985dca0cb028b034fbd8b9d9ba94924b
-  data.tar.gz: 5319d4abaa9541211a111ed57c1d505e7a50e154
+SHA256:
+  metadata.gz: 21a31310ee9b0f143ab08cef06bfde8f49915864bae1585585477180c9de97c9
+  data.tar.gz: dc0b4e1737ec4e90f3d13f7345f05315f6885731843dd514b41a2b0b7531432c
 SHA512:
-  metadata.gz: 472b176e7a2e6bacb8d3f0e8c562df8e7ac339618f544f4685344d2a2efd04fad2ccdd42735ad134223d447b90fd4dbb89ce4b1dfa31e7780e904149634801ef
-  data.tar.gz: 921148bf350fa27bbd43a8b13770551af7cf872c3fe49944e7f9e2a4b14a51aa16688c1755b2490f707ee69a9a4140a9e13505717a04af4825a08806cae7daab
+  metadata.gz: '071090af5a108ce8129d207e1c8dd280b1a676102f0842df9152e1bf387c0ead4884b914fb1c92a8fd95a63c96fe10be0ccd2e17497800608b58a82a56c3b13e'
+  data.tar.gz: 826145993c7b9e492328ed4b8f751654b52874d7bdedbd9d56c6541e2df509c699ba802c5374998d640a2ecf7706902b07ce7171aa7e74b8b9a292202b7a1171

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

@@ -170,6 +170,12 @@ module Glib
           raise "Invalid properties: #{options.keys}" if options.size > 0
         end
 
+        def onLoad(options = {})
+          json.onLoad do
+            yield @action_builder
+          end
+        end
+
       end
     end
   end

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

@@ -1,6 +1,8 @@
 class Glib::JsonUi::ViewBuilder
   module Panels
     class Form < View
+      action :onSubmit
+      string :paramNameForFormData
       # boolean :local
 
       def is_array_association?(prop)
@@ -97,6 +99,8 @@ class Glib::JsonUi::ViewBuilder
 
     class List < View
       hash :nextPage
+      action :onScrollToTop
+      action :onScrollToBottom
 
       def firstSection(block)
         json.sections [1] do
@@ -149,6 +153,7 @@ class Glib::JsonUi::ViewBuilder
 
     class Responsive < View
       views :childViews
+      string :align
     end
 
     class Column < View
@@ -188,6 +193,12 @@ class Glib::JsonUi::ViewBuilder
     class Custom < View
       string :template
       hash :data
+
+      def content(block)
+        json.data do
+          block.call page.view_builder
+        end
+      end
     end
 
     class Ul < View

data/app/validators/email_typo_validator.rb

@@ -0,0 +1,38 @@
+class EmailTypoValidator < ActiveModel::EachValidator
+  COMMON_FORMAT = {
+    '\.\.' => '.',
+    '.con\z' => '.com',
+    '.coj\z' => '.com',
+    '.vom\z' => '.com',
+    '.xom\z' => '.com',
+    '.com[a-z]\z' => '.com',
+    '.con.' => '.com.',
+    '.orf\z' => '.org',
+    '.orf.' => '.org.',
+    '@hitmail.' => '@hotmail.',
+    '@htomail.' => '@hotmail.',
+    '@hotnail.' => '@hotmail.',
+    '@hotmil.' => '@hotmail.',
+    '@hotmal.' => '@hotmail.',
+    '@hoymail.' => '@hotmail.',
+    '@hormail.' => '@hotmail.',
+    '@hotmsil.' => '@hotmail.',
+    '@gail.' => '@gmail.',
+    '@gnail.' => '@gmail.',
+    '@gmil.' => '@gmail.',
+    '@gmal.' => '@gmail.',
+    '@gmai.' => '@gmail.',
+    '@yahho.' => '@yahoo.',
+    '@yaho.' => '@yahoo.',
+  }
+
+  def validate_each(record, attribute, value)
+    COMMON_FORMAT.keys.each do |format_key|
+      regex = Regexp.new(format_key)
+      if match = regex.match(value)
+        record.errors.add(attribute, "Invalid, replace #{match[0]} with #{COMMON_FORMAT[format_key]}")
+        break
+      end
+    end
+  end
+end

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

@@ -0,0 +1,18 @@
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Timeouts'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'timeouts/set', onClick: ->(action) do
+    action.timeouts_set interval: 1000, onTimeout: ->(subaction) do
+      subaction.snackbars_alert message: 'Timeout elapsed'
+    end
+  end
+end
+
+# section.rows builder: ->(template) do
+#   template.thumbnail title: 'timeouts/clear', onClick: ->(action) do
+#     action.windows_open url: json_ui_garage_url(path: 'home/blank')
+#   end
+# end

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

@@ -12,6 +12,8 @@ json_ui_page json do |page|
       render "#{@path_prefix}/actions/sheets", section: section
     end, ->(section) do
       render "#{@path_prefix}/actions/windows", section: section
+    end, ->(section) do
+      render "#{@path_prefix}/actions/timeouts", section: section
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
         header.h3 text: 'Reload'

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

@@ -2,11 +2,11 @@ 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: 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', leftViews: ->(split) do
     #   if params[:mode] == 'dialog'
     #     split.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
@@ -14,7 +14,7 @@ json_ui_page json do |page|
     # end, rightViews: ->(split) do
     #   split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
     # end
-    
+
     form.panels_split width: 'matchParent', content: ->(split) do
       split.left childViews: ->(left) do
         if params[:mode] == 'dialog'
@@ -25,7 +25,10 @@ json_ui_page json do |page|
         right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
       end
     end
-    
+
   end
-  
+  # , paramNameForFormData: 'formData', onSubmit: ->(action) do
+  #   action.http_post url: json_ui_garage_url(path: 'forms/generic_post')
+  # end
+
 end

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

@@ -12,12 +12,14 @@ json_ui_page json do |page|
       selectedOptions: [ { value: 'id3', text: 'Item 3' } ],
       url: json_ui_garage_url(path: 'forms/dynamic_select_data')
 
+    form.spacer height: 14
     form.fields_dynamicSelect name: 'user[preferred_languages][]', width: 'matchParent', label: 'Preferred Languages', 
       # value: ['id3', 'id5'], multiple: true,
       selectedOptions: [ { value: 'id3', text: 'Item 3' }, { value: 'id5', text: 'Item 5' } ],
       url: json_ui_garage_url(path: 'forms/dynamic_select_data'),
       multiple: true
 
+    form.spacer height: 14
     form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
   end
 end

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

@@ -13,28 +13,11 @@ json.rows do
     json.child! do
       index = page * count_per_page + i
       json.template 'thumbnail'
-      json.title "City #{index}"
+      json.title "City #{index} (#{params[:q]})"
       json.subtitle "State #{index}"
       json.subsubtitle "Country #{index}"
       json.value "id#{index}"
       json.text "Item #{index}"
     end
   end
-
-  # languages = {
-  #   'zh-HK' => 'Hong Kong',
-  #   'zh-TW' => 'Taiwan',
-  #   'zh-CN' => 'China',
-  #   'ja-JP' => 'Japan',
-  #   'ko-KR' => 'Korea',
-  #   'ru-RU' => 'Russian',
-  #   'en-PH' => 'Philippines'
-  # }
-  # languages.each do |k, v|
-  #   json.child! do
-  #     json.value k
-  #     json.text v
-  #   end
-  # end
-
 end

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

@@ -5,8 +5,17 @@ json_ui_page json do |page|
 
   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', styleClasses: ['outlined', 'rounded']
+
+    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_stripeToken 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.left childViews: ->(left) do
       #   if params[:mode] == 'dialog'

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

@@ -1,19 +1,63 @@
 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/submission_indicator_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.panels_form width: 'matchParent', styleClasses: ['card', 'outlined'], padding: glib_json_padding_body, url: json_ui_garage_url(path: 'forms/submission_indicator_post'), method: 'post', childViews: ->(form) do
     form.label text: 'These buttons get disabled on submit'
-    form.spacer height: 10
+    form.spacer height: 14
     form.button text: 'Normal Button', onClick: ->(action) { action.forms_submit }
-    form.spacer height: 10
+    form.spacer height: 14
     form.fields_submit text: 'Submit Button'
 
-    # This needs to be long enough that the FAB is roughly at the bottom of a mobile screen.
-    # Ideally the spacer can expand dynamically depending on available space.
-    form.spacer height: 400
-
     form.fab icon: 'send', onClick: ->(action) { action.forms_submit }
   end
+
+  scroll.spacer height: 14
+
+  scroll.panels_form width: 'matchParent', styleClasses: ['card', 'outlined'], padding: glib_json_padding_body, url: json_ui_garage_url(path: 'forms/submission_indicator_post', mode: 'slow_open'), method: 'post', childViews: ->(form) do
+    form.fields_submit text: 'Submit button with slow window/open'
+  end
+
+  scroll.spacer height: 14
+
+  scroll.panels_form width: 'matchParent', styleClasses: ['card', 'outlined'], padding: glib_json_padding_body, url: json_ui_garage_url(path: 'forms/submission_indicator_post', mode: 'slow_openWeb'), method: 'post', childViews: ->(form) do
+    form.fields_submit text: 'Submit button with slow window/openWeb'
+  end
+
+  scroll.spacer height: 14
+
+  scroll.panels_form width: 'matchParent', styleClasses: ['card', 'outlined'], padding: glib_json_padding_body, url: json_ui_garage_url(path: 'forms/submission_indicator_post', mode: 'timeout_once'), method: 'post', childViews: ->(form) do
+    form.fields_submit text: 'Submit Button with timeouts/set once'
+  end
+
+  scroll.spacer height: 14
+
+  scroll.panels_form width: 'matchParent', styleClasses: ['card', 'outlined'], padding: glib_json_padding_body, url: json_ui_garage_url(path: 'forms/submission_indicator_post', mode: 'timeout_chain', count: 0), method: 'post', childViews: ->(form) do
+    form.fields_submit text: 'Submit Button with timeouts/set chain'
+  end
+
+  # This needs to be long enough that the FAB is roughly at the bottom of a mobile screen.
+  # Ideally the spacer can expand dynamically depending on available space.
+  scroll.spacer height: 400
+
 end
+
+# page.form url: json_ui_garage_url(path: 'forms/submission_indicator_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+#   form.label text: 'These buttons get disabled on submit'
+#   form.spacer height: 10
+#   form.button text: 'Normal Button', onClick: ->(action) { action.forms_submit }
+#   form.spacer height: 10
+#   form.fields_submit text: 'Submit Button'
+
+#   # This needs to be long enough that the FAB is roughly at the bottom of a mobile screen.
+#   # Ideally the spacer can expand dynamically depending on available space.
+#   form.spacer height: 400
+
+#   form.fab icon: 'send', onClick: ->(action) { action.forms_submit }
+# end
+
+# page.form url: json_ui_garage_url(path: 'forms/submission_indicator_post', timeout: true), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+#   form.fields_submit text: 'Submit Button with Timeout'
+# end

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

@@ -1,5 +1,25 @@
 sleep 0.5
 
 json_ui_response json do |action|
-  action.dialogs_alert message: 'Success!'
+  case params[:mode]
+  when 'timeout_once'
+    action.timeouts_set interval: 2000, onTimeout: ->(subaction) do
+      subaction.dialogs_alert message: 'Success!'
+    end
+  when 'timeout_chain'
+    count = params[:count].to_i
+    if count > 3
+      action.dialogs_alert message: 'Success!'
+    else
+      action.timeouts_set interval: 500, onTimeout: ->(subaction) do
+        subaction.http_post url: json_ui_garage_url(path: 'forms/submission_indicator_post', mode: 'timeout_chain', count: count + 1)
+      end
+    end
+  when 'slow_open'
+    action.windows_open url: json_ui_garage_url(path: 'home/slow')
+  when 'slow_openWeb'
+    action.windows_openWeb url: 'https://www.google.com'
+  else
+    action.dialogs_alert message: 'Success!'
+  end
 end

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

@@ -10,6 +10,9 @@ json_ui_page json do |page|
     form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
     form.fields_textarea name: 'user[textarea]', width: 'matchParent', label: 'Textarea with maxLength', maxLength: 50, validation: { required: { message: 'Required' } }
 
+    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
+
     form.spacer height: 20
     form.fields_stripeToken name: 'user[stripe_token]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'