glib-web 0.5.91 → 0.5.92

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

@@ -1,92 +1,92 @@
-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 with Badge'
-      column.tabBar 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,
-                  tab_2: params[:tab_2],
-                  tab_3: params[:tab_3]
-                )
-            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_2].to_i == index,
-            onClick: ->(action) do
-            action.windows_reload \
-              url: json_ui_garage_url(
-                path: 'pages/tab_bar',
-                tab:  params[:tab],
-                tab_2: index,
-                tab_3: params[:tab_3]
-              )
-          end
-        end
-      end
-      column.spacer height: 10
-
-      column.label text: "Tab-2 index #{params[:tab_2].to_i} selected"
-      column.spacer height: 40
-    end
-
-    scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
-      column.h2 text: "Tab Bar 'with no-grow'"
-      column.tabBar styleClass: 'no-grow', buttons: ->(menu) do
-        5.times do |index|
-          menu.button \
-            text: "Tab #{index}",
-            disabled: params[:tab_3].to_i == index,
-            onClick: ->(action) do
-            action.windows_reload \
-              url: json_ui_garage_url(
-                path: 'pages/tab_bar',
-                tab:  params[:tab],
-                tab_2: params[:tab_2],
-                tab_3: index
-              )
-          end
-        end
-      end
-      column.spacer height: 10
-
-      column.label text: "Tab-3 index #{params[:tab_3].to_i} selected"
-      column.spacer height: 40
-    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 with Badge'
+      column.tabBar 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,
+                  tab_2: params[:tab_2],
+                  tab_3: params[:tab_3]
+                )
+            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_2].to_i == index,
+            onClick: ->(action) do
+            action.windows_reload \
+              url: json_ui_garage_url(
+                path: 'pages/tab_bar',
+                tab:  params[:tab],
+                tab_2: index,
+                tab_3: params[:tab_3]
+              )
+          end
+        end
+      end
+      column.spacer height: 10
+
+      column.label text: "Tab-2 index #{params[:tab_2].to_i} selected"
+      column.spacer height: 40
+    end
+
+    scroll.panels_column lg: { cols: 8 }, childViews: ->(column) do
+      column.h2 text: "Tab Bar 'with no-grow'"
+      column.tabBar styleClass: 'no-grow', buttons: ->(menu) do
+        5.times do |index|
+          menu.button \
+            text: "Tab #{index}",
+            disabled: params[:tab_3].to_i == index,
+            onClick: ->(action) do
+            action.windows_reload \
+              url: json_ui_garage_url(
+                path: 'pages/tab_bar',
+                tab:  params[:tab],
+                tab_2: params[:tab_2],
+                tab_3: index
+              )
+          end
+        end
+      end
+      column.spacer height: 10
+
+      column.label text: "Tab-3 index #{params[:tab_3].to_i} selected"
+      column.spacer height: 40
+    end
+  end
+
+end

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

@@ -1,78 +1,78 @@
-json.title 'Panels'
-
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-page.scroll backgroundColor: '#fafafa', padding: { top: 10, right: 10, bottom: 10, left: 10 }, childViews: ->(scroll) do
-  scroll.h2 text: 'Vertical panel'
-  scroll.spacer height: 6
-  scroll.panels_vertical styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(panel) do
-    panel.button text: 'Button1'
-    panel.button text: 'Button2'
-    panel.button text: 'Button3'
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Horizontal panel'
-  scroll.spacer height: 6
-  scroll.panels_horizontal styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(panel) do
-    panel.button text: 'Button1'
-    panel.button text: 'Button2'
-    panel.button text: 'Button3'
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Split panel'
-  scroll.spacer height: 6
-  scroll.panels_split styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', content: ->(split) do
-    split.left childViews: ->(left) do
-      left.button text: '1'
-    end
-    split.center childViews: ->(center) do
-      center.button width: 'matchParent', text: '2'
-    end
-    split.right childViews: ->(right) do
-      right.button text: '3'
-    end
-  end
-
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Responsive panel'
-  scroll.spacer height: 6
-  scroll.panels_responsive styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(horizontal) do
-    horizontal.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
-      column.button text: '1'
-    end
-    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
-      column.button text: '2'
-    end
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Grid-like layout'
-  scroll.spacer height: 6
-  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
-    gap = { top: 12, left: 10, right: 10, bottom: 12 }
-    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
-      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
-        column.button text: '1'
-      end
-    end
-    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
-      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
-        column.button text: '2'
-      end
-    end
-    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
-      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
-        column.button text: '3'
-      end
-    end
-    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
-      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
-        column.button text: '4'
-      end
-    end
-  end
-
-end
+json.title 'Panels'
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll backgroundColor: '#fafafa', padding: { top: 10, right: 10, bottom: 10, left: 10 }, childViews: ->(scroll) do
+  scroll.h2 text: 'Vertical panel'
+  scroll.spacer height: 6
+  scroll.panels_vertical styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(panel) do
+    panel.button text: 'Button1'
+    panel.button text: 'Button2'
+    panel.button text: 'Button3'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Horizontal panel'
+  scroll.spacer height: 6
+  scroll.panels_horizontal styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(panel) do
+    panel.button text: 'Button1'
+    panel.button text: 'Button2'
+    panel.button text: 'Button3'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Split panel'
+  scroll.spacer height: 6
+  scroll.panels_split styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', content: ->(split) do
+    split.left childViews: ->(left) do
+      left.button text: '1'
+    end
+    split.center childViews: ->(center) do
+      center.button width: 'matchParent', text: '2'
+    end
+    split.right childViews: ->(right) do
+      right.button text: '3'
+    end
+  end
+
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Responsive panel'
+  scroll.spacer height: 6
+  scroll.panels_responsive styleClasses: styleClasses, padding: glib_json_padding_body, width: 'matchParent', childViews: ->(horizontal) do
+    horizontal.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
+      column.button text: '1'
+    end
+    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
+      column.button text: '2'
+    end
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Grid-like layout'
+  scroll.spacer height: 6
+  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
+    gap = { top: 12, left: 10, right: 10, bottom: 12 }
+    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
+      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
+        column.button text: '1'
+      end
+    end
+    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
+      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
+        column.button text: '2'
+      end
+    end
+    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
+      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
+        column.button text: '3'
+      end
+    end
+    horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
+      column.panels_vertical styleClasses: styleClasses, width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
+        column.button text: '4'
+      end
+    end
+  end
+
+end

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

@@ -1,4 +1,4 @@
-json.title 'Card Panels'
-
-page = json_ui_page json
-render "#{@path_prefix}/panels/styled", json: json, page: page, styleClasses: ['card']
+json.title 'Card Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/panels/styled", json: json, page: page, styleClasses: ['card']

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

@@ -1,38 +1,38 @@
-json.title 'Panels'
-
-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 with labels'
-    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
-      carousel.label text: 'Item 1'
-      carousel.label text: 'Item 2'
-    end
-
-    scroll.spacer height: 20
-    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.spacer height: 20
-    scroll.h1 text: 'Carousel with complex layout'
-    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
-      height = 480
-
-      carousel.panels_vertical align: 'center', childViews: ->(panel) do
-        panel.h3 text: 'Item 1'
-        panel.image height: height, url: image_url1
-      end
-      carousel.panels_vertical align: 'center', childViews: ->(panel) do
-        panel.h3 text: 'Item 2'
-        panel.image height: height, url: image_url2
-      end
-    end
-  end
-end
+json.title 'Panels'
+
+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 with labels'
+    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
+      carousel.label text: 'Item 1'
+      carousel.label text: 'Item 2'
+    end
+
+    scroll.spacer height: 20
+    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.spacer height: 20
+    scroll.h1 text: 'Carousel with complex layout'
+    scroll.panels_carousel width: 'matchParent', childViews: ->(carousel) do
+      height = 480
+
+      carousel.panels_vertical align: 'center', childViews: ->(panel) do
+        panel.h3 text: 'Item 1'
+        panel.image height: height, url: image_url1
+      end
+      carousel.panels_vertical align: 'center', childViews: ->(panel) do
+        panel.h3 text: 'Item 2'
+        panel.image height: height, url: image_url2
+      end
+    end
+  end
+end

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

@@ -1,17 +1,17 @@
-json.title 'Panels'
-
-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.h2 text: 'Thumbnail Template'
-    scroll.spacer height: 6
-    scroll.panels_custom template: 'thumbnail', width: 'matchParent', backgroundColor: '#fafafa',
-      data: { imageUrl: glib_json_image_standard_url, title: 'Title', subtitle: 'Use the same template from list templates' }
-
-    scroll.spacer height: 20
-    scroll.h2 text: 'Non-existent Template'
-    scroll.spacer height: 6
-    scroll.panels_custom template: 'nonExistentTemplate'
-  end
-end
+json.title 'Panels'
+
+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.h2 text: 'Thumbnail Template'
+    scroll.spacer height: 6
+    scroll.panels_custom template: 'thumbnail', width: 'matchParent', backgroundColor: '#fafafa',
+      data: { imageUrl: glib_json_image_standard_url, title: 'Title', subtitle: 'Use the same template from list templates' }
+
+    scroll.spacer height: 20
+    scroll.h2 text: 'Non-existent Template'
+    scroll.spacer height: 6
+    scroll.panels_custom template: 'nonExistentTemplate'
+  end
+end

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

@@ -1,59 +1,59 @@
-json.title 'Panels'
-
-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.h1 text: 'Basic'
-  scroll.panels_flow width: 300, backgroundColor: '#b3bac2', childViews: ->(panel) do
-    panel.button text: '1'
-    panel.button text: '2'
-    panel.button text: '3'
-    panel.button text: '4'
-    panel.button text: '5'
-    panel.button text: '6'
-    panel.button text: '7'
-  end
-
-  scroll.label text: "\n"
-  scroll.h1 text: 'Spacers'
-  scroll.panels_flow width: 300, backgroundColor: '#b3bac2', childViews: ->(panel) do
-    panel.button text: '1'
-    panel.spacer width: 30
-    panel.button text: '2'
-    panel.spacer width: 30
-    panel.button text: '3'
-    panel.spacer width: 30
-    panel.button text: '4'
-    panel.spacer width: 30
-    panel.button text: '5'
-  end
-
-  scroll.label text: "\n"
-  scroll.h1 text: 'Inner Paddings'
-  scroll.panels_flow innerPadding: { top: 10, bottom: 10, left: 10, right: 10 }, width: 300, backgroundColor: '#b3bac2', childViews: ->(panel) do
-    panel.button text: '1'
-    panel.button text: '2'
-    panel.button text: '3'
-    panel.button text: '4'
-    panel.button text: '5'
-  end
-
-  # scroll.label text: "\n"
-  # scroll.h1 text: 'Alignments'
-  # scroll.panels_horizontal align: 'top', childViews: ->(panel) do
-  #   panel.button height: 50, text: 'Button'
-  #   panel.spacer width: 10
-  #   panel.label text: 'top'
-  # end
-  # scroll.panels_horizontal align: 'middle', childViews: ->(panel) do
-  #   panel.button height: 50, text: 'Button'
-  #   panel.spacer width: 10
-  #   panel.label text: 'middle'
-  # end
-  # scroll.panels_horizontal align: 'bottom', childViews: ->(panel) do
-  #   panel.button height: 50, text: 'Button'
-  #   panel.spacer width: 10
-  #   panel.label text: 'bottom'
-  # end
-end
+json.title 'Panels'
+
+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.h1 text: 'Basic'
+  scroll.panels_flow width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
+    panel.button text: '1'
+    panel.button text: '2'
+    panel.button text: '3'
+    panel.button text: '4'
+    panel.button text: '5'
+    panel.button text: '6'
+    panel.button text: '7'
+  end
+
+  scroll.label text: "\n"
+  scroll.h1 text: 'Spacers'
+  scroll.panels_flow width: 300, innerPadding: { top: 0 }, backgroundColor: '#b3bac2', childViews: ->(panel) do
+    panel.button text: '1'
+    panel.spacer width: 30
+    panel.button text: '2'
+    panel.spacer width: 30
+    panel.button text: '3'
+    panel.spacer width: 30
+    panel.button text: '4'
+    panel.spacer width: 30
+    panel.button text: '5'
+  end
+
+  scroll.label text: "\n"
+  scroll.h1 text: 'Inner Paddings'
+  scroll.panels_flow innerPadding: { top: 10, bottom: 10, left: 10, right: 10 }, width: 300, backgroundColor: '#b3bac2', childViews: ->(panel) do
+    panel.button text: '1'
+    panel.button text: '2'
+    panel.button text: '3'
+    panel.button text: '4'
+    panel.button text: '5'
+  end
+
+  # scroll.label text: "\n"
+  # scroll.h1 text: 'Alignments'
+  # scroll.panels_horizontal align: 'top', childViews: ->(panel) do
+  #   panel.button height: 50, text: 'Button'
+  #   panel.spacer width: 10
+  #   panel.label text: 'top'
+  # end
+  # scroll.panels_horizontal align: 'middle', childViews: ->(panel) do
+  #   panel.button height: 50, text: 'Button'
+  #   panel.spacer width: 10
+  #   panel.label text: 'middle'
+  # end
+  # scroll.panels_horizontal align: 'bottom', childViews: ->(panel) do
+  #   panel.button height: 50, text: 'Button'
+  #   panel.spacer width: 10
+  #   panel.label text: 'bottom'
+  # end
+end