glib-web 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1c9296a445e5e0d74a2b3c801fe2fc02d2534c97
-  data.tar.gz: e2670acc3fb614affb71939f1d33609f7cd53e17
+  metadata.gz: 16cdd34be25cdf7ddc7eed6386b812fad3344f9d
+  data.tar.gz: 22e6e356684d59ef1eacafc4db92f1ba3b65cc3e
 SHA512:
-  metadata.gz: aeeb6f7c4b82cded13854c5ed44e80836257d29c98b06b223f00947fa77692a3191c50a07ffe0c56e1bedd7aa5656ec241398ec46a78aa8c6651c6bbb0baf051
-  data.tar.gz: 7d176519ccc425f4bf889e73e41ad068bf93c7366902a9f3230f2fbe5ed8655d6dabc53193220abf34f4553bff59f63b89192d434a115d95aa660e898f7e4642
+  metadata.gz: 760f82dd68348ebe244c5b4a9a13ab4250b39ccb4aaeb8cda728d51b936be3e5603d06021a7a78313da84eb73670052d35e133b84c2b3cc81199af5380726dfe
+  data.tar.gz: 94fa00daca4205c602579f97c6b4ee5e1846736b301b07ac2fea10efa05b9e5800302ad2c96d04fb69bcd817325e9aaca1cb3530f039fb9f01a94dcf975ef4db

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

@@ -127,5 +127,9 @@ class Glib::JsonUi::ViewBuilder
       string :distribution
     end
 
+    class Card < View
+      views :childViews
+    end
+
   end
 end

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

@@ -1,9 +1,14 @@
 json.title 'Actions'
 
 json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page  
+  render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.list sections: [->(section) do
+  # page.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+  #   header.label text: "Timestamp: #{DateTime.current.to_i}"
+  # end
+
+  page.list sections: [
+    ->(section) do
       section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
         header.h3 text: 'Dialogs'
       end
@@ -40,16 +45,30 @@ json_ui_page json do |page|
       end
 
       section.rows builder: ->(template) do
-        template.thumbnail title: 'windows/reload', onClick: ->(action) do
-          action.windows_reload
-        end
-
         template.thumbnail title: 'windows/close', onClick: ->(action) do
           action.windows_close onClose: ->(subaction) do
             subaction.dialogs_alert message: 'Previous window closed'
           end
         end
       end
+    end, ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Reload'
+        header.br height: 6
+        header.label text: 'Reload does not open a new page/screen. Click reload a few times, then click back and notice that it goes back to the page before the reload.'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
+          action.windows_reload
+        end
+        
+        reload_counter = params[:reload_counter].to_i
+        template.thumbnail title: "windows/reload with URL (counter: #{reload_counter})", onClick: ->(action) do
+          action.windows_reload url: json_ui_garage_url(path: 'actions/index', reload_counter: reload_counter + 1)
+        end
+
+      end
     end
   ]
 end

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

@@ -1,11 +1,8 @@
-
 name, _ = params.require(:user).values_at(:name)
-json.onResponse do
-  if name.present?
-    json.action 'dialogs/alert-v1'
-    json.message "Submitted information: #{params.require(:user).values.join(", ")}"
+json_ui_response json do |action|
+  if !name.present?
+    action.dialogs_alert message: 'Please enter name'
   else
-    json.action 'dialogs/alert-v1'
-    json.message 'Please enter name'
+    action.dialogs_alert message: "Submitted information: #{params.require(:user).values.join(", ")}"
   end
 end

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

@@ -1,6 +1,5 @@
 sleep 0.5
 
-json.onResponse do
-  json.action 'dialogs/alert-v1'
-  json.message 'Success!'
+json_ui_response json do |action|
+  action.dialogs_alert message: 'Success!'
 end

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

@@ -3,70 +3,56 @@ json.title 'Forms'
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
   
-  page.list firstSection: ->(section) do
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Basic', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/basic')
+  page.list sections: [
+    ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Form Fields'
       end
-      template.thumbnail title: 'Submit Indicator', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/submit_indicator')
-      end
-      template.thumbnail title: 'Floating Submit', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Basic', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/basic')
+        end
+        template.thumbnail title: 'Pickers (TODO: web, ios, android)', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
+        end
+        template.thumbnail title: 'File Upload', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
+        end
+        template.thumbnail title: 'Floating Submit', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
+        end
+
       end
