glib-web 4.14.1 → 4.15.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ea3a6a872d72ef4615ceccc100d875a9cbf21bee429fed02c205e0812089abbc
-  data.tar.gz: 89b39a261fb479cfbf3a764d4c331ba585cfd58537625df9da8ac3cb2151c7cb
+  metadata.gz: 4b09283a44453982b74ec17941ae1d9ba3d764beb0e5152671c25309c33b03ce
+  data.tar.gz: 67ccedb988fa1241b94224e4c0d452b002eec9056fb7b30cab761be68c59142b
 SHA512:
-  metadata.gz: c0e4878546dcc84d715a073f1cbae6bee081b695f80cb880c7eac39fafeef0397c78afa37f61ad32bae15df86a93e871e350aca95f5cb318930be7acef43d2b0
-  data.tar.gz: 873fde1069443f0b6965f52fa26c6b4503a7995818f60c83857c8e07379748b75b6416fb63487f2e55baa2937e1ab92354cf5ef4456a0961b42c9e1d4a0798bb
+  metadata.gz: ce53046753706806f836a5278bd5a94e4ff27ac6b8fc32ee397448ac9fd12f609e58cc9356d0cebad24ba10e273c7512c08d29dce6f9d2ecf9ba1e6c5e18a087
+  data.tar.gz: 7f3a889e5a39f51fc79d4b85c396b253546ddd705294b020caaf5c1b820f262d0a690b2e72a764b5398a50ed3842de5c2b347ff62a4a231b1baa7aed0915c29f

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

@@ -289,7 +289,7 @@ module Glib
             optional = options[:optional] || []
 
             required.each do |req|
-              raise ArgumentError, "Hash property: '#{req}' is required" if value[req.to_s].blank?
+              raise ArgumentError, "Hash property: '#{req}' is required" if value[req.to_s].nil?
             end
 
             if optional.present?

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

@@ -3,6 +3,8 @@ class Glib::JsonUi::ActionBuilder
     class Invoke < Action
       string :name
       hash :arguments
+      action :onTrue
+      action :onFalse
     end
 
     class Find < Action

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

@@ -10,8 +10,8 @@ class Glib::JsonUi::ActionBuilder
       int :offset
       int :width
       bool :persistent
-      bool :overlay
-      # singleton_array :styleClass, :styleClasses
+      hash :overlay, required: [:closeOnFocus]
+      singleton_array :styleClass, :styleClasses
     end
 
     class Close < Action

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

@@ -3,13 +3,24 @@ class Glib::JsonUi::ActionBuilder
 
     class Select < Action
       string :message
-      bool :overlay
+
+      def overlay(value)
+        @overlay = value
+      end
 
       def buttons(block)
         json.buttons do
           block.call page.menu_builder
         end
       end
+
+      def created
+        if @overlay.nil?
+          @overlay = true
+        end
+
+        json.overlay @overlay
+      end
     end
 
   end

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

@@ -169,7 +169,7 @@ module Glib
 
         def leftDrawer(options = {})
           json.leftDrawer do
-            [:styleClasses, :backgroundColor].each do |name|
+            [:styleClasses, :backgroundColor, :drawerWidth].each do |name|
               if (value = options.delete(name))
                 json.set! name, value
               end

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

@@ -12,6 +12,7 @@ class Glib::JsonUi::ViewBuilder
       action :onChangeAndLoad
       string :paramNameForFormData
       string :paramNameForFieldName
+      bool :rounded
 
       def default_url_options
         { only_path: true }
@@ -163,7 +164,7 @@ class Glib::JsonUi::ViewBuilder
     class CheckGroup < AbstractField
       views :childViews
       string :uncheckValue
-      bool :watchNoneOfAbove
+      string :valueForDisableAll
     end
 
     class Check < Text
@@ -204,7 +205,7 @@ class Glib::JsonUi::ViewBuilder
 
       panels_builder :accessory, :header, :footer
       bool :clearable
-      bool :watchNoneOfAbove
+      string :valueForDisableAll
       bool :prependSelectAll
       # bool :csvMode
 

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

@@ -320,6 +320,7 @@ module Glib
         int :value # from 0 to 100
         color :color
         string :text
+        bool :indeterminate
       end
 
       class ShareButton < View

data/app/views/json_ui/garage/actions/_sheets.json.jbuilder

@@ -5,7 +5,7 @@ end
 
 section.rows builder: ->(template) do
   template.thumbnail title: 'sheets/select', onClick: ->(action) do
