RubyGems - glib-web - Versions diffs - 0.4.20 → 0.4.21 - Mend

glib-web 0.4.20 → 0.4.21

Files changed (118) hide show

data/app/views/app/views/json_ui/vue/renderer.html.erb CHANGED Viewed

@@ -1,3 +1,4 @@
+<!-- Deprecated. Use layouts instead
 <!DOCTYPE html>
 <html>
@@ -26,6 +27,9 @@
   <script>
     var __page = <%= raw @__json_ui_orig_page%>;
   </script>
+  <% locals[:footer_block]&.call %>
 </body>
 </html>
+-->

data/app/views/json_ui/garage/_nav_menu.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/actions/index.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/_alert_post_data.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/basic.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/basic_post.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/checkboxes.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/dynamic_group.json.jbuilder ADDED Viewed

@@ -0,0 +1,33 @@
+json.title 'Forms'
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+    form.h2 text: 'Dynamic Group'
+    form.spacer height: 6
+    value = [
+      {
+        'question': 'Punctuality',
+        'type': 'rating'
+      },
+      {
+        'question': 'Quality of work',
+        'type': 'rating'
+      },
+      {
+        'question': 'Satisfied?',
+        'type': 'yes_no'
+      }
+    ]
+    form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', value: value, groupTitlePrefix: 'Entry', groupTemplateViews: ->(group) do
+      group.spacer height: 10
+      group.fields_text width: 'matchParent', name: 'question', label: 'Question'
+      group.fields_text width: 'matchParent', name: 'type', label: 'Answer type'
+    end
+    form.spacer height: 20
+    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  end
+end

data/app/views/json_ui/garage/forms/dynamic_select.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/dynamic_select_data.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/file_upload.json.jbuilder CHANGED Viewed

@@ -21,7 +21,8 @@ json_ui_page json do |page|
     form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Photo', accepts: rules2, directUploadUrl: rails_direct_uploads_url,
       placeholderView: { type: 'avatar', width: 100, height: 100 }
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    form.fields_submit text: 'Submit'
+    # form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
   end)
 end

data/app/views/json_ui/garage/forms/floating_submit.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/generic_post.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/get_request.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/index.json.jbuilder CHANGED Viewed

@@ -2,7 +2,7 @@ json.title 'Forms'
 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
@@ -25,7 +25,7 @@ json_ui_page json do |page|
         template.thumbnail title: 'GET Request', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'forms/get_request')
         end
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -56,7 +56,7 @@ json_ui_page json do |page|
         template.thumbnail title: 'Rich Text Editor', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'forms/rich_text')
         end
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -64,13 +64,16 @@ json_ui_page json do |page|
       end
       section.rows builder: ->(template) do
+        template.thumbnail title: 'Dynamic Group', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_group')
+        end
         template.thumbnail title: 'Dynamic Select', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'forms/dynamic_select')
         end
         template.thumbnail title: 'Checkboxes', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'forms/checkboxes')
         end
       end
     end
   ]

data/app/views/json_ui/garage/forms/pickers.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/rich_text.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/selects.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/submission_flow.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/submission_flow_post.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/submission_indicator.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/submission_indicator_post.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/forms/text_validation.json.jbuilder CHANGED Viewed

@@ -10,6 +10,10 @@ json_ui_page json do |page|
     form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
     form.fields_textarea name: 'user[textarea]', width: 'matchParent', label: 'Textarea with maxLength', maxLength: 50
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    form.spacer height: 20
+    form.fields_stripeToken name: 'user[stripe_token]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx'
+    form.spacer height: 30
+    form.fields_submit text: 'Submit'
   end
 end

data/app/views/json_ui/garage/home/blank.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/home/index.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/_infinite_scroll_section.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/edit_actions.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/fab.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/index.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/infinite_scroll.json.jbuilder CHANGED Viewed

File without changes

data/app/views/json_ui/garage/lists/templating.json.jbuilder CHANGED Viewed

@@ -2,7 +2,7 @@ json.title 'Lists'
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
   page.list firstSection: ->(section) do
     section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
       header.h3 text: 'Section Header'
@@ -14,6 +14,14 @@ json_ui_page json do |page|
       end
       template.thumbnail title: 'Item with subtitle', subtitle: 'Item subtitle'
       template.thumbnail title: 'Item with thumbnail image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