-      template.thumbnail title: 'File Upload', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
+    end, ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Submission Logics'
       end
-      template.thumbnail title: 'Pickers', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
+
+      section.rows builder: ->(template) do
+        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
+          action.windows_open url: json_ui_garage_url(path: 'forms/submission_indicator')
+        end
+        template.thumbnail title: 'Text Validation - TODO: web, ios, android', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
+        end
+        
       end
-      template.thumbnail title: 'Text Validation', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
+    end, ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Web Only'
       end
-      template.thumbnail title: 'Others', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/others')
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Rich Text Editor', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
+        end
+        
       end
     end
+  ]
 
-  end
 end
-
-# json_body_with_list json do
-#   json.rows do
-#     json.child! do
-#       json.template 'thumbnail-v1'
-#       json.title 'Basic'
-#       json.onClick do
-#         json.action 'windows/open-v1'
-#         json.url json_ui_garage_url(path: 'forms/basic')
-#       end
-#     end
-
-#     json.child! do
-#       json.template 'thumbnail-v1'
-#       json.title 'Submit Indicator'
-#       json.onClick do
-#         json.action 'windows/open-v1'
-#         json.url json_ui_garage_url(path: 'forms/submit_indicator')
-#       end
-#     end
-
-#     json.child! do
-#       json.template 'thumbnail-v1'
-#       json.title 'Floating Submit'
-#       json.onClick do
-#         json.action 'windows/open-v1'
-#         json.url json_ui_garage_url(path: 'forms/floating_submit')
-#       end
-#     end
-
-#     json.child! do
-#       json.template 'thumbnail-v1'
-#       json.title 'File Upload'
-#       json.onClick do
-#         json.action 'windows/open-v1'
-#         json.url json_ui_garage_url(path: 'forms/file_upload')
-#       end
-#     end
-#   end
-# end

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

@@ -0,0 +1,17 @@
+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_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.br 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 }
+  end
+end

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

@@ -0,0 +1,24 @@
+
+flow = params.require(:user)[:flow] if params[:user]
+json_ui_response json do |action|
+  if !flow.present?
+    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_alert'
+      action.windows_close onClose: ->(action) do
+        action.dialogs_alert message: 'Thanks for the submission!'
+      end
+    when 'alert_close'
+      action.dialogs_alert message: 'Thanks for the submission!', onClose: ->(action) do
+        action.windows_close
+      end
+    when 'open'
+      action.windows_open url: json_ui_garage_url(path: 'forms/index')
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+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/generic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+    form.button text: 'This button gets disabled on submit', onClick: ->(action) { action.forms_submit }
+  end
+end

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

@@ -14,7 +14,7 @@ json_ui_page json do |page|
       end
       template.thumbnail title: 'Item with subtitle', subtitle: 'Item subtitle'
       template.thumbnail title: 'Item with thumbnail image', subtitle: 'Item subtitle', imageUrl: @sample_image_url
-      template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: @sample_image_url
+      # template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: @sample_image_url
     end
   end
 end

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

@@ -0,0 +1,31 @@
+json.title 'Panels'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.scroll childViews: ->(scroll) do
+    scroll.br height: 20
+
+    scroll.panels_card width: 'matchParent', padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(card) do
+      card.h1 text: 'Vertical Panel'
+      card.panels_vertical backgroundColor: '#b3bac2', childViews: ->(panel) do
+      # card.panels_vertical backgroundColor: '#ff0000', childViews: ->(panel) do
+        panel.button text: 'Button1'
+        panel.button text: 'Button2', width: 200
+        panel.button text: 'Button3', width: 300
+      end
+    end
+
+    scroll.br height: 20
+    
+    scroll.panels_card width: 'matchParent', padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(card) do
+      card.h1 text: 'Vertical Panel with equal filling'
+      card.panels_vertical backgroundColor: '#b3bac2', height: 300, distribution: 'fillEqually', childViews: ->(panel) do
+        panel.button text: 'Button1'
+        panel.button text: 'Button2'
+        panel.button text: 'Button3'
+      end
+    end
+
+  end
+end

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

