glib-web 0.0.2 → 0.0.3

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 Glib::Web::Engine.routes.url_helpers.json_ui_garage_path(_render: 'v1', 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 Glib::Web::Engine.routes.url_helpers.json_ui_garage_path(_render: 'v1', 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 Glib::Web::Engine.routes.url_helpers.json_ui_garage_path(_render: 'v1', 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 Glib::Web::Engine.routes.url_helpers.json_ui_garage_path(_render: 'v1', 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 Glib::Web::Engine.routes.url_helpers.json_ui_garage_path(_render: 'v1', 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

data/app/views/panels/horizontal.json.jbuilder

@@ -0,0 +1,213 @@
+json.title 'Components'
+
+render './nav_menu', json: json
+
+json_body_with_scroll json do
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.backgroundColor '#b3bac2'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '2'
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+      end
+    end
+  end
+
+  json.child! do
+    json.view 'label-v1'
+    json.text "\n"
+  end
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel with equal filling'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.backgroundColor '#b3bac2'
+    json.width 300
+    json.distribution 'fillEqually'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '2'
+        json.height 50
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+        json.height 70
+      end
+    end
+  end
+
+  json.child! do
+    json.view 'label-v1'
+    json.text "\n"
+  end
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel with equal spacing'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.backgroundColor '#b3bac2'
+    json.width 300
+    json.distribution 'spaceEqually'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '2'
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+      end
+    end
+  end
+
+  json.child! do
+    json.view 'label-v1'
+    json.text "\n"
+  end
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel (containing vertical panel)'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'panels/vertical-v1'
+        json.subviews do
+          json.child! do
+            json.view 'button-v1'
+            json.text 'A'
+          end
+
+          json.child! do
+            json.view 'button-v1'
+            json.text 'B'
+          end
+        end
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+      end
+    end
+  end
+
+  json.child! do
+    json.view 'label-v1'
+    json.text "\n"
+  end
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel with equal filling (containing vertical panel)'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.width 'matchParent'
+    json.distribution 'fillEqually'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'panels/vertical-v1'
+        json.subviews do
+          json.child! do
+            json.view 'button-v1'
+            json.text 'A'
+          end
+
+          json.child! do
+            json.view 'button-v1'
+            json.text 'B'
+          end
+        end
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+      end
+    end
+  end
+
+  json.child! do
+    json.view 'label-v1'
+    json.text "\n"
+  end
+  json.child! do
+    json.view 'h1-v1'
+    json.text 'Horizontal panel with equal spacing (containing vertical panel)'
+  end
+  json.child! do
+    json.view 'panels/horizontal-v1'
+    json.width 'matchParent'
+    json.distribution 'spaceEqually'
+    json.subviews do
+      json.child! do
+        json.view 'button-v1'
+        json.text '1'
+      end
+
+      json.child! do
+        json.view 'panels/vertical-v1'
+        json.subviews do
+          json.child! do
+            json.view 'button-v1'
+            json.text 'A'
+          end
+
+          json.child! do
+            json.view 'button-v1'
+            json.text 'B'
+          end
+        end
+      end
+
+      json.child! do
+        json.view 'button-v1'
+        json.text '3'
+      end
+    end
+  end
+
+end