glib-web 2.2.0 → 2.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a1aa1166513349077001fdad47d5d2e0df83da63bc55297e7eb40354f56c9d1
-  data.tar.gz: df6ba1dad3fd78b07e6e121c038609df563eabb56383f0e31ee6a1b5c379a4cb
+  metadata.gz: 416ab4888b4ca5e16220519fb9f1dc56999d91be403a2f14c464386f4b586604
+  data.tar.gz: b6e8f65a85f9542b9a3a8e865d52a36860d7acb95cdc930918e379b290ba0e66
 SHA512:
-  metadata.gz: 0ceba57602f78f46ac76175ae5e449d3192ce91919ab600e242b9f6d7e314e29b65df369c69c289725df48481cdece02b6f6308c1f7267ef22450fa44776d40b
-  data.tar.gz: ca87f3e87349e24ba0a6674148a13767ab6670d1df3525084932873564987a088543b2d8870b84650e2cea8723432185e4c88df1308cc5fb3a726fa549ec8eaa
+  metadata.gz: d2705c8939f81dcd503c8d7c77c5f70d157df9645123b4ca1f56fefe351bbafdeee4485cfaa31838a2e001f18cd05ae8776c44a7569b8c1c892838f17eace3ed
+  data.tar.gz: 1dcb659e7c9587137eef9aebfa1743e62edf6c427855a653fd6b12d71c827d5a32fb2e6131011cd80914f505bd6d140c07f61aaa9c4b60d301cb7f729772a1f5

data/app/controllers/concerns/glib/json/libs.rb

@@ -100,6 +100,16 @@ module Glib::Json::Libs
       after_action :__json_traversal_register_dynamic_text
     end
 
+    def json_libs_skip_json_ui(options)
+      prepend_before_action options do
+        params[:_skip_render] = 'true'
+      end
+    end
+
+    def json_libs_force_json_ui
+      before_action :glib_force_json_ui
+    end
+
     def json_libs_set_locale
       before_action do
         # Need to explicitly fallback to EN
@@ -109,10 +119,6 @@ module Glib::Json::Libs
       end
     end
 
-    def json_libs_force_json_ui
-      before_action :glib_force_json_ui
-    end
-
     def json_libs_rescue_csrf
       rescue_from ActionController::InvalidAuthenticityToken do |exception|
         sign_out(:user)

data/app/controllers/glib/home_controller.rb

@@ -10,6 +10,26 @@ module Glib
 
       @path_prefix = 'json_ui/garage'
 
+      @__glib_head_code =<<-eos
+        <style>
+        .custom-container .pages-body > div > .panels-responsive {
+          max-width: 800px;
+          width: 100%;
+          margin-right: auto;
+          margin-left: auto;
+        }
+
+        .rounded-corner {
+          border-radius: 16px;
+        }
+
+        /* Make sure the hover highlight effect also has rounded corners */
+        .rounded-corner:hover:after {
+          border-radius: 16px;
+        }
+        </style>
+      eos
+
       # We can't use prepend_view_path because it affects the app, not the gem
       path = "#{@path_prefix}/#{params[:path] || 'home/index'}"
       render path

data/app/helpers/glib/json_ui/action_builder/commands.rb

@@ -4,5 +4,13 @@ class Glib::JsonUi::ActionBuilder
       string :text
       action :onCopy
     end
+
+    class Custom < Action
+      string :name
+      hash :properties
+      # action :onComplete
+      action :onSuccess
+      action :onFailure
+    end
   end
 end

data/app/helpers/glib/json_ui/menu_builder.rb

@@ -45,6 +45,7 @@ module Glib
         icon :icon
         action :onClick
         bool :disabled
+        hash :tooltip
         singleton_array :styleClass, :styleClasses
 
         def childButtons(block)

data/app/helpers/glib/json_ui/page_helper.rb

@@ -106,6 +106,10 @@ module Glib
           json.template template
         end
 
+        def containerStyleClasses(styleClasses)
+          json.containerStyleClasses styleClasses
+        end
+
         def leftDrawer(options = {})
           json.leftDrawer do
             [:styleClasses, :backgroundColor].each do |name|

data/app/helpers/glib/json_ui/view_builder/fields.rb

@@ -143,7 +143,9 @@ class Glib::JsonUi::ViewBuilder
     class RichText < Text
       array :images
       hash :imageUploader
-      string :produce # `html` or `markdown`
+      # `html` or `markdown`
+      string :produce
+      string :accept
     end
 
     class Country < AbstractField

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -5,6 +5,10 @@ class Glib::JsonUi::ViewBuilder
       string :paramNameForFormData
       bool :local
 
+      # TODO: Enable this when we know it won't break existing apps.
+      # Even for pure client-side apps, this is required because form.validate() requires a URL to construct form data.
+      # required :url
+
       def is_array_association?(prop)
         # # Not all model is ActiveRecord
         # if @model.class.respond_to?(:reflect_on_association)
@@ -224,8 +228,6 @@ class Glib::JsonUi::ViewBuilder
 
       views :childViews
       action :onClick
-
-      views :hoverViews
     end
 
     class Vertical < View

data/app/helpers/glib/json_ui/view_builder.rb

@@ -192,6 +192,12 @@ module Glib
         action :onClick
         color :color
         bool :disabled
+
+        def childButtons(block)
+          json.childButtons do
+            block.call page.menu_builder
+          end
+        end
       end
 
       class Fab < View
@@ -279,7 +285,7 @@ module Glib
 
       class ProgressCircle < View
         int :rotate # from 0 to 360
-        int :size 
+        int :size
         int :value # from 0 to 100
         color :color
         string :text

data/app/models/concerns/glib/soft_deletable.rb

@@ -22,6 +22,11 @@ module Glib
         soft_destroy_record
       end
 
+      # More explicit naming which is sometimes useful for readability.
+      def soft_destroy
+        soft_destroy_record
+      end
+
       # Revive a soft-deleted record and associated records if soft-deleted,
       # otherwise return self
       def revive

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

@@ -1,4 +1,14 @@
 
+page.navBar height: 44, backgroundColor: '#a8c4e3', color: '#ffffff', showTitle: true, rightButtons: ->(menu) do
+  menu.button icon: { name: 'refresh' }, onClick: ->(action) do
+    action.windows_reload
+  end
+  menu.button icon: { name: 'open_in_new' }, onClick: ->(action) do
+    action.windows_open url: json_ui_garage_current_url(step: params[:step].to_i + 1)
+  end
+end
+
+
 if local_assigns[:top_nav] || json_ui_app_is_web?
   page.leftDrawer styleClasses:['maxi'], content: ->(drawer) do
     drawer.header childViews: ->(header) do

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

@@ -17,12 +17,22 @@ page.list firstSection: ->(section) do
           subaction.dialogs_alert message: 'Tick/untick'
         end
       end, rightButtons: ->(menu) do
-        menu.button styleClass: 'icon', icon: 'share', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Share'
-        end
-        menu.button styleClass: 'icon', icon: 'open_in_new', onClick: ->(subaction) do
-          subaction.dialogs_alert message: 'Open'
-        end
+        menu.button \
+          styleClass: 'icon',
+          icon: 'share',
+          tooltip: { text: 'Share' },
+          childButtons: ->(submenu) do
+            submenu.button text: 'Dropdown item 1'
+            submenu.button text: 'Dropdown item 2'
+            submenu.button text: 'Dropdown item 3'
+          end
+        menu.button \
+          styleClass: 'icon',
+          icon: 'open_in_new',
+          tooltip: { text: 'Open in new window' },
+          onClick: ->(subaction) do
+            subaction.dialogs_alert message: 'Open'
+          end
       end, editButtons: ->(menu) do
         menu.button text: "Edit (ID: #{page_index})", onClick: ->(action) do
           action.dialogs_alert message: 'Perform Edit action'

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

@@ -0,0 +1,32 @@
+json.title 'Pages'
+
+page = json_ui_page json
+
+page.template 'fullWidth'
+page.containerStyleClasses ['custom-container']
+
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.header padding: glib_json_padding_body, childViews: ->(header) do
+  header.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Header'
+    vertical.spacer height: 4
+    vertical.label text: 'Here we set the `body` panel\'s max-width using containerStyleClasses.'
+  end
+  header.spacer height: 20
+end
+
+page.footer padding: glib_json_padding_body, childViews: ->(footer) do
+  footer.spacer height: 20
+  footer.panels_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
+    vertical.h1 text: 'Footer'
+  end
+end
+
+page.body padding: glib_json_padding_body, childViews: ->(scroll) 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
+  end
+end

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

@@ -33,6 +33,10 @@ json_ui_page json do |page|
         template.thumbnail title: 'Redirect onLoad', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'pages/redirect_onload')
         end
+
+        template.thumbnail title: 'Custom Style Class', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/custom_style_class')
+        end
       end
     end,
     ->(section) do
@@ -41,10 +45,6 @@ json_ui_page json do |page|
       end
 
       section.rows builder: ->(template) do
-        template.thumbnail title: 'Flat Centered', onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/flat_centered')
-        end
-
         template.thumbnail title: 'Full Width', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'pages/full_width')
         end

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

@@ -1,6 +1,7 @@
 text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
-value =''
-  i.times { value += text}
+value = ''
+i.times { value += text }
+
 hover.panels_responsive padding: {top: 24, right: 24, bottom: 24, left: 24 }, childViews: ->(responsive) do
   responsive.avatar url: glib_json_image_avatar_url
 
@@ -11,7 +12,7 @@ hover.panels_responsive padding: {top: 24, right: 24, bottom: 24, left: 24 }, ch
   responsive.h2 text: 'Hover View'
   responsive.p text:value
   responsive.spacer height: 24
-  responsive.button text:'Button', onClick:->(action) do
+  responsive.button text: 'Button', onClick:->(action) do
     action.dialogs_alert message: 'Clicked'
   end
-end
+end

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

@@ -1,5 +1,3 @@
-bucket = 'itinerarybuilder-demo'
-
 json.title 'Hover'
 
 page = json_ui_page json
@@ -10,13 +8,12 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.p text: 'A popover made with panels_responsive that will be triggered when hovering on its parent'
   scroll.spacer height: 48
 
-  i = 1
   scroll.h2 text: 'Responsive'
   scroll.panels_responsive padding: { top: 48, right: 24, bottom: 48, left: 24 }, styleClasses: ['card'], childViews: ->(column) do
-    column.h2 text: "Item #{i}"
-    column.p text: "Hover view with #{i} sentence(s)"
+    column.h2 text: 'Item'
+    column.p text: 'Single responsive view with hover views'
   end, hoverViews: ->(hover) do
-    render 'json_ui/garage/panels/hover_views_content', hover: hover, i: i
+    render 'json_ui/garage/panels/hover_views_content', hover: hover, i: 1
   end, onClick: ->(action) do
     action.windows_reload
   end
@@ -24,13 +21,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
   scroll.h2 text: 'Columns'
   9.times do |i|
-    scroll.panels_column lg: { cols: 4 }, padding: { top: 48, right: 24, bottom: 48, left: 24 }, styleClasses: ['card'], childViews: ->(column) do
-      column.h2 text: "Item #{i}"
-      column.p text: "Hover view with #{i} sentence(s)"
-    end, hoverViews: ->(hover) do
-      render 'json_ui/garage/panels/hover_views_content', hover: hover, i: i
-    end, onClick: ->(action) do
-      action.windows_reload
+    scroll.panels_column lg: { cols: 4 }, padding: { top: 18, right: 14, bottom: 18, left: 14 }, childViews: ->(column) do
+      column.panels_responsive styleClasses: ['card'], padding: { top: 48, right: 24, bottom: 48, left: 24 }, childViews: ->(responsive) do
+        column.h2 text: "Item #{i}"
+        column.p text: "Hover view with #{i} sentence(s)"
+      end, hoverViews: ->(hover) do
+        render 'json_ui/garage/panels/hover_views_content', hover: hover, i: i
+      end, onClick: ->(action) do
+        action.windows_reload
+      end
     end
   end
 end

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

@@ -33,7 +33,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       end
     end
   end
-  
+
   scroll.spacer height: 32
   scroll.hr color: '#F5F5F5', width: 'matchParent'
   scroll.spacer height: 32
@@ -59,7 +59,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       end
     end
   end
-  
+
 
   scroll.spacer height: 32
   scroll.h4 text: 'With more than 12 columns'
@@ -74,9 +74,11 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
   scroll.spacer height: 32
   scroll.h4 text: 'With responsive paddings'
+  scroll.spacer height: 4
+  scroll.p text: 'The vertical padding separating these buttons only appears in XS screens.'
   scroll.spacer height: 8
   scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
-    res.panels_column lg: { cols: 8, padding: { right: 20 } }, childViews: ->(column) do
+    res.panels_column backgroundColor: '#c3cad2', lg: { cols: 8, padding: { bottom: 0 } }, padding: { bottom: 20 }, childViews: ->(column) do
       column.button width: 'matchParent', text: '1'
     end
     res.panels_column lg: { cols: 4 }, childViews: ->(column) do
@@ -84,6 +86,20 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
   end
 
+  scroll.spacer height: 32
+  scroll.h4 text: 'With responsive ordering'
+  scroll.spacer height: 4
+  scroll.p text: 'In XS screens, button number 2 will be displayed above button 1.'
+  scroll.spacer height: 8
+  scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
+    res.panels_column lg: { cols: 8, order: 0 }, xs: { order: 1 }, childViews: ->(column) do
+      column.button width: 'matchParent', text: '1'
+    end
+    res.panels_column lg: { cols: 4, order: 1 }, xs: { order: 0 }, childViews: ->(column) do
+      column.button width: 'matchParent', text: '2'
+    end
+  end
+
   scroll.spacer height: 32
   scroll.h4 text: 'With mixed components'
   scroll.spacer height: 8
@@ -105,12 +121,17 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 32
   scroll.h4 text: 'With onClick'
   scroll.spacer height: 8
-  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.panels_responsive \
+    backgroundColor: '#c3cad2',
+    styleClasses: ['rounded-corner'],
+    padding: { left: 20, right: 20, top: 10, bottom: 10 },
+    tooltip: { text: 'Tooltip text' },
+    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: 16
   scroll.h4 text: 'With grid-like functionality'

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

@@ -7,7 +7,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   timeline_items = [
       { icon: 'place', color: '#4BB543' },
       { icon: 'check_circle', color: 'blue' },
-      { icon: 'hourglass_empty', color: 'blue', label: 'Pending' },
+      { icon: 'hourglass_empty', color: 'blue', text: 'Pending' },
       { icon: 'radio_button_unchecked' },
       { icon: 'radio_button_unchecked' },
     ]
@@ -32,16 +32,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
 
   timeline_items = [
-      { icon: 'place', color: '#4BB543' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'check_circle', color: 'blue' },
-      { icon: 'flag', color: '#FFA500' },
+      { icon: 'place', color: '#4BB543', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'check_circle', color: 'blue', styleClasses: ['outlined'] },
+      { icon: 'flag', color: '#FFA500', styleClasses: ['outlined'] },
     ]
 
   scroll.h2 text: 'Timeline with outlined dots'
   scroll.panels_timeline \
-    styleClasses: ['outlined'],
     events: timeline_items,
     childViews: ->(timeline) do
       timeline.panels_vertical childViews: ->(vertical) do
@@ -74,4 +73,15 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         timeline.label text: '1 minute ago'
       end
     end
+
+  timeline_items = [
+      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', styleClasses: ['small'] },
+      { backgroundColor: 'blue', color: 'white', text: '3' },
+      { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
+      { backgroundColor: 'white', icon: 'radio_button_unchecked', styleClasses: ['small'] },
+    ]
+
+  scroll.h2 text: 'Timeline without content'
+  scroll.panels_timeline events: timeline_items
 end

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

@@ -11,6 +11,18 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       action.windows_open url: json_ui_garage_url(path: 'home/blank')
     end
     ul.label text: 'Label'
+    ul.p text: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.'
+
+    ul.panels_vertical childViews: ->(vertical) do
+      vertical.p text: 'Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.'
+      vertical.spacer height: 6
+      vertical.p text: 'The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'
+      vertical.spacer height: 6
+      ul.panels_ul childViews: ->(inner_ul) do
+        inner_ul.label text: 'Sub item 1'
+        inner_ul.label text: 'Sub item 2'
+      end
+    end
   end
 
   scroll.spacer height: 14
@@ -25,9 +37,29 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       ul.button text: 'Level 1', styleClass: 'link', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'home/blank')
       end
-      ul.button text: 'Level 2', styleClass: 'link', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      # ul.button text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
+      #   menu.button text: 'Dropdown item 1'
+      #   menu.button text: 'Dropdown item 2'
+      #   menu.button text: 'Dropdown item 3'
+      # end
+
+      ul.button icon: 'keyboard_arrow_down', text: 'Level 2', styleClass: 'link', childButtons: ->(menu) do
+        menu.button text: 'Dropdown item 1'
+        menu.button text: 'Dropdown item 2'
+        menu.button text: 'Dropdown item 3'
       end
+      # , onClick: ->(action) do
+      #   action.windows_open url: json_ui_garage_url(path: 'home/blank')
+      # end
       ul.label text: 'Level 3'
     end
+
+  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClasses: ['link'], onClick: ->(action) do
+    action.windows_open url: json_ui_garage_url(path: 'home/blank')
+  end
+  scroll.button icon: 'keyboard_arrow_down', text: 'Sign in', styleClass: 'link', childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
 end

data/app/views/json_ui/garage/views/banners.json.jbuilder

@@ -40,7 +40,7 @@ json_ui_page json do |page|
         submenu.button icon: 'edit', text: 'Option2', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'home/slow')
         end
-        submenu.button icon: 'delete', text: 'Option3', onClick: ->(action) do
+        submenu.button icon: 'delete', text: 'Long Option3', onClick: ->(action) do
           action.dialogs_alert message: 'Alert'
         end
       end

data/app/views/json_ui/garage/views/controls.json.jbuilder

@@ -25,8 +25,22 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     onClick: ->(action) do
       action.dialogs_alert message: 'Perform action'
     end
-  scroll.spacer height: 20
 
+  scroll.spacer height: 10
+  scroll.button text: 'Button with dropdown', childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 10
+  scroll.button text: 'Button with tooltip and dropdown', tooltip: { text: 'Tooltip text' }, childButtons: ->(menu) do
+    menu.button text: 'Dropdown item 1'
+    menu.button text: 'Dropdown item 2'
+    menu.button text: 'Dropdown item 3'
+  end
+
+  scroll.spacer height: 20
   scroll.button \
     icon: 'info',
     styleClass: 'icon',
@@ -39,7 +53,10 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.spacer height: 20
   scroll.h2 text: 'Chip'
   scroll.spacer height: 10
-  scroll.chip styleClass: 'success', text: 'Success'
+  scroll.chip \
+    styleClass: 'success',
+    text: 'Success',
+    tooltip: { text: 'Tooltip text' }
   scroll.spacer height: 10
   scroll.chip text: 'With Action', onClick: ->(action) do
     action.dialogs_alert message: 'Perform action'

data/app/views/layouts/json_ui/renderer.html.erb

@@ -19,6 +19,10 @@
   <link href="//cdn.materialdesignicons.com/2.1.99/css/materialdesignicons.min.css" rel="stylesheet" />
 
   <%= yield :head %>
+
+  <% if @__glib_head_code %>
+    <%= @__glib_head_code.html_safe %>
+  <% end %>
 </head>
 
 <body>

data/lib/glib/json_crawler/action_crawlers/dialogs_alert.rb

@@ -0,0 +1,17 @@
+module Glib
+  module JsonCrawler
+    class DialogsAlert < ActionCrawler
+      def initialize(http, args, action)
+        super(http)
+
+        if (message = args['message'])
+          http.router.log action, message
+
+          if (on_close = args.fetch('onClose', nil))
+            perform(on_close)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/glib/json_crawler/action_crawlers/forms_submit.rb

@@ -1,4 +1,3 @@
-
 module Glib
   module JsonCrawler
     class FormsSubmit < ActionCrawler
@@ -13,15 +12,15 @@ module Glib
         action = "forms/#{method}"
 
         case method
-        when 'patch', 'put'
-          submit_update(form, action)
+        when 'patch', 'put', 'post'
+          submit_form(form, action, method.to_sym)
         else
           url = form['url']
           http.router.log action, url
         end
       end
 
-      def submit_update(view, action)
+      def submit_form(view, action, method)
         url = view['url']
         fields = []
         params = {}
@@ -37,7 +36,7 @@ module Glib
         @http.router.crawl_multiple child_views, ->(child) do
           next if child['template'].present?
 
-          name = child['view']
+          name = child['view'] || ''
           if name.start_with?('fields/')
             fields << child
 
@@ -52,8 +51,30 @@ module Glib
           end
         end
 
-        json = @http.patch url, action, params
-        perform(json['onResponse'])
+        case method
+        when :patch, :put
+          json = @http.patch url, action, params
+          perform(json['onResponse'])
+        when :post
+          if (params = form_post_params)
+            json = @http.post url, action, params
+            perform(json['onResponse'])
+          else
+            @http.router.log action, url
+          end
+        end
+      end
+
+      def form_post_params
+        route = Rails.application.routes.recognize_path(@http.router.page_url)
+        action_path = "#{route[:controller]}##{route[:action]}"
+
+        post_data[action_path]
+      end
+
+      # Redeclare this class and implement this method.
+      def post_data
+        {}
       end
     end
   end

data/lib/glib/json_crawler/action_crawlers/windows_open.rb

@@ -8,7 +8,7 @@ module Glib
           json = @http.get(url, action, args.except('url'))
 
           unless json.nil?
-            @http.router.begin_page(json)
+            @http.router.begin_page(json, url)
 
             crawl json['header']&.[]('childViews')
             crawl json['body']&.[]('childViews')
@@ -24,7 +24,7 @@ module Glib
               end
             end
 
-            if (on_load = (args.fetch('onLoad', nil)))
+            if (on_load = args.fetch('onLoad', nil))
               perform(on_load)
             end
 

data/lib/glib/json_crawler/router.rb

@@ -1,4 +1,3 @@
-
 module Glib
   module JsonCrawler
     class Router
@@ -25,6 +24,7 @@ module Glib
         # default rails's development host
         @host ||= 'localhost:3000'
         @page_specs = []
+        @page_urls = []
       end
 
       def step(http, args)
@@ -39,7 +39,7 @@ module Glib
         end
 
         if args.is_a?(Hash) && args['rel'] != 'nofollow'
-          if (on_click = (args.fetch('onClick', nil)))
+          if (on_click = args.fetch('onClick', nil))
             process_action(http, on_click)
           end
         end
@@ -74,10 +74,14 @@ module Glib
           when 'forms/submit-v1', 'forms/submit'
             forms = @visitor.forms
             JsonCrawler::FormsSubmit.new(http, forms.last)
+          when 'dialogs/alert-v1', 'dialogs/alert'
+            JsonCrawler::DialogsAlert.new(http, params, action)
           else
             unless [
-              'http/delete-v1', 'dialogs/oauth-v1',
-              'http/delete', 'dialogs/oauth'
+              'http/delete-v1',
+              'dialogs/oauth-v1',
+              'http/delete',
+              'dialogs/oauth'
             ].include?(action)
               @read_only_actions.add([action, params['url']])
             end
@@ -99,13 +103,15 @@ module Glib
         @visitor.traverse_multiple views, block
       end
 
-      def begin_page(spec)
+      def begin_page(spec, url)
         @page_specs << spec
+        @page_urls << url
         @visitor.begin_page(spec)
       end
 
       def end_page(spec)
         @page_specs.pop
+        @page_urls.pop
         @visitor.end_page(spec)
       end
 
@@ -113,6 +119,10 @@ module Glib
         @page_specs.last
       end
 
+      def page_url
+        @page_urls.last
+      end
+
       def allowed?(url)
         regex = Regexp.new("#{host}.+(?<!\.pdf)$")
         regex.match(url)

data/lib/glib/json_crawler.rb

@@ -7,5 +7,6 @@ require_relative './json_crawler/action_crawlers/nav_initiate'
 require_relative './json_crawler/action_crawlers/windows_open'
 require_relative './json_crawler/action_crawlers/action_http'
 require_relative './json_crawler/action_crawlers/forms_submit'
+require_relative './json_crawler/action_crawlers/dialogs_alert'
 require_relative './json_crawler/action_crawlers/menu'
 require_relative './json_crawler/action_crawlers/run_multiple'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 2.4.0
 platform: ruby
 authors:
 - ''
@@ -202,7 +202,7 @@ files:
 - app/views/json_ui/garage/notifications/android_post.json.jbuilder
 - app/views/json_ui/garage/notifications/index.json.jbuilder
 - app/views/json_ui/garage/notifications/web_socket.json.jbuilder
-- app/views/json_ui/garage/pages/flat_centered.json.jbuilder
+- app/views/json_ui/garage/pages/custom_style_class.json.jbuilder
 - app/views/json_ui/garage/pages/full_width.json.jbuilder
 - app/views/json_ui/garage/pages/full_width_height.json.jbuilder
 - app/views/json_ui/garage/pages/index.json.jbuilder
@@ -279,6 +279,7 @@ files:
 - lib/glib/json_crawler.rb
 - lib/glib/json_crawler/action_crawler.rb
 - lib/glib/json_crawler/action_crawlers/action_http.rb
+- lib/glib/json_crawler/action_crawlers/dialogs_alert.rb
 - lib/glib/json_crawler/action_crawlers/forms_submit.rb
 - lib/glib/json_crawler/action_crawlers/menu.rb
 - lib/glib/json_crawler/action_crawlers/nav_initiate.rb

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

@@ -1,29 +0,0 @@
-json.title 'Pages'
-
-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_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_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_vertical width: 'matchParent', styleClass: 'card', padding: glib_json_padding_body, childViews: ->(vertical) do
-      (1..100).each do |index|
-        scroll.label text: 'Content'
-      end
-    end
-  end
-end