@@ -5,6 +5,9 @@ json_ui_page json do |page|
   
   page.list firstSection: ->(section) do
     section.rows builder: ->(template) do
+      template.thumbnail title: 'Card', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'panels/card')
+      end
       template.thumbnail title: 'Vertical', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'panels/vertical')
       end

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

@@ -4,6 +4,29 @@ json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
   
   page.scroll childViews: ->(scroll) do
+    # scroll.br height: 20
+
+    # scroll.panels_card width: 'matchParent', padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(card) do
+    #   card.h1 text: 'Vertical Panel'
+    #   card.panels_vertical backgroundColor: '#b3bac2', childViews: ->(panel) do
+    #   # card.panels_vertical backgroundColor: '#ff0000', childViews: ->(panel) do
+    #     panel.button text: 'Button1'
+    #     panel.button text: 'Button2', width: 200
+    #     panel.button text: 'Button3', width: 300
+    #   end
+    # end
+
+    # scroll.br height: 20
+    
+    # scroll.panels_card width: 'matchParent', padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(card) do
+    #   card.h1 text: 'Vertical Panel with equal filling'
+    #   card.panels_vertical backgroundColor: '#b3bac2', height: 300, distribution: 'fillEqually', childViews: ->(panel) do
+    #     panel.button text: 'Button1'
+    #     panel.button text: 'Button2'
+    #     panel.button text: 'Button3'
+    #   end
+    # end
+
     scroll.h1 text: 'Vertical Panel'
     scroll.panels_vertical backgroundColor: '#b3bac2', childViews: ->(panel) do
       panel.button text: 'Button1'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - ''
@@ -54,10 +54,11 @@ files:
 - 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/index.json.jbuilder
-- app/views/json_ui/garage/forms/others.json.jbuilder
 - app/views/json_ui/garage/forms/pickers.json.jbuilder
-- app/views/json_ui/garage/forms/submit_indicator.json.jbuilder
-- app/views/json_ui/garage/forms/submit_indicator_post.json.jbuilder
+- app/views/json_ui/garage/forms/rich_text.json.jbuilder
+- app/views/json_ui/garage/forms/submission_flow.json.jbuilder
+- app/views/json_ui/garage/forms/submission_flow_post.json.jbuilder
+- app/views/json_ui/garage/forms/submission_indicator.json.jbuilder
 - app/views/json_ui/garage/forms/text_validation.json.jbuilder
 - app/views/json_ui/garage/home/index.json.jbuilder
 - app/views/json_ui/garage/lists/_infinite_scroll_section.json.jbuilder
@@ -69,6 +70,7 @@ files:
 - app/views/json_ui/garage/pages/layout.json.jbuilder
 - app/views/json_ui/garage/pages/nav_buttons.json.jbuilder
 - app/views/json_ui/garage/pages/tab_bar.json.jbuilder
+- app/views/json_ui/garage/panels/card.json.jbuilder
 - app/views/json_ui/garage/panels/carousel.json.jbuilder
 - app/views/json_ui/garage/panels/horizontal.json.jbuilder
 - app/views/json_ui/garage/panels/index.json.jbuilder

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

@@ -1,18 +0,0 @@
-json.title 'Forms'
-
-options = {
-  url: json_ui_garage_url(path: 'forms/submit_indicator_post'),
-  method: 'post',
-  padding: { top: 12, left: 20, right: 20, bottom: 12 }
-}
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-  
-  page.form options.merge(childViews: ->(form) do
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-    form.panels_split width: 'matchParent', rightViews: ->(split) do
-      split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
-    end
-  end)
-end

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

@@ -1,12 +0,0 @@
-sleep 2
-
-name = params.require(:user)[:name]
-json.onResponse do
-  if name.present?
-    json.action 'dialogs/alert-v1'
-    json.message "Submitted information: #{name}"
-  else
-    json.action 'dialogs/alert-v1'
-    json.message 'Please enter all required information'
-  end
-end