glib-web 4.10.1 → 4.10.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddb48299bbf1685aed5b8fd994ca3ffc8eba555e097cc77dbd38cb7b48707e6c
-  data.tar.gz: 8569bc0e88d99f4dae7e1d2be733168e2ee7f0acd499e565a5fef0cca2a50ca9
+  metadata.gz: 40fb8120f293f1162be2b6027432444a35b7b321f0db95a6efbcd8d7a52b964c
+  data.tar.gz: 839a67107c2a77d66fd0ad27dcc8cfb5e77f0754609f609447ec030f2357f07d
 SHA512:
-  metadata.gz: 328b8d4f45b8cd8a0e99029f5edfe0e20469e860a27282cf26a7173a7538b8bfb2310ba8b877c53ac05ac963c395f32767c69e25f568a7c67db262ea58ccc144
-  data.tar.gz: 5f1b8c282c4c82aa77474304f584e22426188b04135af2387da8ee0099cc2eef85e527333966d439fa511aa14ef5a32d6bf3301d040ed9eb38e9f79066fe4991
+  metadata.gz: 0e2d195b6f33253b5d2ab3ec2df96cf00d62d2fd56bf08d80f25577ad09526561006391b3c2ce370e80ce2ab18510b468dfa5b0ae46c72483feee395eace6a40
+  data.tar.gz: 1bc81f15016ee532f0c9395d35318a487807fa5854a546796772dedeaee6edae0183881b997c9495e1a0a044bcb773103794c01b06642c202f3fe72a036a722b

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

@@ -572,6 +572,13 @@ class Glib::JsonUi::ViewBuilder
       # end
     end
 
+    class Pagination < View
+      int :length
+      int :value
+      action :onChange
+      string :paramNameForFieldName
+    end
+
     module ModelPanel
       attr_reader :model_name # See Panels::Form.field_name
       attr_reader :assoc_order_index

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

@@ -28,7 +28,7 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
       template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
 
       form.panels_responsive id: 'responsive_{{entry_index}}', childViews: ->(column) do
-        options = [:rating, :yes_no]
+        options = [:rating, :yes_no, :choices]
         template.fields_select \
           width: 'matchParent',
           name: 'type',
@@ -36,56 +36,61 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
           placeholder: 'Answer Type',
           options: options.map { |o| { text: o.to_s.humanize, value: o } },
           onChangeAndLoad: ->(action) do
-            action.logics_set targetId: 'responsive_{{entry_index}}', dataBuilder: ->(set) do
-              set.panels_responsive accessory: ->(accessory) do
-                accessory.footer childViews: ->(footer) do
-                  # TODO: Is there a way to only show this if the selected option is "rating".
-                  # I.e. `showIf: { "==": [{ "var": 'user[evaluation][{{index}}][type]' }, 'rating'] }`
-                  footer.fields_check \
-                    width: 'matchParent',
-                    id: 'check_{{entry_index}}',
-                    name: 'enabled',
-                    label: 'Enable',
-                    checkValue: true
+            action.runMultiple childActions: ->(multiple) do
+              multiple.logics_set \
+                cacheData: true, # This is so that the the new data is retained when the `dynamicGroup` gets re-rendered.
+                debug: true,
+                targetId: 'responsive_{{entry_index}}', dataBuilder: ->(set) do
+                  set.panels_responsive width: 'matchParent', accessory: ->(accessory) do
+                    accessory.footer childViews: ->(footer) do
+                      footer.fields_check \
+                        width: 'matchParent',
+                        id: 'check_{{entry_index}}',
+                        name: 'enabled',
+                        label: 'Enable',
+                        checkValue: true
+
+                      footer.panels_split width: 'matchParent', content: ->(split) do
+                        split.right childViews: ->(right) do
+                          right.label text: 'This should be right-aligned'
+                        end
+                      end
+                    end
+                  end
+                end, onSet: ->(subaction) do
+                  subaction.logics_set \
+                    targetId: 'check_{{entry_index}}',
+                    conditionalData: {
+                      value: {
+                        "==": [{ "var": 'user[evaluation][{{entry_index}}][type]' }, 'rating']
+                      }
+                    }
                 end
-              end
-            end, onSet: ->(subaction) do
-              subaction.logics_set \
-                targetId: 'check_{{entry_index}}',
+
+              multiple.logics_set \
+                targetId: 'choices_panel',
+                debug: true,
                 conditionalData: {
-                  value: {
-                    "==": [{ "var": 'user[evaluation][{{entry_index}}][type]' }, 'rating']
+                  displayed: {
+                    "==": [{ "var": 'user[evaluation][{{entry_index}}][type]' }, 'choices']
                   }
                 }
             end
-
-            # action.components_findClosest view: 'panels/responsive', onFind: ->(find) do
-            #   find.logics_set dataBuilder: ->(set) do
-            #     set.panels_responsive accessory: ->(accessory) do
-            #       accessory.footer childViews: ->(footer) do
-            #         # TODO: Is there a way to only show this if the selected option is "rating".
-            #         # I.e. `showIf: { "==": [{ "var": 'user[evaluation][{{index}}][type]' }, 'rating'] }`
-            #         footer.fields_check \
-            #           width: 'matchParent',
-            #           name: 'enabled',
-            #           label: 'Enable',
-            #           checkValue: '1'
-            #       end
-            #     end
-            #   end
-            # end
           end
         end, accessory: ->(accessory) do
           accessory.footer childViews: ->(footer) do
+
           end
         end
 
-      # template.fields_check \
-      #   width: 'matchParent',
-      #   name: 'enabled',
-      #   label: 'Enable',
-      #   checkValue: '1',
-      #   showIf: { "==": [{ "var": 'user[evaluation][{{index}}][type]' }, 'rating'] }
+      template.panels_vertical id: 'choices_panel', childViews: ->(vertical) do
+        (1..5).each do |i|
+          vertical.fields_text \
+            width: 'matchParent',
+            name: "choices[#{i}]",
+            label: "Choice #{i}"
+        end
+      end
 
       template.spacer height: 14
     end

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

@@ -17,13 +17,16 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   }
 
   form.panels_responsive childViews: ->(column) do
+    options = languages.map do |k, v|
+      { value: k, text: v }
+    end
     form.fields_select \
       name: 'user[city]',
       width: 'matchParent',
       clearable: true,
       label: 'City1',
       placeholder: 'This is a placeholder',
-      options: languages.map { |k, v| { value: k, text: v } },
+      options: options,
       value: 'canberra',
       onChange: ->(action) do
         action.components_findClosest view: 'panels/responsive', onFind: ->(find) do
@@ -47,11 +50,13 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
 
   form.spacer height: 6
 
+  options = languages.map { |k, v| { value: k, text: v, deselect: [-1] } }
+  options << { value: -1, text: 'None of the above', deselect: languages.keys }
   form.fields_select \
     name: 'user[cities][]',
     width: 'matchParent',
     label: 'Cities',
-    options: languages.map { |k, v| { value: k, text: v } },
+    options: options,
     value: ['melbourne', 'sydney'],
     multiple: true,
     onChange: ->(action) do

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

@@ -3,34 +3,74 @@ json.title 'Tables'
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
-page.table styleClass: 'table--grid', sections: [
-  ->(section) do
-    section.header cellViews: ->(header) do
-      header.label text: 'Vertical'
-      header.label text: 'Horizontal'
-      header.label text: 'Unordered List'
-    end
-
-    items = [1, 2, 3]
-    section.rows objects: items, builder: ->(row, item, index) do
-      row.default colStyles: [{ width: 200, backgroundColor: '#eeeeee' }], cellViews: ->(cell) do
-        cell.panels_vertical childViews: ->(vertical) do
-          vertical.h3 text: "Title #{item}"
-          vertical.spacer height: 4
-          vertical.label text: "Subtitle #{item}"
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.panels_form childViews: ->(form) do
+    form.panels_table styleClass: 'table--grid', sections: [
+      ->(section) do
+        section.header cellViews: ->(header) do
+          header.panels_horizontal childViews: ->(horizontal) do
+            horizontal.fields_check name: 'check_all', checkValue: true, onChange: ->(action) do
+              action.runMultiple childActions: ->(multiple) do
+                check_ids = (0..2).map { |i| "item_#{i}" }
+                # action.logics_set targetIds: check_ids, conditionalData: {
+                #   value: { 'var': 'check_all' }
+                # }
+                check_ids.each_with_index do |check_id, index|
+                  record_id = "id_#{index}"
+                  multiple.logics_set targetId: check_id, conditionalData: {
+                    value: { "if": [ { 'var': 'check_all' }, record_id, nil ]}
+                  }
+                end
+              end
+            end
+          end
+          header.label text: 'Vertical'
+          header.label text: 'Horizontal'
+          header.label text: 'Unordered List'
         end
 
-        cell.panels_horizontal childViews: ->(vertical) do
-          vertical.label text: "Left #{item}"
-          vertical.spacer width: 10
-          vertical.label text: "Right #{item}"
-        end
+        items = [1, 2, 3]
+        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
+              horizontal.fields_check \
+                id: "item_#{index}",
+                name: 'user[items][]',
+                checkValue: "id_#{index}", # In the real-world, this is going to be the ID of a DB record.
+                onChangeAndLoad: ->(action) do
+                  # TODO: Fix fields_check so it can support arrays
+                  action.logics_set targetId: 'submit_button', conditionalData: {
+                    text: {
+                      'printf': [
+                        'Submit {0} items',
+                        { 'countNonNull': [{ 'var': 'user[items][]' }] }
+                      ]
+                    }
+                  }
+                end
+            end
+
+            cell.panels_vertical childViews: ->(vertical) do
+              vertical.h3 text: "Title #{item}"
+              vertical.spacer height: 4
+              vertical.label text: "Subtitle #{item}"
+            end
 
-        cell.panels_ul childViews: ->(ul) do
-          ul.label text: "Item A#{item}"
-          ul.label text: "Item B#{item}"
+            cell.panels_horizontal childViews: ->(vertical) do
+              vertical.label text: "Left #{item}"
+              vertical.spacer width: 10
+              vertical.label text: "Right #{item}"
+            end
+
+            cell.panels_ul childViews: ->(ul) do
+              ul.label text: "Item A#{item}"
+              ul.label text: "Item B#{item}"
+            end
+          end
         end
       end
-    end
+    ]
+
+    form.fields_submit id: 'submit_button', text: 'Submit'
   end
-]
+end

data/app/views/json_ui/garage/test_page/form.json.jbuilder

@@ -23,9 +23,9 @@ page.body childViews: ->(body) do
             end
           end
           hori.spacer width: 4
-          hori.button text: 'logics/set', onClick: ->(action) do
-            action.logics_set targetId: 'date', conditionalData: { value: { "+": [{ "var": ['user[date]'] }, 60 * 60 * 24 * 3] } }
-          end
+          # hori.button text: 'logics/set', onClick: ->(action) do
+          #   action.logics_set targetId: 'date', conditionalData: { value: { "+": [{ "var": ['user[date]'] }, 60 * 60 * 24 * 3] } }
+          # end
           hori.spacer width: 4
           hori.button text: 'components/replace', onClick: ->(action) do
             action.runMultiple childActions: ->(saction) do
@@ -73,8 +73,8 @@ page.body childViews: ->(body) do
         validation = { required: { message: 'Required' } }
         options = ['option1', 'option2', 'option3', 'option4'].map { |option| { 'text'=> option.humanize, 'value' => option } }
 
-        form.fields_date width: 'matchParent', name: 'user[date]', id: 'date', value: Date.new(2024, 7, 24), validation: validation
-        form.hr width: 'matchParent'
+        # form.fields_date width: 'matchParent', name: 'user[date]', id: 'date', value: Date.new(2024, 7, 24), validation: validation
+        # form.hr width: 'matchParent'
         form.fields_select clearable: true, multiple: true, width: 'matchParent', name: 'user[select][]', id: 'select', options: options, value: ['option1', 'option2'], validation: validation
         form.hr width: 'matchParent'
         form.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', id: 'select1', childViews: ->(flow) do

data/lib/glib/json_crawler/router.rb

@@ -21,6 +21,8 @@ module Glib
       end
 
       def assert_target_ids_exist(args)
+        # This saves targetId so that later we can check to make sure that it indeed exists
+        # within the page.
         if (target_ids = args['targetIds'])
           target_ids.each do |target_id|
             @visitor.defer_action(nil, target_id)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.10.1
+  version: 4.10.2
 platform: ruby
 authors:
 - ''
@@ -388,7 +388,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.6
+rubyforge_project: 
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: ''