glib-web 0.5.83 → 0.5.84

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

@@ -1,29 +1,29 @@
-json.title 'Pages'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.template 'flatCentered'
-
-  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: 20
-  end
-
-  page.footer childViews: ->(footer) do
-    footer.spacer height: 20
-    footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      vertical.h1 text: 'Footer'
-    end
-  end
-
-  page.body childViews: ->(scroll) do
-    scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      (1..100).each do |index|
-        scroll.label text: 'Content'
-      end
-    end
-  end
-end
+json.title 'Pages'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.template 'flatCentered'
+
+  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: 20
+  end
+
+  page.footer childViews: ->(footer) do
+    footer.spacer height: 20
+    footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+      vertical.h1 text: 'Footer'
+    end
+  end
+
+  page.body childViews: ->(scroll) do
+    scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+      (1..100).each do |index|
+        scroll.label text: 'Content'
+      end
+    end
+  end
+end

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

@@ -1,29 +1,29 @@
-json.title 'Pages'
-
-json_ui_page json do |page|
-  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.body childViews: ->(scroll) do
-    scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      (1..100).each do |index|
-        vertical.label text: 'Content'
-      end
-    end
-  end
-end
+json.title 'Pages'
+
+json_ui_page json do |page|
+  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.body childViews: ->(scroll) do
+    scroll.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+      (1..100).each do |index|
+        vertical.label text: 'Content'
+      end
+    end
+  end
+end

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

@@ -1,16 +1,16 @@
-json.title 'Pages'
-
-page = json_ui_page json
-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.body height: 'matchParent', padding: glib_json_padding_body, childViews: ->(body) do
-  body.button width: 'matchParent', height: 'matchParent', text: 'Full Width/Height'
-end
-
-page.footer height: 80, padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
-  footer.h1 text: 'Footer'
-end
+json.title 'Pages'
+
+page = json_ui_page json
+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.body height: 'matchParent', padding: glib_json_padding_body, childViews: ->(body) do
+  body.button width: 'matchParent', height: 'matchParent', text: 'Full Width/Height'
+end
+
+page.footer height: 80, padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(footer) do
+  footer.h1 text: 'Footer'
+end

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

@@ -1,62 +1,62 @@
-json.title 'Pages'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-  page.list sections: [
-    ->(section) do
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Hamburger Layout', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/layout')
-        end
-
-        template.thumbnail title: 'Full Width/Height', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/full_width_height')
-        end
-
-        template.thumbnail title: 'Tab Bar', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/tab_bar')
-        end
-
-        template.thumbnail title: 'Nav Buttons', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/nav_buttons')
-        end
-
-        template.thumbnail title: 'Loading Indicator', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/loading_indicator')
-        end
-
-        template.thumbnail title: 'Lifecycle Hooks', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/lifecycle_hooks')
-        end
-      end
-    end,
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Templates (Web Only)'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Flat Centered', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/flat_centered')
-        end
-
-        template.thumbnail title: 'Full Width', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/full_width')
-        end
-      end
-    end,
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Misc (Web Only)'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Nested Scroll', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/nested_scroll')
-        end
-      end
-    end
-  ]
-
-end
+json.title 'Pages'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+  page.list sections: [
+    ->(section) do
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Hamburger Layout', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/layout')
+        end
+
+        template.thumbnail title: 'Full Width/Height', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/full_width_height')
+        end
+
+        template.thumbnail title: 'Tab Bar', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/tab_bar')
+        end
+
+        template.thumbnail title: 'Nav Buttons', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/nav_buttons')
+        end
+
+        template.thumbnail title: 'Loading Indicator', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/loading_indicator')
+        end
+
+        template.thumbnail title: 'Lifecycle Hooks', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/lifecycle_hooks')
+        end
+      end
+    end,
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Templates (Web Only)'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Flat Centered', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/flat_centered')
+        end
+
+        template.thumbnail title: 'Full Width', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/full_width')
+        end
+      end
+    end,
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Misc (Web Only)'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Nested Scroll', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/nested_scroll')
+        end
+      end
+    end
+  ]
+
+end

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

@@ -1,18 +1,18 @@
-json.title 'Pages'
-
-page = json_ui_page json
-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.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
-end
+json.title 'Pages'
+
+page = json_ui_page json
+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.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
+end

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

@@ -1,13 +1,13 @@
-json.title 'Pages'
-
-page = json_ui_page json
-
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.on load: ->(action) do
-  action.dialogs_alert message: 'This is an onLoad action'
-end
-
-page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-  scroll.label text: 'A dialog should appear automatically.'
-end
+json.title 'Pages'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.on load: ->(action) do
+  action.dialogs_alert message: 'This is an onLoad action'
+end
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.label text: 'A dialog should appear automatically.'
+end

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

@@ -1,10 +1,10 @@
-sleep 1
-
-json.title 'Pages'
-
-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: 'On the web, the loading indicator should be show on the browser tab.'
-end
+sleep 1
+
+json.title 'Pages'
+
+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: 'On the web, the loading indicator should be show on the browser tab.'
+end

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

@@ -1,21 +1,21 @@
-json.title 'Pages'
-
-page = json_ui_page json
-
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.navBar backgroundColor: '#a8c4e3', color: '#ffffff', rightButtons: ->(menu) do
-  menu.button icon: 'search', text: '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
+json.title 'Pages'
+
+page = json_ui_page json
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.navBar backgroundColor: '#a8c4e3', color: '#ffffff', rightButtons: ->(menu) do
+  menu.button icon: 'search', text: '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

@@ -1,40 +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
+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/pages/tab_bar.json.jbuilder

@@ -1,31 +1,66 @@
-json.title 'Pages'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
-
-  page.header childViews: ->(header) do
-    header.tabBar width: 'matchParent', backgroundColor: '#ffca05', color: '#7f561b', buttons: ->(menu) do
-
-      {
-        'FIRST' => 'home',
-        'SECOND' => 'schedule',
-        'THIRD' => 'analytics'
-      }.each_with_index do |(text, icon), index|
-        menu.button icon: icon, text: text, disabled: params[:tab].to_i == index, onClick: ->(action) do
-          action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
-        end
-      end
-    end
-  end
-
-  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
-    scroll.label text: "Tab index #{params[:tab].to_i} selected"
-
-    scroll.spacer height: 10
-
-    100.times do |i|
-      scroll.label text: "Line #{i + 1}"
-    end
-  end
-
-end
+json.title 'Pages'
+
+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.panels_column lg: { cols: 8 }, childViews: ->(column) do
+      column.h2 text: 'Tab Bar'
+      column.tabBar height: 75, buttons: ->(menu) do
+        {
+          'FIRST' => 'home',
+          'SECOND' => 'schedule',
+          'THIRD' => 'analytics'
+        }.each_with_index do |(text, icon), index|
+          menu.button \
+            icon: icon,
+            text: text,
+            badgeContent: [nil, 8, '⭐⭐⭐'][index],
+            badgeColor: [nil, '#272551', '#008000'][index],
+            disabled: params[:tab].to_i == index,
+            onClick: ->(action) do
+              action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
+            end
+        end
+      end
+      column.spacer height: 10
+      column.label text: "Tab index #{params[:tab].to_i} selected"
+      column.spacer height: 10
+      10.times do |i|
+        column.label text: "Line #{i + 1}"
+      end
+      column.spacer height: 40
+    end
+
+    scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
+      column.h2 text: 'Tab Bar with full-width-divider'
+      column.tabBar styleClass: 'full-width-divider', buttons: ->(menu) do
+        5.times do |index|
+          menu.button \
+            text: "Tab #{index}",
+            disabled: params[:tab_with_grow].to_i == index,
+            onClick: ->(action) do
+            action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab_with_grow: index)
+          end
+        end
+      end
+      column.spacer height: 40
+    end
+
+    scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
+      column.h2 text: 'Tab Bar with grow'
+      column.tabBar styleClass: 'grow', buttons: ->(menu) do
+        5.times do |index|
+          menu.button \
+            text: "Tab #{index}",
+            disabled: params[:tab_with_grow].to_i == index,
+            onClick: ->(action) do
+            action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab_with_grow: index)
+          end
+        end
+      end
+      column.spacer height: 40
+    end
+  end
+
+end