glib-web 4.36.7 → 4.36.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c8defef028088f5b2924990e19bbc9e3f046bf7ca1adcb9ba2ea12b8b91821b0
-  data.tar.gz: e8b48a98fea6164325bde300b81523f18343647c3e67293bbf6a7dc99f1a7d18
+  metadata.gz: 46f0038f026665e4c7c8cefecd766bf728ca5c807ef1216b42ae0fab40fd644a
+  data.tar.gz: 06e074f158733ce9ea65bef4b53cddadabbe5eb468cb20175fbb8dc1352c7c81
 SHA512:
-  metadata.gz: 197045903a729f2a05cab3e0466d6ea0f30513a1cb8fc555e2a3233537463dd6b9261afe05a8e8b9ce91eab943aa8f9fd801c2492e6413e9350ea86432c400e3
-  data.tar.gz: d64dd6940a50e85149fe84de93f37c4409fc8db35a25d3f7ca94516e1f92924143c75dc866c0e1b49306aa522b437af9aac21be25d862ee1be9a7bae2938a4d3
+  metadata.gz: 6428f530b4309e009f66905ec030ee68acbd98b9543ef4480e8835408fe3601d856d98e6e517cd2d76e33a4311ee3e0b873c1e51179a5d68da5b35663e1dc2c9
+  data.tar.gz: 61a08e0100e9d85582933e4931f19162e5b5303f309370420d0dc4d3cdd0c183dd9a5a4b325c506e4974ec913cc20518497251cfa76583615c67137bf8ddf47c

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

@@ -13,6 +13,7 @@ class Glib::JsonUi::ActionBuilder
         bool :persistent
         hash :overlay, required: [:closeOnFocus]
         singleton_array :styleClass, :styleClasses
+        bool :updateExisting
       end
     end
 
@@ -26,7 +27,6 @@ class Glib::JsonUi::ActionBuilder
       include PopoverAttributes
 
       string :url
-      bool :updateExisting
     end
 
     class Close < Action

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

@@ -334,6 +334,7 @@ class Glib::JsonUi::ViewBuilder
       views :childViews
     end
 
+    # Deprecated
     class File < Text
       # file_rules = { fileType: 'image/*', maxFileSize: 5000 }
       # file_rules = { fileType: 'video/*', maxFileSize: 50000 }
@@ -379,19 +380,17 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    # deprecated
     class MultiUpload < AbstractField
       include Glib::JsonUi::Default
       include Glib::JsonUi::Upload
+      include Glib::JsonUi::FileUploadErrorHandler
 
       array :files
       string :uploadTitle
       action :onFinishUpload
       string :url # http post end point if you don't want to use onFinishUpload
 
-      def accepts(value)
-        @accepts = value
-      end
-
       def files(values)
         @files = values
       end
@@ -402,6 +401,7 @@ class Glib::JsonUi::ViewBuilder
 
       def created
         super
+        file_upload_error_handler_on_create
 
         @placeholder ||= I18n.t('glib.multi_upload.placeholder', default: nil)
         @hint ||= I18n.t('glib.multi_upload.hint', default: nil)
@@ -420,8 +420,6 @@ class Glib::JsonUi::ViewBuilder
         json.placeholder @placeholder if @placeholder
         json.hint @hint if @hint
 
-        json.accepts default_accepts(@accepts)
-
         if @prop && context
           # association = form.nested_associations.last
           # context = association || form
@@ -433,6 +431,52 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Upload < AbstractField
+      include Glib::JsonUi::Upload
+      include Glib::JsonUi::FileUploadErrorHandler
+
+      action :onFinishUpload
+      bool :multiple
+      hash :placeholderView, required: [:type, :width, :height], optional: [:url]
+      hash :inputView, optional: [:multiple, :files, :variant]
+
+      def multiProgressView(values)
+        @multi_progress = values
+      end
+
+      def created
+        super
+        file_upload_error_handler_on_create
+
+        @placeholder ||= I18n.t('glib.multi_upload.placeholder', default: nil)
+        @hint ||= I18n.t('glib.multi_upload.hint', default: nil)
+
+        if @prop && context && @multi_progress
+          @multi_progress['files'] ||= context.field_value(@prop, collect_ids: false).to_a.map { |file| { name: file.blob&.filename, signed_id: file.signed_id, url: url_for(file) } }
+        end
+
+        if @multi_progress
+          @multi_progress['responseMessages'] ||= {}
+          ['200', '403', '401', 'else'].each do |status|
+            key = "glib.multi_upload.responseMessages.#{status}"
+            @multi_progress['responseMessages'][status] = I18n.t(key) if I18n.exists?(key)
+          end
+
+          json.responseMessages (@multi_progress['responseMessages'] || {}).reverse_merge({
+            '200' => 'Completed',
+            '403' => 'Forbidden',
+            '401' => 'Session expired',
+            'else' => 'Failed'
+          })
+
+          json.placeholder @placeholder if @placeholder
+          json.hint @hint if @hint
+
+          json.multiProgressView @multi_progress
+        end
+      end
+    end
+
     class Sign < AbstractField
       string :directUploadUrl
       required :directUploadUrl

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

@@ -15,6 +15,79 @@ module Glib
       end
     end
 
+    module FileUploadErrorHandler
+      extend ActiveSupport::Concern
+
+      included do
+        def accepts(options)
+          @accepts = options.with_indifferent_access
+        end
+
+        def onMaxFileLengthError(handler)
+          @onMaxFileLengthError = handler
+        end
+
+        def onMaxFileSizeError(handler)
+          @onMaxFileSizeError = handler
+        end
+
+        def onFileTypeError(handler)
+          @onFileTypeError = handler
+        end
+
+        def file_upload_error_handler_on_create
+          @accepts ||= {}
+          if @onMaxFileSizeError.blank?
+            @onMaxFileSizeError = ->(action) do
+              action.snackbars_alert \
+                message: I18n.t(
+                  'glib.fields.upload.on_max_file_size_error',
+                  max: @accepts['maxFileSize'],
+                  default: "Your upload failed because your file is too large. Please select a file that is smaller than the maximum allowed size of #{@accepts['maxFileSize']} KB and try again."),
+                styleClass: 'error'
+            end
+          end
+
+          if @onMaxFileLengthError.blank?
+            @onMaxFileLengthError = ->(action) do
+              action.snackbars_alert \
+                message: I18n.t(
+                  'glib.fields.upload.on_max_file_length_error',
+                  max: @accepts['maxFileLength'],
+                  default: "You can't upload more than the maximum number of files allowed. The limit is #{@accepts['maxFileLength']} files."),
+                styleClass: 'error'
+            end
+          end
+
+          if @onMaxFileLengthError.blank?
+            @onMaxFileLengthError = ->(action) do
+              action.snackbars_alert \
+                message: I18n.t(
+                  'glib.fields.upload.on_max_file_length_error',
+                  max: @accepts['maxFileLength'],
+                  default: "You can't upload more than the maximum number of files allowed. The limit is #{@accepts['maxFileLength']} files."),
+                styleClass: 'error'
+            end
+          end
+
+          if @onFileTypeError.blank?
+            @onFileTypeError = ->(action) do
+              action.snackbars_alert \
+                message: I18n.t(
+                  'glib.fields.upload.on_file_type_error',
+                  default: 'The file you uploaded is not a supported file type.'),
+                styleClass: 'error'
+            end
+          end
+
+          json.accepts @accepts
+          json.set!('onMaxFileSizeError') { @onMaxFileSizeError.call(page.action_builder) }
+          json.set!('onMaxFileLengthError') { @onMaxFileLengthError.call(page.action_builder) }
+          json.set!('onFileTypeError') { @onFileTypeError.call(page.action_builder) }
+        end
+      end
+    end
+
     class ViewBuilder < AbstractBuilder
       def initialize(json, page, multiple)
         super(json, page)

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

@@ -48,7 +48,7 @@ page.form options.merge(childViews: ->(form) do
     width: 360,
     accepts: {
       fileType: 'image',
-      maxFileSize: 10,
+      maxFileSize: 100,
       maxFileLength: 2,
       maxFileLengthErrorText: {
         body: 'try with a smaller number of files',

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

@@ -0,0 +1,128 @@
+json.title 'Forms'
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+image = OpenStruct.new(
+  url: 'https://picsum.photos/id/11/100/60',
+  signed_id: 'test',
+  filename: 'upload.png'
+)
+
+accepts = {
+  fileType: 'image',
+  maxFileSize: 100,
+  maxFileLength: 2
+}
+
+if params[:mode] == 'html'
+  directUploadUrl = nil
+else
+  directUploadUrl = glib_direct_uploads_url
+end
+
+properties = {
+  styleClass: 'pb-2',
+  directUploadUrl: params,
+  accepts: accepts,
+  directUploadUrl: directUploadUrl,
+  value: image&.signed_id
+}
+
+# properties[:onMaxFileLengthError] = ->(action) do
+#   action.snackbars_alert message: 'max file length exceeded'
+# end
+
+# properties[:onMaxFileSizeError] = ->(action) do
+#   action.snackbars_alert message: 'max file size exceeded'
+# end
+
+# properties[:onFileTypeError] = ->(action) do
+#   action.snackbars_alert message: 'file type invalid'
+# end
+
+properties[:onFinishUpload] = ->(action) do
+  action.snackbars_alert message: 'Get the signed ids!'
+end
+
+page.form \
+  url: json_ui_garage_url(path: 'forms/generic_post'),
+   method: 'post',
+   padding: { top: 12, left: 20, right: 20, bottom: 12 },
+   childViews: ->(form) do
+     form.panels_flow styleClass: 'items-center justify-center gap-2 pb-4', childViews: ->(flow) do
+       flow.label text: "MODE: #{params[:mode] || 'directUpload'}"
+       change = params[:mode] == 'html' ? 'directUpload' : 'html'
+       flow.button text: 'Change', onClick: ->(action) { action.windows_open url: json_ui_garage_current_url({ mode: change }) }
+     end
+
+     form.h2 text: 'Field Upload', styleClass: 'pb-4'
+     form.label text: 'placeholder image', styleClass: 'pb-1'
+     form.panels_flow styleClass: 'align-center', xs: { gap: { all: 4 } }, childViews: ->(flow) do
+       form.fields_upload properties.merge(
+         name: 'user[file_placeholderView]',
+         id: 'pv1',
+         placeholderView: { type: 'image', url: image&.url, width: 144, height: 144 }
+        )
+
+       flow.button text: 'trigger', onClick: ->(action) do
+         action.components_invoke targetId: 'pv1', name: 'trigger'
+       end
+       flow.button text: 'reset', onClick: ->(action) do
+         action.components_invoke targetId: 'pv1', name: 'reset'
+       end
+     end
+
+     form.label text: 'placeholder avatar', styleClass: 'pb-1'
+     form.panels_flow styleClass: 'align-center', xs: { gap: { all: 4 } }, childViews: ->(flow) do
+       flow.fields_upload \
+         properties.merge(
+           name: 'user[file_placeholderView2]',
+           id: 'pv2',
+           placeholderView: { type: 'avatar', url: image&.url, width: 64, height: 64 }
+         )
+
+     end
+
+     form.label text: 'file input', styleClass: 'pb-1'
+     form.fields_upload \
+       properties.merge(
+         name: 'user[file_input1]',
+         id: 'fi1',
+         label: 'Upload file',
+         width: 300,
+         label: 'Choose file',
+         inputView: { variant: 'outlined' },
+         multiple: false
+       )
+
+
+     form.label text: 'multiprogress', styleClass: 'pb-1'
+     form.fields_upload \
+       properties.merge(
+         name: 'user[file_multiprogress1][]',
+         id: 'mp1',
+         width: 300,
+         label: 'Upload file',
+         multiple: true,
+         multiProgressView: { files: [] }
+       )
+
+
+     form.label text: 'Button file upload', styleClass: 'pb-1'
+     form.button text: 'click me to select file', onClick: ->(action) do
+       action.components_invoke targetId: 'btn1', name: 'trigger'
+     end
+     form.fields_upload \
+       properties.merge(
+         name: 'user[file_btn1][]',
+         id: 'btn1',
+         width: 300,
+         label: 'Upload file',
+         multiple: true,
+         inputView: { files: [] },
+         styleClass: 'pb-4 d-none'
+       )
+
+     form.fields_submit text: 'submit'
+
+   end

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

@@ -72,6 +72,9 @@ page.list sections: [
       template.thumbnail title: 'File Upload', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
       end
+      template.thumbnail title: 'File Upload (NEW)', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/file_upload_new')
+      end
       template.thumbnail title: 'Floating Submit', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/floating_submit')
       end

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

@@ -65,6 +65,7 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
         key: 'menu2',
         placement: 'right-start',
         width: 200,
+        updateExisting: true,
         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
@@ -95,7 +96,8 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
       action.popovers_open \
         url: json_ui_garage_url(path: 'views/popovers_open', key: key),
         styleClass: 'popover-container',
-        key: key
+        key: key,
+        updateExisting: true
     end
 
   scroll.spacer height: 10

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

@@ -1,3 +1,5 @@
+sleep 1
+
 page = json_ui_page json
 
 page.body childViews: ->(body) do

metadata

@@ -1,11 +1,11 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.36.7
+  version: 4.36.8
 platform: ruby
 authors:
 - ''
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
 date: 2019-10-04 00:00:00.000000000 Z
@@ -136,7 +136,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description:
+description: 
 email: ''
 executables: []
 extensions: []
@@ -268,6 +268,7 @@ files:
 - app/views/json_ui/garage/forms/dynamic_select.json.jbuilder
 - app/views/json_ui/garage/forms/dynamic_select_data.json.jbuilder
 - app/views/json_ui/garage/forms/file_upload.json.jbuilder
+- app/views/json_ui/garage/forms/file_upload_new.json.jbuilder
 - app/views/json_ui/garage/forms/floating_submit.json.jbuilder
 - app/views/json_ui/garage/forms/full_page_form.json.jbuilder
 - app/views/json_ui/garage/forms/full_page_form_dialog.json.jbuilder
@@ -445,10 +446,10 @@ files:
 - lib/glib/value.rb
 - lib/glib/version.rb
 - lib/tasks/db.rake
-homepage:
+homepage: 
 licenses: []
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -464,7 +465,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.4.6
-signing_key:
+signing_key: 
 specification_version: 4
 summary: ''
 test_files: []