glib-web 0.5.58 → 0.5.59

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

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

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

@@ -1,98 +1,98 @@
-json.title 'Responsive 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.label text: 'Shrink the browser\'s width to see how the column panels are rearranged. On mobile screens, they are always arranged vertically'
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'With 12 columns'
-  scroll.spacer height: 6
-  scroll.panels_responsive 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: 'With more than 12 columns'
-  scroll.spacer height: 6
-  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
-    horizontal.panels_column lg: { cols: 4 }, 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
-    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
-      column.button text: '3'
-    end
-    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
-      column.button text: '4'
-    end
-    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
-      column.button text: '5'
-    end
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'With responsive paddings'
-  scroll.spacer height: 6
-  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
-    horizontal.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
-      column.button width: 'matchParent', text: '1'
-    end
-    horizontal.panels_column lg: { cols: 4 }, childViews: ->(column) do
-      column.button width: 'matchParent', text: '2'
-    end
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'With mixed components'
-  scroll.spacer height: 6
-  scroll.panels_responsive width: 'matchParent', align: 'center', childViews: ->(responsive) do
-    responsive.h4 text: 'Heading'
-
-    responsive.label text: 'Label'
-
-    # responsive.spacer height: 10
-    # responsive.image url: glib_json_image_standard_url, width: 100, height: 100
-
-    # responsive.spacer height: 10
-    # responsive.image url: glib_json_image_standard_url
-
-    # responsive.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
-    #   column.button width: 'matchParent', text: '1'
-    # end
-    # responsive.panels_column lg: { cols: 4 }, childViews: ->(column) do
-    #   column.button width: 'matchParent', text: '2'
-    # end
-
-    responsive.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
-      column.button text: '1'
-    end
-    responsive.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
-      column.button text: '2'
-    end
-
-    responsive.spacer height: 10
-    responsive.button text: 'Button'
-  end
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'With onClick'
-  scroll.spacer height: 6
-  scroll.panels_responsive backgroundColor: '#c3cad2', padding: { left: 20, right: 20, top: 10, bottom: 10 }, childViews: ->(responsive) do
-    responsive.h4 text: 'Heading'
-    responsive.label text: 'Label'
-  end, onClick: ->(action) do
-    action.windows_open url: json_ui_garage_url(path: 'home/blank')
-  end
-
-  scroll.spacer height: 20
-
-end
+json.title 'Responsive 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.label text: 'Shrink the browser\'s width to see how the column panels are rearranged. On mobile screens, they are always arranged vertically'
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'With 12 columns'
+  scroll.spacer height: 6
+  scroll.panels_responsive 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: 'With more than 12 columns'
+  scroll.spacer height: 6
+  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
+    horizontal.panels_column lg: { cols: 4 }, 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
+    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
+      column.button text: '3'
+    end
+    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
+      column.button text: '4'
+    end
+    horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#c3cad2', childViews: ->(column) do
+      column.button text: '5'
+    end
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'With responsive paddings'
+  scroll.spacer height: 6
+  scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
+    horizontal.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
+      column.button width: 'matchParent', text: '1'
+    end
+    horizontal.panels_column lg: { cols: 4 }, childViews: ->(column) do
+      column.button width: 'matchParent', text: '2'
+    end
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'With mixed components'
+  scroll.spacer height: 6
+  scroll.panels_responsive width: 'matchParent', align: 'center', childViews: ->(responsive) do
+    responsive.h4 text: 'Heading'
+
+    responsive.label text: 'Label'
+
+    # responsive.spacer height: 10
+    # responsive.image url: glib_json_image_standard_url, width: 100, height: 100
+
+    # responsive.spacer height: 10
+    # responsive.image url: glib_json_image_standard_url
+
+    # responsive.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
+    #   column.button width: 'matchParent', text: '1'
+    # end
+    # responsive.panels_column lg: { cols: 4 }, childViews: ->(column) do
+    #   column.button width: 'matchParent', text: '2'
+    # end
+
+    responsive.panels_column lg: { cols: 8 }, backgroundColor: '#c3cad2', childViews: ->(column) do
+      column.button text: '1'
+    end
+    responsive.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
+      column.button text: '2'
+    end
+
+    responsive.spacer height: 10
+    responsive.button text: 'Button'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'With onClick'
+  scroll.spacer height: 6
+  scroll.panels_responsive backgroundColor: '#c3cad2', padding: { left: 20, right: 20, top: 10, bottom: 10 }, childViews: ->(responsive) do
+    responsive.h4 text: 'Heading'
+    responsive.label text: 'Label'
+  end, onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'home/blank')
+  end
+
+  scroll.spacer height: 20
+
+end

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

@@ -1,182 +1,182 @@
-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: '2 columns'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: '1'
-      end
-      content.right childViews: ->(right) do
-        right.button text: '2'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: '3 columns'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: '1'
-      end
-      content.center childViews: ->(center) do
-        center.button width: 'matchParent', text: '2'
-      end
-      content.right childViews: ->(right) do
-        right.button text: '3'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Expandable left'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.center childViews: ->(center) do
-        center.button width: 'matchParent', text: '1'
-      end
-      content.right childViews: ->(right) do
-        right.button text: '2'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Expandable right'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: '1'
-      end
-      content.center childViews: ->(center) do
-        center.button width: 'matchParent', text: '2'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Short center text'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: '1'
-      end
-      content.center childViews: ->(center) do
-        center.label text: 'short'
-      end
-      content.right childViews: ->(right) do
-        right.button text: '2'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Long center text'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: '1'
-      end
-      content.center childViews: ->(center) do
-        center.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
-      end
-      content.right childViews: ->(right) do
-        right.button text: '2'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Few center items'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: 'L'
-      end
-      content.center childViews: ->(center) do
-        center.panels_horizontal childViews: ->(h) do
-          h.button text: '1'
-          h.button text: '2'
-          h.button text: '3'
-        end
-      end
-      content.right childViews: ->(right) do
-        right.button text: 'R'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Many center items'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: 'L'
-      end
-      content.center childViews: ->(center) do
-        center.panels_flow width: 'matchParent', backgroundColor: '#b3bac2', childViews: ->(h) do
-          (1..20).each do |index|
-            h.button text: index
-          end
-        end
-      end
-      content.right childViews: ->(right) do
-        right.button text: 'R'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Center filled equally'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: 'L'
-      end
-      content.center childViews: ->(center) do
-        center.panels_horizontal width: 'matchParent', backgroundColor: '#b3bac2', distribution: 'fillEqually', childViews: ->(h) do
-          h.button text: '1'
-          h.button text: '2'
-          h.button text: '3'
-        end
-      end
-      content.right childViews: ->(right) do
-        right.button text: 'R'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Center spaced equally'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: 'L'
-      end
-      content.center childViews: ->(center) do
-        center.panels_horizontal width: 'matchParent', backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
-          h.button text: '1'
-          h.button text: '2'
-          h.button text: '3'
-        end
-      end
-      content.right childViews: ->(right) do
-        right.button text: 'R'
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Combo 1'
-    scroll.panels_split width: 'matchParent', content: ->(content) do
-      content.left childViews: ->(left) do
-        left.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
-      end
-      content.right width: 120, backgroundColor: '#b3bac2', childViews: ->(right) do
-        right.panels_horizontal distribution: 'spaceEqually', childViews: ->(h) do
-          h.label text: 'Label One'
-          h.label text: 'Label Two'
-        end
-      end
-    end
-
-    scroll.label text: "\n"
-    scroll.h1 text: 'Combo 2'
-    scroll.panels_split width: 200, backgroundColor: '#b3bac2', padding: { right: 10 }, content: ->(content) do
-      content.left childViews: ->(left) do
-        left.button text: 'Big'
-      end
-      content.right childViews: ->(right) do
-        right.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(h) do
-          h.spacer width: 10
-          h.button text: 'small', styleClass: 'link'
-        end
-      end
-    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: '2 columns'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: '1'
+      end
+      content.right childViews: ->(right) do
+        right.button text: '2'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: '3 columns'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: '1'
+      end
+      content.center childViews: ->(center) do
+        center.button width: 'matchParent', text: '2'
+      end
+      content.right childViews: ->(right) do
+        right.button text: '3'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Expandable left'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.center childViews: ->(center) do
+        center.button width: 'matchParent', text: '1'
+      end
+      content.right childViews: ->(right) do
+        right.button text: '2'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Expandable right'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: '1'
+      end
+      content.center childViews: ->(center) do
+        center.button width: 'matchParent', text: '2'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Short center text'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: '1'
+      end
+      content.center childViews: ->(center) do
+        center.label text: 'short'
+      end
+      content.right childViews: ->(right) do
+        right.button text: '2'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Long center text'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: '1'
+      end
+      content.center childViews: ->(center) do
+        center.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
+      end
+      content.right childViews: ->(right) do
+        right.button text: '2'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Few center items'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: 'L'
+      end
+      content.center childViews: ->(center) do
+        center.panels_horizontal childViews: ->(h) do
+          h.button text: '1'
+          h.button text: '2'
+          h.button text: '3'
+        end
+      end
+      content.right childViews: ->(right) do
+        right.button text: 'R'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Many center items'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: 'L'
+      end
+      content.center childViews: ->(center) do
+        center.panels_flow width: 'matchParent', backgroundColor: '#b3bac2', childViews: ->(h) do
+          (1..20).each do |index|
+            h.button text: index
+          end
+        end
+      end
+      content.right childViews: ->(right) do
+        right.button text: 'R'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Center filled equally'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: 'L'
+      end
+      content.center childViews: ->(center) do
+        center.panels_horizontal width: 'matchParent', backgroundColor: '#b3bac2', distribution: 'fillEqually', childViews: ->(h) do
+          h.button text: '1'
+          h.button text: '2'
+          h.button text: '3'
+        end
+      end
+      content.right childViews: ->(right) do
+        right.button text: 'R'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Center spaced equally'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: 'L'
+      end
+      content.center childViews: ->(center) do
+        center.panels_horizontal width: 'matchParent', backgroundColor: '#b3bac2', distribution: 'spaceEqually', childViews: ->(h) do
+          h.button text: '1'
+          h.button text: '2'
+          h.button text: '3'
+        end
+      end
+      content.right childViews: ->(right) do
+        right.button text: 'R'
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Combo 1'
+    scroll.panels_split width: 'matchParent', content: ->(content) do
+      content.left childViews: ->(left) do
+        left.label text: 'a very very very very very very very very very very very very very very very very very very very very very very very very very very very very long text'
+      end
+      content.right width: 120, backgroundColor: '#b3bac2', childViews: ->(right) do
+        right.panels_horizontal distribution: 'spaceEqually', childViews: ->(h) do
+          h.label text: 'Label One'
+          h.label text: 'Label Two'
+        end
+      end
+    end
+
+    scroll.label text: "\n"
+    scroll.h1 text: 'Combo 2'
+    scroll.panels_split width: 200, backgroundColor: '#b3bac2', padding: { right: 10 }, content: ->(content) do
+      content.left childViews: ->(left) do
+        left.button text: 'Big'
+      end
+      content.right childViews: ->(right) do
+        right.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(h) do
+          h.spacer width: 10
+          h.button text: 'small', styleClass: 'link'
+        end
+      end
+    end
+  end
+end