-    action.sheets_select overlay: true, message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum vel nisi in pharetra. Aenean mollis feugiat elementum. Donec tempor arcu fringilla risus finibus cursus. Donec eleifend ex sit amet odio rutrum, vitae ornare nunc congue. In hac habitasse platea dictumst. Curabitur at velit et odio ornare vestibulum sit amet vitae ex. Proin tincidunt rutrum libero vitae tempus.', buttons: ->(menu) do
+    action.sheets_select message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum vel nisi in pharetra. Aenean mollis feugiat elementum. Donec tempor arcu fringilla risus finibus cursus. Donec eleifend ex sit amet odio rutrum, vitae ornare nunc congue. In hac habitasse platea dictumst. Curabitur at velit et odio ornare vestibulum sit amet vitae ex. Proin tincidunt rutrum libero vitae tempus.', buttons: ->(menu) do
       menu.button text: 'Option1', onClick: ->(subaction) do
         subaction.dialogs_alert message: 'Option 1'
       end

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

@@ -47,7 +47,7 @@ page.scroll childViews: ->(scroll) do
       form.spacer height: 20
       form.h2 text: 'Checkboxes with none_of_above'
       form.fields_checkGroup \
-        watchNoneOfAbove: true,
+      valueForDisableAll: 'none_of_above',
           name: 'user[favorite_fruits][]',
           value: 'grape',
           uncheckValue: 1,

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

@@ -16,15 +16,18 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
       { name: 'question', value: 'Quality of work' },
       { name: 'type', value: 'rating' },
       { name: 'enabled', value: '1' },
+      { name: 'error_message', value: 'Wrong answer' }
     ],
     [
       { name: 'question', value: 'Satisfied?' },
       { name: 'type', value: 'yes_no' },
+      { name: 'error_message', value: 'Incompatible selection' }
     ]
   ]
   form.fields_dynamicGroup id: 'form_dynamic_group', width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
     group.template padding: { left: 32 }, childViews: ->(template) do
       template.spacer height: 10
+      template.fields_hidden name: 'error_message'
       template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
 
       form.panels_responsive id: 'responsive_{{entry_index}}', childViews: ->(column) do
@@ -84,6 +87,19 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
           end
         end
 
+      template.icon \
+        id: 'error_icon_{{entry_index}}',
+        name: 'error',
+        onLoad: ->(action) do
+          action.logics_set debug: true, targetId: 'error_icon_{{entry_index}}', conditionalData: {
+            displayed: {
+              "!!": [
+                { 'var': '{{entry_prefix}}[error_message]' }
+              ]
+            },
+            'tooltip.text': { 'var': '{{entry_prefix}}[error_message]' }
+          }
+        end
       template.panels_vertical id: 'choices_panel_{{entry_index}}', childViews: ->(vertical) do
         (1..5).each do |i|
           vertical.fields_text \

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

@@ -53,27 +53,27 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   options = languages.map { |k, v| { value: k, text: v } }
   options << { value: 'none_of_above', text: 'None of the above' }
   form.fields_select \
-    watchNoneOfAbove: true,
-    name: 'user[cities][]',
-    width: 'matchParent',
-    label: 'Cities',
-    options: options,
-    value: ['melbourne', 'sydney'],
-    multiple: true,
-    onChange: ->(action) do
-      action.dialogs_alert message: 'Options selected'
-    end
+    valueForDisableAll: 'none_of_above',
+      name: 'user[cities][]',
+      width: 'matchParent',
+      label: 'Cities',
+      options: options,
+      value: ['melbourne', 'sydney'],
+      multiple: true,
+      onChange: ->(action) do
+        action.dialogs_alert message: 'Options selected'
+      end
 
   form.spacer height: 6
   form.fields_select \
-    watchNoneOfAbove: true,
-    prependSelectAll: true,
-    name: 'user[cities2][]',
-    width: 'matchParent',
-    label: 'Cities',
-    options: options[0..-2],
-    value: ['melbourne', 'sydney'],
-    multiple: true
+    valueForDisableAll: 'none_of_above',
+      prependSelectAll: true,
+      name: 'user[cities2][]',
+      width: 'matchParent',
+      label: 'Cities',
+      options: options[0..-2],
+      value: ['melbourne', 'sydney'],
+      multiple: true
 
   form.spacer height: 20
   form.h2 text: 'Select fields with grouping'

data/app/views/json_ui/garage/forms/show_hide.json.jbuilder

@@ -126,19 +126,19 @@ page.form \
         end,
         childViews: ->(group) do
           group.panels_responsive width: 'matchParent', childViews: ->(res) do
-
-            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+            res.panels_column width: 'matchParent', height: 'matchParent', lg: { cols: 4, padding: { x: 10 } }, childViews: ->(column) do
               column.fields_radio\
                 width: 'matchParent',
+                height: 'matchParent',
                 value: 'yes', label: 'Yes', icon: { template: 'featured', name: 'edit', size: 40, color: '#d1d1d1' },
                 onClick: ->(action) do
                   action.windows_openWeb url: 'http://www.google.com'
                 end
             end
-            res.panels_column width: 'matchParent', lg: { cols: 4 }, childViews: ->(column) do
+            res.panels_column width: 'matchParent', lg: { cols: 4, padding: { x: 10 } }, childViews: ->(column) do
               column.fields_radio\
                 width: 'matchParent',
-                value: 'no', label: 'No',
+                value: 'no', label: 'No (very very very very very very very very very very very long description)',
                 image: { template: 'featured', url: 'https://cdn.pixabay.com/photo/2020/08/05/13/12/eco-5465432_1280.png', width: 80, height: 80 },
                 onClick: ->(action) do
                   action.windows_openWeb url: 'http://www.google.com'

data/app/views/json_ui/garage/tables/panel_content.json.jbuilder

@@ -29,7 +29,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
           header.label text: 'Unordered List'
         end
 
-        items = [1, 2, 3]
+        items = [1]
         section.rows objects: items, builder: ->(row, item, index) do
           row.default colStyles: [{ width: 200, backgroundColor: '#eeeeee' }], cellViews: ->(cell) do
             cell.panels_horizontal childViews: ->(horizontal) do

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

@@ -4,7 +4,7 @@ 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.h2 text: 'Button'
+  scroll.h2 text: 'Button', id: 'button'
   scroll.spacer height: 20
 
   scroll.button text: 'Button', onClick: ->(action) do
@@ -34,10 +34,13 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
 
     action.popovers_show \
       key: 'menu',
-      overlay: true,
+      targetId: '_self',
+      overlay: { closeOnFocus: false },
       placement: 'left',
+      styleClass: 'popover-container',
+      offset: 24,
       content: ->(dialog) do
-        dialog.body padding: glib_json_padding_body, childViews: ->(view) do
+        dialog.body childViews: ->(view) do
           view.panels_responsive styleClass: 'popover-menu', width: 200, childViews: ->(res) do
             res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.windows_open url: json_ui_garage_url(path: 'pages/index')
@@ -45,7 +48,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
             res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.windows_open url: json_ui_garage_url(path: 'home/blank')
             end
-            res.label text: 'Item 3', styleClass: 'popover-menu-item', onClick: ->(saction) do
+            res.label text: 'close', styleClass: 'popover-menu-item', onClick: ->(saction) do
               saction.popovers_close key: 'menu'
             end
           end
@@ -59,20 +62,19 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     tooltip: { text: 'Tooltip 1' },
     onClick: ->(action) do
       action.popovers_show \
-        key: 'menu',
+        key: 'menu2',
         placement: 'bottom-start',
-        overlay: true,
         width: 200,
         content: ->(dialog) do
           dialog.body styleClass: 'popover-menu', padding: glib_json_padding_body, childViews: ->(res) do
             res.label text: 'Item 1', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
             res.label text: 'Item 2', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
             res.label text: 'Item 3 with very very very very very long name', styleClass: 'popover-menu-item', onClick: ->(saction) do
-              saction.popovers_close key: 'menu'
+              saction.popovers_close key: 'menu2'
             end
           end
         end
@@ -127,5 +129,21 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     onDisabled: ->(action) do
       action.dialogs_alert message: 'Disabled'
     end
+  scroll.spacer height: 20
+
+  scroll.h2 text: 'Highlight'
+  scroll.button text: 'Highlight', onClick: ->(action) do
+    action.popovers_show \
+      targetId: 'button',
+      key: 'menu',
+      placement: 'right',
+      offset: 24,
+      overlay: { closeOnFocus: true },
+      content: ->(dialog) do
+        dialog.body padding: glib_json_padding_body, styleClass: 'popover-menu', childViews: ->(res) do
+          res.label text: 'Hello world'
+        end
+      end
+  end
 
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.14.1
+  version: 4.15.1
 platform: ruby
 authors:
 - ''