glib-web 0.5.69 → 0.5.70

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,49 +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: '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, 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

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

@@ -1,91 +1,91 @@
-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.h1 text: 'Basic'
-    scroll.panels_horizontal backgroundColor: '#b3bac2', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.button text: '2'
-      panel.button text: '3'
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Equal filling'
-    scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'fillEqually', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.button text: '2', height: 50
-      panel.button text: '3', height: 70
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Equal spacing'
-    scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'spaceEqually', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.button text: '2'
-      panel.button text: '3'
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Vertical panel combo'
-    scroll.panels_horizontal distribution: 'spaceEqually', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.panels_vertical childViews: ->(v) do
-        v.button text: 'A'
-        v.button text: 'B'
-      end
-      panel.button text: '3'
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Vertical panel combo (equal filling)'
-    scroll.panels_horizontal width: 'matchParent', distribution: 'fillEqually', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.panels_vertical childViews: ->(v) do
-        v.button text: 'A'
-        v.button text: 'B'
-      end
-      panel.button text: '3'
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Vertical panel combo (equal spacing)'
-    scroll.panels_horizontal width: 'matchParent', distribution: 'spaceEqually', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.panels_vertical childViews: ->(v) do
-        v.button text: 'A'
-        v.button text: 'B'
-      end
-      panel.button text: '3'
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Spacers'
-    scroll.panels_horizontal width: 'matchParent', childViews: ->(panel) do
-      panel.button text: '1'
-      panel.spacer width: 10
-      panel.button text: '2'
-      panel.spacer width: 50
-      panel.button text: '3'
-    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
-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.h1 text: 'Basic'
+    scroll.panels_horizontal backgroundColor: '#b3bac2', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.button text: '2'
+      panel.button text: '3'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Equal filling'
+    scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'fillEqually', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.button text: '2', height: 50
+      panel.button text: '3', height: 70
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Equal spacing'
+    scroll.panels_horizontal backgroundColor: '#b3bac2', width: 300, distribution: 'spaceEqually', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.button text: '2'
+      panel.button text: '3'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Vertical panel combo'
+    scroll.panels_horizontal distribution: 'spaceEqually', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.panels_vertical childViews: ->(v) do
+        v.button text: 'A'
+        v.button text: 'B'
+      end
+      panel.button text: '3'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Vertical panel combo (equal filling)'
+    scroll.panels_horizontal width: 'matchParent', distribution: 'fillEqually', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.panels_vertical childViews: ->(v) do
+        v.button text: 'A'
+        v.button text: 'B'
+      end
+      panel.button text: '3'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Vertical panel combo (equal spacing)'
+    scroll.panels_horizontal width: 'matchParent', distribution: 'spaceEqually', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.panels_vertical childViews: ->(v) do
+        v.button text: 'A'
+        v.button text: 'B'
+      end
+      panel.button text: '3'
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Spacers'
+    scroll.panels_horizontal width: 'matchParent', childViews: ->(panel) do
+      panel.button text: '1'
+      panel.spacer width: 10
+      panel.button text: '2'
+      panel.spacer width: 50
+      panel.button text: '3'
+    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
+end

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

@@ -1,132 +1,132 @@
-json.title 'Panels'
-
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
-
-  page.list sections: [
-    ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Layout for child components'
-        header.spacer height: 6
-        header.label text: 'May contain infinite number of child components'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Vertical', subtitle: 'Arrange child components vertically', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/vertical')
-        end
-        template.thumbnail title: 'Horizontal', subtitle: 'Arrange child components horizontally', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/horizontal')
-        end
-        template.thumbnail title: 'Flow', subtitle: 'Arrange components in a left-to-right flow, much like lines of text in a paragraph', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/flow')
-        end
-        template.thumbnail title: 'Carousel', subtitle: 'Arrange child components horizontally in a carousel', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/carousel')
-        end
-        template.thumbnail title: 'Responsive', subtitle: 'Arrange *column panels* horizontally using flex', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Layout with predefined sub-panels'
-        header.spacer height: 6
-        header.label text: 'Each sub-panel is a responsive panel'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Split', subtitle: 'Sub-panels: left, center, right', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/split')
-        end
-        template.thumbnail title: 'Page', subtitle: 'Sub-panels: header, body, footer', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/index')
-        end
-        template.thumbnail title: 'List', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'lists/index')
-        end
-        template.thumbnail title: 'Table (Web Only)', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'tables/index')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Layout with uniform rows'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'List', subtitle: 'Rows without columns', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'lists/index')
-        end
-        template.thumbnail title: 'Table (Web Only)', subtitle: 'Rows with columns', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'tables/index')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Non-layout'
-        header.spacer height: 6
-        header.label text: 'Adds functionality to a responsive layout'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Scroll', subtitle: 'Adds scrolling', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/index')
-        end
-        template.thumbnail title: 'Form', subtitle: 'Adds form functionality', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'forms/index')
-        end
-        template.thumbnail title: 'Column', subtitle: 'Adds control over layout inside a responsive panel', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Child-less Layout'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Custom', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/custom')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Styling'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Card', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/card')
-        end
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Outlined', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'panels/outlined')
-        end
-
-      end
-    end, ->(section) do
-      section.header padding: glib_json_padding_list, childViews: ->(header) do
-        header.h2 text: 'Uncategorized'
-      end
-
-      section.rows builder: ->(template) do
-        template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
-          # TODO
-        end
-
-        template.thumbnail title: 'List Template Accessory', onClick: ->(action) do
-          # TODO
-        end
-      end
-    end
-  ]
-
-end
+json.title 'Panels'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+
+  page.list sections: [
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Layout for child components'
+        header.spacer height: 6
+        header.label text: 'May contain infinite number of child components'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Vertical', subtitle: 'Arrange child components vertically', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/vertical')
+        end
+        template.thumbnail title: 'Horizontal', subtitle: 'Arrange child components horizontally', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/horizontal')
+        end
+        template.thumbnail title: 'Flow', subtitle: 'Arrange components in a left-to-right flow, much like lines of text in a paragraph', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/flow')
+        end
+        template.thumbnail title: 'Carousel', subtitle: 'Arrange child components horizontally in a carousel', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/carousel')
+        end
+        template.thumbnail title: 'Responsive', subtitle: 'Arrange *column panels* horizontally using flex', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Layout with predefined sub-panels'
+        header.spacer height: 6
+        header.label text: 'Each sub-panel is a responsive panel'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Split', subtitle: 'Sub-panels: left, center, right', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/split')
+        end
+        template.thumbnail title: 'Page', subtitle: 'Sub-panels: header, body, footer', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/index')
+        end
+        template.thumbnail title: 'List', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'lists/index')
+        end
+        template.thumbnail title: 'Table (Web Only)', subtitle: 'Sub-panels: header, footer', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'tables/index')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Layout with uniform rows'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'List', subtitle: 'Rows without columns', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'lists/index')
+        end
+        template.thumbnail title: 'Table (Web Only)', subtitle: 'Rows with columns', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'tables/index')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Non-layout'
+        header.spacer height: 6
+        header.label text: 'Adds functionality to a responsive layout'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Scroll', subtitle: 'Adds scrolling', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/index')
+        end
+        template.thumbnail title: 'Form', subtitle: 'Adds form functionality', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/index')
+        end
+        template.thumbnail title: 'Column', subtitle: 'Adds control over layout inside a responsive panel', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Child-less Layout'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Custom', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/custom')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Styling'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Card', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/card')
+        end
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Outlined', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/outlined')
+        end
+
+      end
+    end, ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Uncategorized'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
+          # TODO
+        end
+
+        template.thumbnail title: 'List Template Accessory', onClick: ->(action) do
+          # TODO
+        end
+      end
+    end
+  ]
+
+end