+      template.thumbnail title: 'Item with accessories', subtitle: 'Item subtitle', accessoryViews: ->(thumbnail) do
+        thumbnail.panels_horizontal childViews: ->(horizontal) do
+          horizontal.chip text: 'finished'
+          horizontal.spacer width: 10
+          horizontal.chip text: 'succeeded'
+        end
+      end
       template.featured title: 'Featured with featured image', subtitle: 'Item subtitle', imageUrl: glib_json_image_standard_url
     end
   end

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

@@ -4,23 +4,23 @@ 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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-      card.h1 text: 'Header'
+    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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-      card.h1 text: 'Footer'
+    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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) 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

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

@@ -4,25 +4,25 @@ 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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-      card.h1 text: 'Header'
+    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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-      card.h1 text: 'Footer'
+    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_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) 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'
+        vertical.label text: 'Content'
       end
     end
   end

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

@@ -2,31 +2,8 @@ json.title 'Panels'
 json_ui_page json do |page|
   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
-    # TODO: Deprecate in favour of styleClasses
-    # scroll.panels_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-    #   card.h1 text: 'With Default Layout'
-    #   card.spacer height: 6
-    #   card.button text: 'Button1'
-    #   card.button text: 'Button2'
-    #   card.button text: 'Button3'
-    # end
-    # scroll.spacer height: 10
-    # scroll.panels_card width: 'matchParent', padding: glib_json_padding_body, childViews: ->(card) do
-    #   card.h1 text: 'With Child Panel'
-    #   card.spacer height: 6
-    #   card.panels_horizontal backgroundColor: '#b3bac2', childViews: ->(panel) do
-    #     panel.button text: 'Button1'
-    #     panel.button text: 'Button2'
-    #     panel.button text: 'Button3'
-    #   end
-    # end
+  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 styleClass: 'card', padding: glib_json_padding_body, width: 'matchParent', childViews: ->(panel) do
@@ -54,7 +31,7 @@ json_ui_page json do |page|
     # end, rightViews: ->(panel) do
     #   panel.button text: '3'
     # end
     scroll.spacer height: 20
     scroll.h2 text: 'Split panel'
     scroll.spacer height: 6
@@ -69,16 +46,16 @@ json_ui_page json do |page|
         right.button text: '3'
       end
     end
     scroll.spacer height: 20
     scroll.h2 text: 'Responsive panel'
     scroll.spacer height: 6
-    scroll.panels_responsive styleClass: 'card', padding: glib_json_padding_body, childViews: ->(horizontal) do
-      horizontal.panels_column lg: 8, backgroundColor: '#c3cad2', childViews: ->(column) do
+    scroll.panels_responsive styleClass: 'card', 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: 4, backgroundColor: '#b3bac2', childViews: ->(column) do
+      horizontal.panels_column lg: { cols: 4 }, backgroundColor: '#b3bac2', childViews: ->(column) do
         column.button text: '2'
       end
     end
@@ -86,24 +63,24 @@ json_ui_page json do |page|
     scroll.spacer height: 20
     scroll.h2 text: 'Grid-like layout'
     scroll.spacer height: 6
-    scroll.panels_responsive childViews: ->(horizontal) do
+    scroll.panels_responsive width: 'matchParent', childViews: ->(horizontal) do
       gap = { top: 12, left: 10, right: 10, bottom: 12 }
-      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+      horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
         column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '1'
         end
       end
-      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+      horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
         column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '2'
         end
       end
-      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+      horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
         column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '3'
         end
       end
-      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+      horizontal.panels_column lg: { cols: 4 }, padding: gap, childViews: ->(column) do
         column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '4'
         end

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

File without changes

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

File without changes

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

File without changes

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

@@ -2,7 +2,7 @@ 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
@@ -24,7 +24,7 @@ json_ui_page json do |page|
         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
@@ -54,7 +54,7 @@ json_ui_page json do |page|
         template.thumbnail title: 'List', subtitle: 'Rows without columns', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'lists/index')
         end
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -73,7 +73,7 @@ json_ui_page json do |page|
         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
@@ -84,7 +84,7 @@ json_ui_page json do |page|
         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
@@ -95,9 +95,23 @@ json_ui_page json do |page|
         template.thumbnail title: 'Card', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/card')
         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
   ]
 end