glib-web 4.19.0 → 4.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd3946cf75cadd5f6f32d275a56a4bc85ff7307c04ff1d0f248ac1c0ede0c27c
-  data.tar.gz: 7ad4f360ee40e2aecc4275fe05043a0b6619cada5f28e24df4cd8d6f769de7d3
+  metadata.gz: 68c288de9bf1bf340b92dfd31c6559da13ee0cb6030b907cbd6a86828c989313
+  data.tar.gz: 835b1a957ff4c0c72bff64bf9129219c1b806e2a1427bd043c36d1393c1c3c12
 SHA512:
-  metadata.gz: 44b6456d03446e3fb7861270734da74f7fc4fe9e291043c92979ee583773868b42d0db1b98223c1076789c999be46e7eef4063cf5f9db95baacbdb8af5e812fb
-  data.tar.gz: c3256ce2d75b5608aacd6f986bd3e8a44c396882100909547e6a7540db8dfa8c4e4521b4e68b7eefa6cfeb440660c777076748a43b951dc2a3936e40fb4e46c2
+  metadata.gz: ff195da76449fe7a87dfa795e5a7434da1b32692f4d7535e979558bd4b2869648ca27b522af95809a2a72950a77d735f0ec4bcdaf34bebdbd574e2ecc0497827
+  data.tar.gz: d5a35ec75ffe680c2f34483fab42c60ef2c2eaf02f8ce83b07080b24f9dd0a204c83565a293a971e79f18aa660b70b485b4d04d0a453efe425ca968b2c282fec

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

@@ -145,6 +145,7 @@ module Glib
       module Lists
         class Append < Action
           hash :row
+          action :onAppend
         end
       end
 

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

@@ -28,6 +28,9 @@ module Glib
         end
 
         class Standard < AbstractTemplate
+          badgeable
+
+          string :id
           string :recordId
           string :title
           string :subtitle
@@ -36,7 +39,8 @@ module Glib
           action :onClick
           action :onLongPress
           icon :icon
-          bool :avatar
+          # bool :avatar
+          hash :avatar, optional: [:url, :initials]
           # action :onReorder
           string :paramNameForFormData
           string :paramNameForNewAbsoluteIndex

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

@@ -30,11 +30,11 @@ page.form \
     form.h2 text: 'Button Date'
     form.label text: 'Plus 30 days'
     form.spacer height: 6
-    form.fields_date name: 'user[date_start1]', label: 'Add start date', value: '2024-12-12', buttonTemplate: true, onChange: ->(action) do
+    form.fields_date width: 150, name: 'user[date_start1]', label: 'Add start date', value: '2024-12-12', template: { type: 'text' }, onChange: ->(action) do
       action.logics_set targetId: 'date3', conditionalData: { value: { "sum_date": [{ "var": 'user[date_start1]' }, { value: 86400 * 30, format: 'date' }] } }
     end
     form.spacer height: 6
-    form.fields_date id: 'date3', name: 'user[date_end1]', label: 'End date', buttonTemplate: true
+    form.fields_date id: 'date3', name: 'user[date_end1]', label: 'End date', template: { type: 'plain' }
 
 
     form.spacer height: 20

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

@@ -81,19 +81,21 @@ page.form \
   end
 
   form.spacer height: 8
-  form.fields_date \
+  form.fields_datetime \
     name: 'user[due_date]',
     label: 'Add due date',
-    buttonTemplate: true,
     min: '2024-11-01',
-    max: '2024-12-31'
+    max: '2024-12-31',
+    template: { type: 'plain' },
+    validation: { required: { message: 'Required' } }
   form.spacer height: 8
 
   form.spacer height: 8
   form.fields_datetime \
     name: 'user[due_date1]',
     label: 'Add due datetime',
-    buttonTemplate: true
+    width: 200,
+    template: { type: 'text' }
   form.spacer height: 8
 
   form.spacer height: 20

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

@@ -72,6 +72,19 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     end
   end
 
+  scroll.spacer height: 32
+  scroll.hr color: '#F5F5F5', width: 'matchParent'
+  scroll.spacer height: 32
+  scroll.h2 text: 'mdAndDown (Hide true)'
+  scroll.spacer height: 16
+  scroll.panels_responsive width: 'matchParent', childViews: ->(res) do
+    12.times do |index|
+      res.panels_column lg: {  cols: 1 }, mdAndDown: { hide: true }, styleClasses: ['card'], childViews: ->(col) do
+        col.p text: "Col #{index + 1}"
+      end
+    end
+  end
+
 
   scroll.spacer height: 32
   scroll.h4 text: 'With more than 12 columns'

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

@@ -14,6 +14,9 @@ page.list firstSection: ->(section) do
     template.thumbnail title: 'Horizontal Scroll', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'tables/horizontal_scroll')
     end
+    template.thumbnail title: 'Pagination', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/pagination')
+    end
     template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'tables/autoload_as_needed')
     end

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

@@ -0,0 +1,50 @@
+# column_indexes = (1..3)
+
+json.title 'Tables'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+per_page = 20
+page_index = params[:page]&.to_i || 1
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.panels_table firstSection: ->(section) do
+    section.header cellViews: ->(header) do
+      header.label text: "Name"
+      header.label text: "Status"
+    end
+
+    items = (1..per_page).map do |index|
+      (per_page * (page_index - 1)) + index
+    end
+
+    # raise "I1: #{items}"
+
+    section.rows objects: items, builder: ->(row, item, index) do
+      row.default colStyles: [{ width: 200, backgroundColor: '#eeeeee' }], cellViews: ->(cell) do
+        # column_indexes.each do |i|
+        #   cell.label text: "Data #{item}"
+        # end
+
+        cell.label text: "Data #{item}"
+        if item % 6 == 0
+          cell.chip text: "Status #{item}", tooltip: {
+            text: "Explanation #{item}"
+          }
+        else
+          cell.label text: ''
+        end
+      end
+    end
+  end
+
+  scroll.panels_pagination \
+    width: 'matchParent',
+    styleClass: 'compact',
+    length: 5,
+    value: page_index,
+    onChange: ->(action) do
+      action.windows_open fieldName: 'page', url: json_ui_garage_current_url
+    end
+end

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

@@ -1,4 +1,4 @@
-navs = ['form', 'dialog', 'form_dynamic', 'auto_validate', 'multiupload', 'dirty_state']
+navs = ['form', 'dialog', 'form_dynamic', 'auto_validate', 'multiupload', 'dirty_state', 'window']
 
 view.panels_flow innerPadding: { bottom: 0 }, styleClass: 'align-right', width: 'matchParent', childViews: ->(res) do
   navs.each_with_index do |nav, index|

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

@@ -28,6 +28,11 @@ page.body childViews: ->(body) do
     form.fields_check name: 'user[check][]', checkValue: 'choice2', label: 'choice2'
     form.fields_check name: 'user[check][]', checkValue: 'choice2', label: 'choice3', value: 'choice2'
 
+    form.spacer height: 14
+    form.button text: 'navigate', onClick: ->(action) do
+      action.windows_open updateExisting: true, url: json_ui_garage_url(path: 'test_page/multiupload')
+    end
+
     form.spacer height: 24
     form.panels_split width: 'matchParent', content: ->(split) do
       split.left childViews: ->(left) do

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

@@ -22,40 +22,128 @@ page.body childViews: ->(body) do
             { 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' }
           ]
         ]
-        validation = { required: { message: 'Required' } }
-        form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
+        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_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question', validation: validation
-
-            options = [ :rating, :yes_no ]
-            template.fields_select \
-              width: 'matchParent',
-              name: 'type',
-              label: 'Answer Type',
-              placeholder: 'Answer Type',
-              options: options.map { |o| { text: o.to_s.humanize, value: o } },
-              validation: validation
-
-            template.fields_check \
-              width: 'matchParent',
-              name: 'enabled',
-              label: 'Enable',
-              checkValue: '1',
-              showIf: { "==": [{ "var": 'user[evaluation][{{index}}][type]' }, 'rating'] }
+            template.fields_hidden name: 'error_message'
+            template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question', styleClass: 'question'
+
+            form.panels_responsive id: 'responsive_{{entry_index}}', childViews: ->(column) do
+                options = [:rating, :yes_no, :choices]
+                template.fields_select \
+                  width: 'matchParent',
+                  name: 'type',
+                  label: 'Answer Type',
+                  placeholder: 'Answer Type',
+                  value: 'rating',
+                  styleClass: 'answer_type',
+                  options: options.map { |o| { text: o.to_s.humanize, value: o } },
+                  onChangeAndLoad: ->(action) do
+                    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',
+                                styleClass: '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
+
+                      multiple.logics_set \
+                        targetId: 'choices_panel_{{entry_index}}',
+                        debug: true,
+                        conditionalData: {
+                          displayed: {
+                            "==": [{ "var": 'user[evaluation][{{entry_index}}][type]' }, 'choices']
+                          }
+                        }
+                    end
+                  end
+              end, accessory: ->(accessory) do
+                accessory.footer childViews: ->(footer) do
+
+                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 \
+                  id: "input_choice_{{entry_index}}_#{i}",
+                  width: 'matchParent',
+                  name: "choices_#{i}",
+                  label: "Choice #{i}",
+                  displayed: i <= 1,
+                  onChange: ->(action) do
+                    action.logics_set targetId: "input_choice_{{entry_index}}_#{i + 1}", conditionalData: {
+                      displayed: { "isPresent": [{ "var": "user[evaluation][{{entry_index}}][choices_#{i}]" }] }
+                    }
+                  end
+              end
+            end
 
             template.spacer height: 14
           end
         end
-        form.fields_submit text: 'submit'
-        form.spacer height: 2
-        form.fields_submit text: 'submit (if form valid)', disableIfFormInvalid: true
+
+        form.panels_horizontal \
+          align: 'middle',
+          childViews: ->(horizontal) do
+            horizontal.icon \
+              name: 'add_circle',
+              styleClasses: ['success']
+
+            horizontal.spacer width: 10
+            horizontal.h4 text: 'Add item'
+          end,
+          onClick: ->(action) do
+            action.components_invoke targetId: 'form_dynamic_group', name: 'addGroupEntry'
+          end
+
+        form.spacer height: 20
+        form.fields_submit text: 'Submit'
       end
 
     res.spacer height: 16

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

@@ -0,0 +1,17 @@
+
+
+json.title 'Test Page (Form)'
+
+page = json_ui_page json
+
+page.body childViews: ->(body) do
+  render 'json_ui/garage/test_page/header', view: body
+
+  body.panels_responsive padding: glib_json_padding_body, childViews: ->(res) do
+    res.h2 text: 'Window'
+    res.spacer height: 8
+    res.button text: 'windows/open updateExisting: true', onClick: ->(action) do
+      action.windows_open updateExisting: true, url: json_ui_garage_url(path: 'test_page/multiupload')
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.19.0
+  version: 4.20.0
 platform: ruby
 authors:
 - ''
@@ -315,6 +315,7 @@ files:
 - app/views/json_ui/garage/tables/index.json.jbuilder
 - app/views/json_ui/garage/tables/layout.json.jbuilder
 - app/views/json_ui/garage/tables/nested_table.json.jbuilder
+- app/views/json_ui/garage/tables/pagination.json.jbuilder
 - app/views/json_ui/garage/tables/panel_content.json.jbuilder
 - app/views/json_ui/garage/test_page/_header.json.jbuilder
 - app/views/json_ui/garage/test_page/auto_validate.json.jbuilder
@@ -324,6 +325,7 @@ files:
 - app/views/json_ui/garage/test_page/form.json.jbuilder
 - app/views/json_ui/garage/test_page/form_dynamic.json.jbuilder
 - app/views/json_ui/garage/test_page/multiupload.json.jbuilder
+- app/views/json_ui/garage/test_page/window.json.jbuilder
 - app/views/json_ui/garage/views/_chart_data.json.jbuilder
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder