glib-web 0.0.4 → 0.0.5

data/app/views/forms/floating_submit.json.jbuilder

@@ -0,0 +1,48 @@
+json.title 'Forms'
+
+render './nav_menu', json: json
+
+footer = Jbuilder.new do |json|
+  json.padding(top: 12, left: 20, right: 80, bottom: 12)
+  json.backgroundColor '#b3bac2'
+  json.subviews do
+    json.child! do
+      json.view 'label-v1'
+      json.text 'Demonstrates the use Floating Action Button on a form with footer'
+    end
+  end
+end
+
+options = {
+  url: json_ui_garage_url(path: 'forms/generic_post'),
+  method: 'post',
+  padding: { top: 12, left: 20, right: 20, bottom: 12 }
+}
+json_body_with_form json, nil, footer, options do
+  30.times do |i|
+    json.child! do
+      json.view 'fields/text-v1'
+      json.name "user[field#{i}]"
+      json.width 'matchParent'
+      json.label "Field#{i}"
+    end
+  end
+
+  json.child! do
+    json.view 'button-v1'
+    json.text 'Submit'
+    json.onClick do
+      json.action 'forms/submit-v1'
+    end
+  end
+
+  json.child! do
+    json.view 'fab-v1'
+    json.icon do
+      json.materialName 'send'
+    end
+    json.onClick do
+      json.action 'forms/submit-v1'
+    end
+  end
+end

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

@@ -0,0 +1,6 @@
+sleep 0.5
+
+json.onResponse do
+  json.action 'dialogs/alert-v1'
+  json.message 'Success!'
+end

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

@@ -0,0 +1,43 @@
+json.title 'Forms'
+
+render './nav_menu', json: json
+
+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/forms/submit_indicator.json.jbuilder

@@ -0,0 +1,32 @@
+json.title 'Forms'
+
+render './nav_menu', json: json
+
+options = {
+  url: json_ui_garage_url(path: 'forms/submit_indicator_post'),
+  method: 'post',
+  padding: { top: 12, left: 20, right: 20, bottom: 12 }
+}
+json_body_with_form json, nil, nil, options do
+  json.child! do
+    json.view 'fields/text-v1'
+    json.name 'user[name]'
+    json.width 'matchParent'
+    json.label 'Name'
+  end
+
+  json.child! do
+    json.view 'panels/split-v1'
+    json.width 'matchParent'
+
+    json.content do
+      json.right do
+        json.view 'button-v1'
+        json.text 'Submit'
+        json.onClick do
+          json.action 'forms/submit-v1'
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,12 @@
+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

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

@@ -0,0 +1,61 @@
+json.title 'Components'
+
+render './nav_menu', json: json
+
+json_body_with_list json do
+  json.rows do
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Pages'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'pages/index')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Lists'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'lists/index')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Forms'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'forms/index')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Panels'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'panels/index')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Views'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'views/index')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Actions'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'actions/index')
+      end
+    end
+  end
+end

data/app/views/lists/_infinite_scroll_section.json.jbuilder

@@ -0,0 +1,10 @@
+json.rows do
+  batch_count = 30
+  batch_count.times do |i|
+    index = page * batch_count + i
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title "Item #{index}"
+    end
+  end
+end

data/app/views/lists/index.json.jbuilder

@@ -0,0 +1,25 @@
+json.title 'Forms'
+
+render './nav_menu', json: json
+
+json_body_with_list json do
+  json.rows do
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Templating'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'lists/templating')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Infinite Scroll'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'lists/infinite_scroll')
+      end
+    end
+  end
+end

data/app/views/lists/infinite_scroll.json.jbuilder

@@ -0,0 +1,27 @@
+
+page = params[:page].to_i
+nextPage = {
+  url: json_ui_garage_url(path: 'lists/infinite_scroll', page: page + 1, section_only: 'v1'),
+  autoLoad: true
+}
+
+# TODO: Cater
+# - for SEO: one URL for a standalone page and one URL for pagination only
+# - for generic approach, e.g. excluding nav_menu when there is no change
+if params[:section_only].present?
+  json.nextPage nextPage
+  json.sections do
+    json.child! do
+      render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: page
+    end
+  end
+else
+  json.title 'Lists'
+
+  render './nav_menu', json: json
+
+  options = { nextPage: nextPage }
+  json_body_with_list json, nil, nil, options do
+    render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: page
+  end
+end

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

@@ -0,0 +1,45 @@
+json.title 'Lists'
+
+render './nav_menu', json: json
+
+json_body_with_list json do
+  json.header do
+    json.subviews do
+      json.child! do
+        json.view 'label-v1'
+        json.text 'Section Header'
+      end
+    end
+  end
+
+  json.rows do
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Click me'
+      json.onClick do
+        json.action 'dialogs/alert-v1'
+        json.message 'Perform action'
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Item with subtitle'
+      json.subtitle 'Item subtitle'
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Item with thumbnail image'
+      json.subtitle 'Item subtitle'
+      json.imageUrl @sample_image_url
+    end
+
+    json.child! do
+      json.template 'featured-v1'
+      json.title 'Featured with featured image'
+      json.subtitle 'Item subtitle'
+      json.imageUrl @sample_image_url
+    end
+  end
+end

data/app/views/pages/full_width_height.json.jbuilder

@@ -0,0 +1,39 @@
+json.title 'Pages'
+
+render './nav_menu', json: json
+
+json.header do
+  json.padding(left: 20, right: 20, top: 5, bottom: 5)
+  json.backgroundColor '#b3bac2'
+  json.subviews do
+    json.child! do
+      json.view 'h1-v1'
+      json.text 'Header'
+    end
+  end
+end
+
+json.content do
+  json.height 'matchParent'
+  json.padding(top: 15, left: 20, right: 20, bottom: 15)
+  json.subviews do
+    json.child! do
+      json.view 'button-v1'
+      json.width 'matchParent'
+      json.height 'matchParent'
+      json.text 'Full Width/Height'
+    end
+  end
+end
+
+json.footer do
+  json.height 80
+  json.padding(left: 20, right: 20, top: 5, bottom: 5)
+  json.backgroundColor '#b3bac2'
+  json.subviews do
+    json.child! do
+      json.view 'h1-v1'
+      json.text 'Footer'
+    end
+  end
+end

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

@@ -0,0 +1,35 @@
+json.title 'Pages'
+
+render './nav_menu', json: json
+
+json_body_with_list json do
+  json.rows do
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Nav Buttons'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'pages/nav_buttons')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Hamburger Layout'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'pages/layout')
+      end
+    end
+
+    json.child! do
+      json.template 'thumbnail-v1'
+      json.title 'Full Width/Height'
+      json.onClick do
+        json.action 'windows/open-v1'
+        json.url json_ui_garage_url(path: 'pages/full_width_height')
+      end
+    end
+
+  end
+end

data/app/views/pages/layout.json.jbuilder

@@ -0,0 +1,35 @@
+json.title 'Pages'
+
+render './nav_menu', json: json
+
+header = Jbuilder.new do |json|
+  json.padding(top: 12, left: 20, right: 20, bottom: 12)
+  json.backgroundColor '#b3bac2'
+  json.subviews do
+    json.child! do
+      json.view 'h1-v1'
+      json.text 'Header'
+    end
+  end
+end
+
+footer = Jbuilder.new do |json|
+  json.padding(top: 12, left: 20, right: 20, bottom: 12)
+  json.backgroundColor '#b3bac2'
+  json.subviews do
+    json.child! do
+      json.view 'h1-v1'
+      json.text 'Footer'
+    end
+  end
+end
+
+options = {padding: {top: 20, left: 20, right: 20, bottom: 20}}
+json_body_with_scroll json, header, footer, options do
+  (1..100).each do |index|
+    json.child! do
+      json.view 'label-v1'
+      json.text 'Content'
+    end
+  end
+end

data/app/views/pages/nav_buttons.json.jbuilder

@@ -0,0 +1,32 @@
+json.title 'Pages'
+
+render './nav_menu', json: json
+
+json.rightNavButtons do
+  json.child! do
+    json.icon do
+      json.materialName 'search'
+    end
+    json.onClick do
+      json.action 'dialogs/alert-v1'
+      json.message 'Perform some action'
+    end
+  end
+
+  json.child! do
+    json.icon do
+      json.materialName 'map'
+    end
+    json.onClick do
+      json.action 'dialogs/alert-v1'
+      json.message 'Perform some action'
+    end
+  end
+end
+
+json_body_with_scroll json do
+  json.child! do
+    json.view 'label-v1'
+    json.text 'See the right menu buttons on the nav bar'
+  end
+end