glib-web 0.0.9 → 0.0.10

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

@@ -2,93 +2,121 @@ json.title 'Panels'
 
 render "#{@path_prefix}/nav_menu", json: json
 
-json_body_with_scroll json do
-  json.child! do
-    json.view 'h1-v1'
-    json.text 'Vertical Panel'
-  end
-  json.child! do
-    json.view 'panels/vertical-v1'
-    json.backgroundColor '#b3bac2'
-    json.subviews do
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button1'
-      end
+json_ui_page json do |page|
+  page.scroll childViews: ->(scroll) do
+    scroll.h1 text: 'Vertical Panel'
+    scroll.panels_vertical backgroundColor: '#b3bac2', childViews: ->(panel) do
+      panel.button text: 'Button1'
+      panel.button text: 'Button2', width: 200
+      panel.button text: 'Button3', width: 300
+    end
 
-      json.child! do
-        json.view 'button-v1'
-        json.width 200
-        json.text 'Button2'
-      end
+    scroll.label text: "\n"
+    scroll.h1 text: 'Vertical Panel with equal filling'
+    scroll.panels_vertical backgroundColor: '#b3bac2', height: 300, distribution: 'fillEqually', childViews: ->(panel) do
+      panel.button text: 'Button1'
+      panel.button text: 'Button2'
+      panel.button text: 'Button3'
+    end
 
-      json.child! do
-        json.view 'button-v1'
-        json.width 300
-        json.text 'Button3'
-      end
+    scroll.label text: "\n"
+    scroll.h1 text: 'Vertical Panel with equal spacing'
+    scroll.panels_vertical backgroundColor: '#b3bac2', height: 300, distribution: 'spaceEqually', childViews: ->(panel) do
+      panel.button text: 'Button1'
+      panel.button text: 'Button2'
+      panel.button text: 'Button3'
     end
-  end
 
-  json.child! do
-    json.view 'label-v1'
-    json.text "\n"
-  end
-  json.child! do
-    json.view 'h1-v1'
-    json.text 'Vertical Panel with equal filling'
   end
-  json.child! do
-    json.view 'panels/vertical-v1'
-    json.backgroundColor '#b3bac2'
-    json.distribution 'fillEqually'
-    json.height 300
-    json.subviews do
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button1'
-      end
+end
 
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button2'
-      end
+# json_body_with_scroll json do
+#   json.child! do
+#     json.view 'h1-v1'
+#     json.text 'Vertical Panel'
+#   end
+#   json.child! do
+#     json.view 'panels/vertical-v1'
+#     json.backgroundColor '#b3bac2'
+#     json.subviews do
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button1'
+#       end
 
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button3'
-      end
-    end
-  end
+#       json.child! do
+#         json.view 'button-v1'
+#         json.width 200
+#         json.text 'Button2'
+#       end
 
-  json.child! do
-    json.view 'label-v1'
-    json.text "\n"
-  end
-  json.child! do
-    json.view 'h1-v1'
-    json.text 'Vertical Panel with equal spacing'
-  end
-  json.child! do
-    json.view 'panels/vertical-v1'
-    json.backgroundColor '#b3bac2'
-    json.distribution 'spaceEqually'
-    json.height 300
-    json.subviews do
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button1'
-      end
+#       json.child! do
+#         json.view 'button-v1'
+#         json.width 300
+#         json.text 'Button3'
+#       end
+#     end
+#   end
 
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button2'
-      end
+#   json.child! do
+#     json.view 'label-v1'
+#     json.text "\n"
+#   end
+#   json.child! do
+#     json.view 'h1-v1'
+#     json.text 'Vertical Panel with equal filling'
+#   end
+#   json.child! do
+#     json.view 'panels/vertical-v1'
+#     json.backgroundColor '#b3bac2'
+#     json.distribution 'fillEqually'
+#     json.height 300
+#     json.subviews do
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button1'
+#       end
 
-      json.child! do
-        json.view 'button-v1'
-        json.text 'Button3'
-      end
-    end
-  end
-end
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button2'
+#       end
+
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button3'
+#       end
+#     end
+#   end
+
+#   json.child! do
+#     json.view 'label-v1'
+#     json.text "\n"
+#   end
+#   json.child! do
+#     json.view 'h1-v1'
+#     json.text 'Vertical Panel with equal spacing'
+#   end
+#   json.child! do
+#     json.view 'panels/vertical-v1'
+#     json.backgroundColor '#b3bac2'
+#     json.distribution 'spaceEqually'
+#     json.height 300
+#     json.subviews do
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button1'
+#       end
+
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button2'
+#       end
+
+#       json.child! do
+#         json.view 'button-v1'
+#         json.text 'Button3'
+#       end
+#     end
+#   end
+# end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.0.10
 platform: ruby
 authors:
 - ''
@@ -44,6 +44,8 @@ files:
 - app/helpers/glib/json_ui/response_helper.rb
 - app/helpers/glib/json_ui/table_builders.rb
 - app/helpers/glib/json_ui/view_builder.rb
+- app/helpers/glib/json_ui/view_builder/fields.rb
+- app/helpers/glib/json_ui/view_builder/panels.rb
 - app/views/app/views/json_ui/vue/renderer.html.erb
 - app/views/json_ui/garage/_nav_menu.json.jbuilder
 - app/views/json_ui/garage/actions/index.json.jbuilder