glib-web 0.15.3 → 0.16.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7c8f181923acfe45b4f5fc8db68d538d457518dec51a7f88591e9dd7f45b5fa2
-  data.tar.gz: 619177b9d7e1153eb15230797ba241c1c54c795b979aba1747a195d2310b7295
+  metadata.gz: 35210713e1cd16fb62b922a7b78f6c045a49d3eaa14e4a4adeb9630771c38059
+  data.tar.gz: a923627989ea43af99a03ad68ffb7f7784837eb4a4b3053304122eca5a8d1eac
 SHA512:
-  metadata.gz: 79b252be8c126c21548f4c4f100800156240026a96756ebbe5d97ff64684150392f3a76f2afaa1fffae0dce5c139026847ae12a836774a9aeeea1612b7b5ba5c
-  data.tar.gz: 82712cc9297d5ac4e76f79fe6f21cf42183b901dbbee57a01387c8cfb3e20311829078c600f069710f49db56d7c3c0e804bba25e8bb7a849e59d493cda144922
+  metadata.gz: d57258dec4e72d2301cb8489139900a2e03e5177c073537db94cffa8dd9ef7dd69fba94434ee469f1762ade2845772eabdb2e89f1aa4cf8c9230c6cdb46087fe
+  data.tar.gz: d4e9622c9c1ad29f65b8b3d7505633845ffb003e910b498c4676c2ddf6cb9c14c9ebd8057325b0b031c2c7c0897e6ffea0c1ee8442fc0209ba2c671539dd891e

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

@@ -4,9 +4,9 @@ class Glib::JsonUi::ViewBuilder
     class AbstractField < View
       bool :readOnly
       hash :validation
-      # bool :submitOnChange
       bool :disableDirtyCheck
       action :onChange
+      string :paramNameForFormData
 
       def label(label)
         @label = label

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

@@ -1,6 +1,11 @@
-panel.panels_form width: 'matchParent', childViews: ->(visibility) do
+# display_key = local_assigns[:display_key] || :has_content
+display_key = :has_content
+@__banner_index ||= 0
+toggle_name = "__banner_#{@__banner_index}"
+
+panel.form_if_not_exists width: 'matchParent', childViews: ->(visibility) do
   state = {
-    has_content: false
+    display_key => false
   }
   style_classes ||= nil
   style_class ||= nil
@@ -19,10 +24,12 @@ panel.panels_form width: 'matchParent', childViews: ->(visibility) do
     showIf: {
       "==": [
         {
-          "var": 'banner'
+          "var": toggle_name
         },
         'show'
       ]
     }
-  visibility.fields_hidden name: 'banner', value: state[:has_content] ? 'show' : 'hide'
+  visibility.fields_hidden name: toggle_name, value: state[display_key] ? 'show' : 'hide'
 end
+
+@__banner_index += 1

data/app/views/json_ui/garage/forms/{_more_less_text.json.jbuilder → _read_more_text.json.jbuilder}

@@ -1,14 +1,17 @@
 if text.length > min_chars
+  @__read_more_index ||= 0
+
   panel.form_if_not_exists childViews: ->(form) do
+    toggle_name = "__expand_#{@__read_more_index}"
     form.markdown \
       text: text.truncate(min_chars),
       styleClasses: ['line-clamp', "line-clamp-#{max_lines}"],
       showIf: {
         "!=": [
           {
-            "var": 'expand'
+            "var": toggle_name
           },
-          'expand'
+          'true'
         ]
       }
     form.markdown \
@@ -16,21 +19,25 @@ if text.length > min_chars
       showIf: {
         "==": [
           {
-            "var": 'expand'
+            "var": toggle_name
           },
-          'expand'
+          'true'
         ]
       }
+
+    # NOTE: Don't put a valueIf here in an attempt to implement accordions. It won't work due to circular updates, presumably between valueIf and the on/off icons and labels.
     form.fields_check \
       width: 'matchParent',
       offIcon: 'expand_more',
       onIcon: 'expand_less',
       label: 'Read more',
       onLabel: 'Read less',
-      checkValue: 'expand',
+      checkValue: 'true',
       uncheckValue: nil,
-      name: 'expand',
+      name: toggle_name,
       disableDirtyCheck: true
+
+    @__read_more_index += 1
   end
 else
   panel.markdown text: text

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

@@ -4,7 +4,6 @@ page = json_ui_page json
 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
-# page.scroll childViews: ->(form) do
   form.h1 text: 'Text'
   form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"', value: ''
   form.label text: 'Typed', showIf: {
@@ -136,7 +135,6 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
 
   form.spacer height: 20
   form.h1 text: 'Show/hide another field'
-  form.label text: ''
   form.spacer height: 10
   form.fields_check name: 'user[check3]', checkValue: 'on', label: 'Show field'
   form.spacer height: 10
@@ -151,45 +149,45 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
 
   form.spacer height: 20
   form.h1 text: 'Show more/less text'
-  form.label text: ''
-  render "#{@path_prefix}/forms/more_less_text",
+  form.spacer height: 10
+  render "#{@path_prefix}/forms/read_more_text",
+    panel: form,
+    min_chars: 300,
+    max_lines: 2,
+    text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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."
+
+  form.spacer height: 10
+  render "#{@path_prefix}/forms/read_more_text",
     panel: form,
     min_chars: 300,
     max_lines: 2,
     text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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."
 
   form.spacer height: 20
-  form.fields_submit text: 'Submit'
-  form.spacer height: 40
-end
+  form.h1 text: 'Show/hide conditional banner'
+  form.spacer height: 10
+  form.label text: 'The following banner does not appear because its menu is empty'
+  form.spacer height: 8
 
-# panel.panels_form width: 'matchParent', childViews: ->(visibility) do
-#   state = {
-#     has_content: false
-#   }
-#   style_classes ||= nil
-#   style_class ||= nil
-#   padding ||= nil
-#   id ||= nil
-
-#   visibility.banners_select \
-#     id: id,
-#     width: 'matchParent',
-#     styleClass: style_class || (style_classes ? nil : 'warning'),
-#     message: message,
-#     padding: padding,
-#     buttons: ->(menu) do
-#       yield(menu, state)
-#     end,
-#     showIf: {
-#       "==": [
-#         {
-#           "var": 'banner'
-#         },
-#         'show'
-#       ]
-#     }
-#   visibility.fields_hidden name: 'banner', value: state[:has_content] ? 'show' : 'hide'
-# end
+  render "#{@path_prefix}/forms/conditional_banner", panel: form, message: 'Admin menu 1' do |menu, state|
+    # This banner will not show because it does not have any content
+    # state[:has_content] = false
+  end
+
+  form.spacer height: 10
+  form.label text: 'The following banner appears because it has at least one menu item'
+  form.spacer height: 8
+
+  render "#{@path_prefix}/forms/conditional_banner", panel: form, message: 'Admin menu 2' do |menu, state|
+    state[:has_content] = true
+
+    menu.button styleClass: 'link', text: 'Add', onClick: ->(action) do
+      action.dialogs_alert message: 'Do something'
+    end
+  end
 
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
 
+  form.spacer height: 40
+end

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

@@ -79,18 +79,12 @@ page.scroll childViews: ->(scroll) do
         end
 
       form.spacer height: 20
-      form.h2 text: 'Text (Asynchronous) -- TODO'
+      form.h2 text: 'Text (Asynchronous)'
       form.fields_text \
         name: 'user[video_url]',
         width: 'matchParent',
         onChange: ->(action) do
-          action.sheets_select message: 'Submit data?', buttons: ->(menu) do
-            menu.http_post # TODO
-
-            # menu.button text: 'Yes, submit', onClick: ->(subaction) do
-            #   action.forms_submit
-            # end
-          end
+          action.http_post url: json_ui_garage_url(path: 'forms/generic_post')
         end
     end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.15.3
+  version: 0.16.0
 platform: ruby
 authors:
 - ''
@@ -144,7 +144,7 @@ files:
 - app/views/json_ui/garage/actions/index.json.jbuilder
 - app/views/json_ui/garage/forms/_alert_post_data.json.jbuilder
 - app/views/json_ui/garage/forms/_conditional_banner.json.jbuilder
-- app/views/json_ui/garage/forms/_more_less_text.json.jbuilder
+- app/views/json_ui/garage/forms/_read_more_text.json.jbuilder
 - app/views/json_ui/garage/forms/basic.json.jbuilder
 - app/views/json_ui/garage/forms/basic_post.json.jbuilder
 - app/views/json_ui/garage/forms/checkboxes.json.jbuilder