effective_bootstrap 1.21.16 → 1.21.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 47abeac4620f30fb33b07d5381d87f4fa6c37e0c540562403dd912fac6690b8c
-  data.tar.gz: 9a636684026d7af8d6d2d170d616002dc22a796e8bd71e4a53aa5a12f09cd022
+  metadata.gz: 64de3114cb44191a5ad9d4b30dd1f833896acad490d49fc8dc271fabf0150480
+  data.tar.gz: 1b605eb69132875095ac0931af2f9258081c8eb498a4c0f6e60ecfe27aa341ed
 SHA512:
-  metadata.gz: 5991368f7d23847f652f8e8588f5970d46b1624ec821547cae8915481a94f1ef483b4d024d7afdef94f0229970c22c1a9e464d95c0921f2f73f5d6ecee360e54
-  data.tar.gz: 3cc6662e73ce62e7ca2e312d76299fabe05b758bf44972ce7f4bcb5878b5e5c57a9c3593ee21d248d20075e1a4cc75ed4df99f5fe635ec6c1e8a6d7b447da070
+  metadata.gz: d9303be0c0fc5e730e3bbdcadbc3c948ba9eb4484057368b567ffbb7c0cc560634a14720d33c1eafa55116e54c161c0a65d9b2af99e1fe2c27df2e84c3abad41
+  data.tar.gz: b2b0a1be778d7865f3d37779ff029c936690af09a0645f427d54a150afafbda5474da64cc425be4057898f233c1dd0d495499ed410e54928eec004c5e3c3c3bc

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

@@ -50,6 +50,11 @@ uploadActiveStorage = (editor, data) ->
         .after(attachment)
         .addClass(classes)
 
+      doc
+        .find("img[data-hover-src^='#{rails_url}']:not(.effective-article-editor-hover-attachment)")
+        .after(attachment)
+        .addClass('effective-article-editor-hover-attachment')
+
       doc
         .find("a[data-file][data-name='#{file.name}']:not(.action-text-attachment)")
         .after(attachment)

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/article_editor.rb

@@ -101,7 +101,7 @@ module Effective
             }
           },
           outset: false, # tricky to design around
-          plugins: ['blockcode', 'carousel', 'cellcolor', 'collapse', 'filelink', 'imageposition', 'imageresize', 'inlineformat', 'listitem', 'makebutton', 'removeformat', 'reorder', 'style'],
+          plugins: ['blockcode', 'carousel', 'cellcolor', 'collapse', 'filelink', 'imagehover', 'imageposition', 'imageresize', 'inlineformat', 'listitem', 'makebutton', 'removeformat', 'reorder', 'style'],
 
           quote: {
             template: '<blockquote class="blockquote text-center"><p class="mb-0"><strong>A well-known quote, contained in a blockquote element.</strong></p></blockquote>'

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.16'.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.16
+  version: 1.21.18
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-02-05 00:00:00.000000000 Z
+date: 2026-02-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails