effective_bootstrap 1.21.17 → 1.21.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0b85aea115174dcaa8d0342de871bd516710b3932bd46b5bbd412c9057b3de9
-  data.tar.gz: 80936360e37c157099281570968d754e3e58cbe26b24838b67ed3c1aba6b18a6
+  metadata.gz: 64de3114cb44191a5ad9d4b30dd1f833896acad490d49fc8dc271fabf0150480
+  data.tar.gz: 1b605eb69132875095ac0931af2f9258081c8eb498a4c0f6e60ecfe27aa341ed
 SHA512:
-  metadata.gz: 6cbe5119b0a7bf7b8032903fb52b2623420cc00891b9ff99780555185018c6e86848bf4b93325943f2305fe33ba24184fa11cd842b85b4c135c3f26fe92482d5
-  data.tar.gz: '096a6368dda722dfad49873a13dba886e7c315b26b45c4bcfc3bb78480ce001f0c2f239a5eaed49202eb149f523427b2ebf7e94f831da09ba292770d3b7d9943'
+  metadata.gz: d9303be0c0fc5e730e3bbdcadbc3c948ba9eb4484057368b567ffbb7c0cc560634a14720d33c1eafa55116e54c161c0a65d9b2af99e1fe2c27df2e84c3abad41
+  data.tar.gz: b2b0a1be778d7865f3d37779ff029c936690af09a0645f427d54a150afafbda5474da64cc425be4057898f233c1dd0d495499ed410e54928eec004c5e3c3c3bc

data/app/assets/javascripts/effective_file/initialize.js.coffee

@@ -1,7 +1,7 @@
 $(document).on 'direct-upload:initialize', (event) ->
   $target = $(event.target)
   template = $target.data('progress-template').replace('$ID$', event.detail.id).replace('$FILENAME$', event.detail.file.name)
-  $target.siblings('.uploads').append(template)
+  $target.closest('.effective-file-drop-zone').siblings('.uploads').append(template)
 
 $(document).on 'direct-upload:start', (event) ->
   $("[data-direct-upload-id=#{event.detail.id}]").removeClass('direct-upload--pending')
@@ -28,3 +28,42 @@ $(document).on 'direct-upload:end', (event) ->
 
 $(document).on 'change', "input[type='file'][data-click-submit]", (event) ->
   $(event.currentTarget).closest('form').find('button[type=submit],input[type=submit]').first().click()
+
+# Drag-and-drop support for file inputs
+$(document).on 'dragover', '.effective-file-drop-zone', (event) ->
+  event.preventDefault()
+  event.originalEvent.dataTransfer.dropEffect = 'copy'
+
+$(document).on 'dragenter', '.effective-file-drop-zone', (event) ->
+  event.preventDefault()
+  $zone = $(event.currentTarget)
+  count = ($zone.data('drag-count') || 0) + 1
+  $zone.data('drag-count', count)
+  $zone.addClass('drag-over')
+
+$(document).on 'dragleave', '.effective-file-drop-zone', (event) ->
+  event.preventDefault()
+  $zone = $(event.currentTarget)
+  count = ($zone.data('drag-count') || 0) - 1
+  $zone.data('drag-count', count)
+  $zone.removeClass('drag-over') if count <= 0
+
+$(document).on 'drop', '.effective-file-drop-zone', (event) ->
+  event.preventDefault()
+  $zone = $(event.currentTarget)
+  $zone.removeClass('drag-over').data('drag-count', 0)
+
+  $input = $zone.find('input[type=file]')
+  return if $input.prop('disabled') || $input.prop('readonly')
+
+  files = event.originalEvent.dataTransfer.files
+  return unless files.length > 0
+
+  if $input.prop('multiple')
+    $input[0].files = files
+  else
+    dt = new DataTransfer()
+    dt.items.add(files[0])
+    $input[0].files = dt.files
+
+  $input.trigger('change')

data/app/assets/stylesheets/effective_file/input.scss

@@ -43,6 +43,16 @@ table.effective_file_attachments {
   img { max-width: 128px; max-height: 128px;}
 }
 
+.effective-file-drop-zone {
+  position: relative;
+
+  &.drag-over input.form-control-file {
+    border-color: $primary;
+    border-style: dashed;
+    background-color: rgba($primary, 0.05);
+  }
+}
+
 input.form-control-file {
   border: solid 1px;
   padding: 1rem 0 1rem 1rem !important;

data/app/models/effective/form_inputs/file_field.rb

@@ -142,13 +142,15 @@ module Effective
       end
 
       def build_uploads_and_purge(super_file_field)
+        wrapped_input = content_tag(:div, super_file_field, class: 'effective-file-drop-zone')
+
         if purge? && attachments_present?
           content_tag(:div) do
-            content_tag(:div, (build_uploads + super_file_field), class: 'mb-3') +
+            content_tag(:div, (build_uploads + wrapped_input), class: 'mb-3') +
             content_tag(:div, build_purge)
           end
         else
-          build_uploads + super_file_field
+          build_uploads + wrapped_input
         end
       end
 

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '1.21.17'.freeze
+  VERSION = '1.21.18'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 1.21.17
+  version: 1.21.18
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-02-09 00:00:00.000000000 Z
+date: 2026-02-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails