effective_bootstrap 1.21.19 → 1.22.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bb3798d8e9ef7bfd8032c9ca14b4e882acd8ab4c98f044148c5339378eeddc75
-  data.tar.gz: 234097c1eec1005076aa924ba965a8bb5a73d1f6c4d1c618f3ed911d60dfddc0
+  metadata.gz: 67309075b096a201f87cb46e5eb5a232320b9eb30f3d627f842d5a1a9d574a6b
+  data.tar.gz: 690e7121600303eb322ac8ae6f2f3dcf5cc1a5914e205b6dd5a2a97466075326
 SHA512:
-  metadata.gz: 32d9a426708c93c5b0d276cc3d5f45abe54b7a850b898aca9818d07607686b896743387efda84c4f73a1d068b970ae11ef2dc20fcb2749f2eccd659ff7b88f30
-  data.tar.gz: 46132969d40d8bc183a2b9d36544d959426f2ab5ef156d5c980f88f8352c56ab0b0d514dc70eb7b19496654fb5b8525c12e48b20a4541a669633e92e6da2855c
+  metadata.gz: b86b1ee80275ce1bae0d8c1ab00856ab5d379fe1be90e7bdcdf7d9ec82f3d8ef7de6819cb660a27f3bbb25ed552be29ea0601d5df702e39f5ccff4140ff310f7
+  data.tar.gz: 65727df86bf8f294d377fda450f6404a18a0ab654fcccc0cd1369ef278e9fe3d6e17374e6c14cf41148bd6a42512d1412ec4a5d21f7b3406f39e00889bc8db1f

data/app/assets/javascripts/effective_bootstrap/tabs.js

@@ -1,6 +1,6 @@
 // Set the document hash to the tab href
 $(document).on('show.bs.tab', function (e) {
-  history.replaceState(null, null, '#' + e.target.getAttribute('id'));
+  history.replaceState(history.state, null, '#' + e.target.getAttribute('id'));
 });
 
 // Display the tab based on form errors, the document hash, or ?tab= params

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

@@ -67,3 +67,19 @@ $(document).on 'drop', '.effective-file-drop-zone', (event) ->
     $input[0].files = dt.files
 
   $input.trigger('change')
+
+# Per-file Remove / Undo toggle on existing attachments
+$(document).on 'click', '.effective-file-remove', (event) ->
+  event.preventDefault()
+  $button = $(event.currentTarget)
+  $attachment = $button.closest('.effective-file-attachment')
+  $input = $attachment.find('.effective-file-remove-input')
+
+  if $input.prop('disabled')
+    $input.prop('disabled', false)
+    $attachment.addClass('effective-file-attachment--pending-removal')
+    $button.text('Undo').removeClass('btn-outline-danger').addClass('btn-outline-secondary')
+  else
+    $input.prop('disabled', true)
+    $attachment.removeClass('effective-file-attachment--pending-removal')
+    $button.text('Remove').removeClass('btn-outline-secondary').addClass('btn-outline-danger')

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

@@ -69,3 +69,10 @@ input.form-control-file {
   cursor: pointer;
 }
 
+.effective-file-attachment--pending-removal {
+  opacity: 0.5;
+
+  .card-link, a { text-decoration: line-through; }
+  img { filter: grayscale(100%); }
+}
+

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

@@ -73,17 +73,19 @@ module Effective
       end
 
       def build_table_attachments(attachments)
-        content_tag(:table, class: 'table table-hover effective_file_attachments') do
+        content_tag(:table, class: 'table table-hover effective_file_attachments mt-2') do
           content_tag(:thead) do
             content_tag(:tr) do
-              content_tag(:th, 'Image') +
+              content_tag(:th, '') +
               content_tag(:th, 'Title') +
               content_tag(:th, 'Size') +
               content_tag(:th, '')
             end
           end +
           content_tag(:tbody) do
-            attachments.map { |attachment| content_tag(:tr, build_table_attachment(attachment)) }.join.html_safe
+            attachments.map do |attachment|
+              content_tag(:tr, build_table_attachment(attachment), class: 'effective-file-attachment', data: { signed_id: attachment.signed_id })
+            end.join.html_safe
           end
         end
       end
@@ -96,7 +98,7 @@ module Effective
 
         image_tag = content_tag(:img, '', class: '', src: url, alt: attachment.filename.to_s) if attachment.image?
         link_tag = link_to(attachment.filename, url)
-        size_tag = (attachment.content_type + '<br>' + @template.number_to_human_size(attachment.byte_size)).html_safe
+        size_tag = @template.number_to_human_size(attachment.byte_size)
 
         content_tag(:td, image_tag) +
         content_tag(:td, link_tag) +
@@ -105,6 +107,8 @@ module Effective
         content_tag(:td) do
           if attachments_style == :ck_assets
             link_to('Attach', url, class: 'btn btn-primary', 'data-insert-ck-asset': true, alt: attachment.filename.to_s)
+          else
+            build_attachment_remove(attachment)
           end
         end
       end
@@ -119,9 +123,9 @@ module Effective
 
         return unless url
 
-        content_tag(:div, class: 'col-lg-4') do
+        content_tag(:div, class: 'col-lg-4 effective-file-attachment', data: { signed_id: attachment.signed_id }) do
           content_tag(:div, class: 'card mb-3') do
-            if attachment.image?
+            body = if attachment.image?
               content_tag(:div, class: 'card-body text-center') do
                 content_tag(:div, image_tag(url, alt: attachment.filename.to_s, class: 'img-fluid mb-2')) +
                 content_tag(:div, link_to(attachment.filename, url, class: 'card-link'))
@@ -129,29 +133,18 @@ module Effective
             else
               content_tag(:div, class: 'card-body') do
                 content_tag(:p, class: 'card-text') do
-                  link_to(attachment.filename, url, class: 'card-link stretched-link') +
-                  ('<br />' +
-                    @template.number_to_human_size(attachment.byte_size
-                  )).html_safe
+                  link_to(attachment.filename, url, class: 'card-link') + '<br>'.html_safe + @template.number_to_human_size(attachment.byte_size)
                 end
               end
+            end
 
-            end.html_safe
+            body + build_attachment_remove(attachment, footer: true)
           end
         end
       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 + wrapped_input), class: 'mb-3') +
-            content_tag(:div, build_purge)
-          end
-        else
-          build_uploads + wrapped_input
-        end
+        build_uploads + content_tag(:div, super_file_field, class: 'effective-file-drop-zone')
       end
 
       def build_uploads
@@ -165,11 +158,17 @@ module Effective
         end
       end
 
-      def build_purge
-        return ''.html_safe unless purge? && !disabled?
+      def build_attachment_remove(attachment, footer: false)
+        return ''.html_safe if disabled? || !purge?
+
+        hidden = @template.hidden_field_tag("#{@builder.object_name}[_purge][]", attachment.signed_id, disabled: true, class: 'effective-file-remove-input', id: nil)
+        button = @template.content_tag(:button, 'Remove', type: 'button', class: 'btn btn-sm btn-outline-danger effective-file-remove')
 
-        label = (multiple? ? 'Delete existing files on save' : 'Delete existing file on save')
-        @builder.check_box('_purge', multiple: true, label: label, id: "#{tag_id}_purge", checked_value: name)
+        if footer
+          content_tag(:div, hidden + button, class: 'card-footer bg-transparent text-right')
+        else
+          hidden + button
+        end
       end
 
       def purge?

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '1.21.19'.freeze
+  VERSION = '1.22.1'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 1.21.19
+  version: 1.22.1
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-03-10 00:00:00.000000000 Z
+date: 2026-04-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails