glib-web 0.5.3 → 0.5.9

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

@@ -1,19 +1,18 @@
 json.title 'Pages'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-  
-  page.header padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(header) do
-    header.h1 text: 'Header'
-  end
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  page.footer padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
-    footer.h1 text: 'Footer'
-  end
+page.header padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(header) do
+  header.h1 text: 'Header'
+end
+
+page.footer padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
+  footer.h1 text: 'Footer'
+end
 
-  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-    (1..100).each do |index|
-      scroll.label text: 'Content'
-    end
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  (1..100).each do |index|
+    scroll.label text: 'Content'
   end
 end

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

@@ -1,21 +1,33 @@
 json.title 'Pages'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-  
-  page.rightNavButtons do |menu|
-    menu.button icon: 'search', onClick: ->(action) do 
-      action.dialogs_alert message: 'Perform some action'
-    end
-    menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do 
-      action.dialogs_alert message: 'Perform some action'
-    end
-    menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do 
-      action.dialogs_alert message: 'Perform some action'
-    end
-  end
+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.label text: 'See the right menu buttons on the nav bar'
+page.navBar backgroundColor: '#a8c4e3', rightButtons: ->(menu) do
+  menu.button icon: 'search', onClick: ->(action) do 
+    action.dialogs_alert message: 'Perform some action'
+  end
+  menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do 
+    action.dialogs_alert message: 'Perform some action'
+  end
+  menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do 
+    action.dialogs_alert message: 'Perform some action'
   end
 end
+
+# page.rightNavButtons do |menu|
+#   menu.button icon: 'search', onClick: ->(action) do 
+#     action.dialogs_alert message: 'Perform some action'
+#   end
+#   menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do 
+#     action.dialogs_alert message: 'Perform some action'
+#   end
+#   menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do 
+#     action.dialogs_alert message: 'Perform some action'
+#   end
+# end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'See the right menu buttons on the nav bar'
+end

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

@@ -0,0 +1,40 @@
+json.title 'Pages'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+# page.template 'fullWidth'
+
+page.header childViews: ->(header) do
+  header.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Header'
+  end
+  header.spacer height: 10
+end
+
+page.footer childViews: ->(footer) do
+  footer.spacer height: 10
+  footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Footer'
+  end
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'Inner Header'
+  scroll.label text: 'Inner Header'
+  scroll.label text: 'Inner Header'
+  scroll.spacer height: 20
+
+  scroll.panels_vertical width: 'matchParent', styleClass: 'card', backgroundColor: glib_color_panel_background, padding: glib_json_padding_body.merge(right: nil), childViews: ->(padder) do
+    padder.panels_scroll width: 'matchParent', height: 300, childViews: ->(inner_scroll) do
+      (1..100).each do |index|
+        inner_scroll.label text: 'Content'
+      end
+    end
+  end
+
+  scroll.spacer height: 20
+  scroll.label text: 'Inner Footer'
+  scroll.label text: 'Inner Footer'
+  scroll.label text: 'Inner Footer'
+end

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

@@ -1,16 +1,37 @@
 json.title 'Panels'
 
-image_url1 = 'http://ichef.bbci.co.uk/news/976/cpsprodpb/18106/production/_97266589_gettyimages-474547165.jpg'
+image_url1 = 'https://ichef.bbci.co.uk/news/976/cpsprodpb/18106/production/_97266589_gettyimages-474547165.jpg'
 image_url2 = 'https://s.abcnews.com/images/International/Guam03-gty-jrl-170809_16x9_992.jpg'
 
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
-  
+
   page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-    scroll.h1 text: 'Carousel panel'
+    scroll.label text: "\n"
+    scroll.h1 text: 'Carousel with labels'
+    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
+      carousel.label text: 'Item 1'
+      carousel.label text: 'Item 2'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Carousel with images'
     scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
       carousel.image url: image_url1, width: 'matchParent'
       carousel.image url: image_url2, width: 'matchParent'
     end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Carousel with complex layout'
+    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
+      carousel.panels_vertical childViews: ->(panel) do
+        panel.h3 text: 'Item 1'
+        panel.image url: image_url1, width: 'matchParent'
+      end
+      carousel.panels_vertical childViews: ->(panel) do
+        panel.h3 text: 'Item 2'
+        panel.image url: image_url2, width: 'matchParent'
+      end
+    end
   end
 end

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

@@ -0,0 +1,39 @@
+
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'tables/autoload_all', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
+}
+
+column_indexes = (1..3)
+if params[:section_only].present?
+  json.nextPage next_page if page_index < 3
+  json_ui_page json do |page|
+    json.sections do
+      json.child! do
+        render 'json_ui/garage/tables/autoload_section', page: page, page_index: page_index, column_indexes: column_indexes
+      end
+    end
+  end
+else
+  json.title 'Tables'
+
+  json_ui_page json do |page|
+    render "#{@path_prefix}/nav_menu", json: json, page: page
+
+    page.table nextPage: next_page, firstSection: ->(section) do
+      section.header cellViews: ->(header) do
+        column_indexes.each do |i|
+          header.label text: "Heading#{i}"
+        end
+      end
+
+      render "#{@path_prefix}/tables/autoload_section", page: page, page_index: page_index, column_indexes: column_indexes
+    end, onScrollToBottom: ->(action) do
+      action.snackbars_alert message: 'Scrolled to Bottom'
+    end, onScrollToTop: ->(action) do
+      action.snackbars_alert message: 'Scrolled to Top'
+    end
+  end
+
+end

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

@@ -17,6 +17,9 @@ json_ui_page json do |page|
       template.thumbnail title: 'Autoload All', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'tables/autoload_all')
       end
+      template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'tables/autoload_as_needed')
+      end
     end
 
   end

data/app/views/json_ui/garage/views/_chart_data.json.jbuilder

@@ -14,4 +14,4 @@ if page_index < 3
       json.points (from.month.ago.to_date..to.month.ago.to_date).map { |d| { x: d, y: 100 + rand(40) } }
     end
   ]
-end
+end

data/app/views/json_ui/garage/views/calendar_data.json.jbuilder

@@ -1,34 +1,30 @@
-
-json.events do
-  
-  json.child! do
-    json.start '2018-12-14'
-    json.end '2018-12-17'
-    json.text 'Hackathon'
-    json.onClick do
-      json.action 'dialogs/alert-v1'
-      json.message 'At Town Hall'
+section = json_ui_section json
+section.rows builder: ->(row) do
+  row.custom title: 'Hackathon',
+    extra: {
+      start: '2018-12-14',
+      end: '2018-12-17'
+    },
+    onClick: ->(action) do
+      action.dialogs_alert message: 'At Town Hall'
     end
-  end
 
-  json.child! do
-    json.start '2018-12-30'
-    json.end '2018-12-30'
-    json.text 'Birthday'
-    json.onClick do
-      json.action 'dialogs/alert-v1'
-      json.message 'At home'
+  row.custom title: 'Birthday',
+    extra: {
+      start: '2018-12-30',
+      end: '2018-12-30'
+    },
+    onClick: ->(action) do
+      action.dialogs_alert message: 'At home'
     end
-  end
 
-  json.child! do
-    json.start '2018-12-31'
-    json.end '2018-12-31'
-    json.text 'Conference'
-    json.onClick do
-      json.action 'dialogs/alert-v1'
-      json.message 'In Perth'
+  row.custom title: 'Conference',
+    extra: {
+      start: '2018-12-31',
+      end: '2019-01-02'
+    },
+    onClick: ->(action) do
+      action.dialogs_alert message: 'In Perth'
     end
-  end
 
 end

data/app/views/json_ui/garage/views/icons.json.jbuilder

@@ -0,0 +1,22 @@
+json.title 'Views'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  # TODO: Scrape all names from https://material.io/resources/icons
+  icon_names = [
+    'info', 'info', 'info', 'info', 'info', 'info', 'info', 'info',
+    'info', 'info', 'info', 'info', 'info', 'info', 'info', 'info',
+    'info', 'info', 'info', 'info', 'info', 'info', 'info', 'info',
+  ]
+  icon_names.each do |icon_name|
+    scroll.panels_column lg: { cols: 2 }, childViews: ->(column) do
+      column.panels_horizontal align: 'middle', childViews: ->(horizontal) do
+        horizontal.icon spec: icon_name
+        horizontal.spacer width: 6
+        horizontal.label text: icon_name
+      end
+    end
+  end
+end

data/app/views/json_ui/garage/views/images.json.jbuilder

@@ -11,10 +11,10 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 6
   scroll.avatar url: glib_json_image_avatar_url
 
-  scroll.spacer height: 20
-  scroll.h2 text: 'Icon'
-  scroll.spacer height: 6
-  scroll.icon spec: 'info'
+  # scroll.spacer height: 20
+  # scroll.h2 text: 'Icon'
+  # scroll.spacer height: 6
+  # scroll.icon spec: 'info'
 
   scroll.spacer height: 20
   scroll.h2 text: 'Image with base64 data'

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

@@ -16,15 +16,15 @@ json_ui_page json do |page|
         template.thumbnail title: 'Images', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/images')
         end
-        template.thumbnail title: 'Carousels', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'views/carousels')
-        end
         template.thumbnail title: 'Charts', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/charts')
         end
         template.thumbnail title: 'Banners', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/banners')
         end
+        template.thumbnail title: 'Icons', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/icons')
+        end
         template.thumbnail title: 'Misc', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/misc')
         end

data/lib/glib/crypt.rb

@@ -1 +1 @@
-require_relative './crypt/utils'
+require_relative './crypt/utils'

data/lib/glib/dynamic_text.rb

@@ -1 +1 @@
-require_relative './dynamic_text/config'
+require_relative './dynamic_text/config'

data/lib/glib/json_crawler.rb

@@ -7,3 +7,4 @@ require_relative './json_crawler/action_crawlers/nav_initiate'
 require_relative './json_crawler/action_crawlers/windows_open'
 require_relative './json_crawler/action_crawlers/action_http'
 require_relative './json_crawler/action_crawlers/forms_submit'
+require_relative './json_crawler/action_crawlers/menu'

data/lib/glib/json_crawler/action_crawlers/forms_submit.rb

@@ -31,7 +31,7 @@ module Glib
 
             include_params = case name
             when 'fields/check', 'fields/check-v1'
-              child['checked']
+              child['checkValue'] == child['value']
             else
               true
             end