From affb1820d801ed74cfae13e5f3ef5b6935de8779 Mon Sep 17 00:00:00 2001
From: Lisa Durand <lisa.c.durand@gmail.com>
Date: Tue, 7 May 2024 16:41:20 +0200
Subject: [PATCH] add PDF preview in view for gallery

---
 app/assets/images/apercu-indisponible.png     | Bin 5467 -> 5193 bytes
 app/assets/images/pdf-placeholder.png         | Bin 3581 -> 0 bytes
 app/jobs/image_processor_job.rb               |   5 ++---
 .../champs/piece_justificative_champ.rb       |   4 +---
 app/models/champs/titre_identite_champ.rb     |   4 +---
 .../concerns/blob_image_processor_concern.rb  |   2 +-
 .../dossiers/pieces_jointes.html.haml         |   6 +++---
 .../piece_justificative/_show.html.haml       |   6 +++---
 spec/jobs/image_processor_job_spec.rb         |   4 ++--
 9 files changed, 13 insertions(+), 18 deletions(-)
 delete mode 100644 app/assets/images/pdf-placeholder.png

diff --git a/app/assets/images/apercu-indisponible.png b/app/assets/images/apercu-indisponible.png
index 6bebd9f59de194d5d5eab6847ac31e31c5d5a4d4..e6c56638a09003ae21f4e970de493cdce4097c94 100644
GIT binary patch
literal 5193
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

literal 5467
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

diff --git a/app/assets/images/pdf-placeholder.png b/app/assets/images/pdf-placeholder.png
deleted file mode 100644
index 58da75f9f728e70eb30af89f205a263ddc1aa1bb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3581
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

diff --git a/app/jobs/image_processor_job.rb b/app/jobs/image_processor_job.rb
index 1c37040fe..8017d2b35 100644
--- a/app/jobs/image_processor_job.rb
+++ b/app/jobs/image_processor_job.rb
@@ -16,7 +16,7 @@ class ImageProcessorJob < ApplicationJob
     return if ActiveStorage::Attachment.find_by(blob_id: blob.id)&.record_type == "ActiveStorage::VariantRecord"
 
     auto_rotate(blob) if ["image/jpeg", "image/jpg"].include?(blob.content_type)
-    create_variants(blob) if blob.variant_required?
+    create_representations(blob) if blob.representation_required?
     add_watermark(blob) if blob.watermark_pending?
   end
 
@@ -34,10 +34,9 @@ class ImageProcessorJob < ApplicationJob
     end
   end
 
-  def create_variants(blob)
+  def create_representations(blob)
     blob.attachments.each do |attachment|
       next unless attachment&.representable?
-      attachment.representation(resize_to_limit: [300, 300]).processed
       attachment.representation(resize_to_limit: [400, 400]).processed
     end
   end
diff --git a/app/models/champs/piece_justificative_champ.rb b/app/models/champs/piece_justificative_champ.rb
index b6dfb0bef..dcd8e56ce 100644
--- a/app/models/champs/piece_justificative_champ.rb
+++ b/app/models/champs/piece_justificative_champ.rb
@@ -1,9 +1,7 @@
 class Champs::PieceJustificativeChamp < Champ
   FILE_MAX_SIZE = 200.megabytes
 
-  has_many_attached :piece_justificative_file do |attachable|
-    attachable.variant :medium, resize: '400x400'
-  end
+  has_many_attached :piece_justificative_file
 
   # TODO: if: -> { validate_champ_value? || validation_context == :prefill }
   validates :piece_justificative_file,
diff --git a/app/models/champs/titre_identite_champ.rb b/app/models/champs/titre_identite_champ.rb
index 667feca7e..6d95f4d43 100644
--- a/app/models/champs/titre_identite_champ.rb
+++ b/app/models/champs/titre_identite_champ.rb
@@ -2,9 +2,7 @@ class Champs::TitreIdentiteChamp < Champ
   FILE_MAX_SIZE = 20.megabytes
   ACCEPTED_FORMATS = ['image/png', 'image/jpeg']
 
-  has_many_attached :piece_justificative_file do |attachable|
-    attachable.variant :medium, resize: '400x400'
-  end
+  has_many_attached :piece_justificative_file
 
   # TODO: if: -> { validate_champ_value? || validation_context == :prefill }
   validates :piece_justificative_file, content_type: ACCEPTED_FORMATS, size: { less_than: FILE_MAX_SIZE }
diff --git a/app/models/concerns/blob_image_processor_concern.rb b/app/models/concerns/blob_image_processor_concern.rb
index 46b56b955..3b92ad4e4 100644
--- a/app/models/concerns/blob_image_processor_concern.rb
+++ b/app/models/concerns/blob_image_processor_concern.rb
@@ -7,7 +7,7 @@ module BlobImageProcessorConcern
     watermarked_at.present?
   end
 
-  def variant_required?
+  def representation_required?
     attachments.any? { _1.record.class == Champs::TitreIdentiteChamp || _1.record.class == Champs::PieceJustificativeChamp }
   end
 
diff --git a/app/views/instructeurs/dossiers/pieces_jointes.html.haml b/app/views/instructeurs/dossiers/pieces_jointes.html.haml
index a0b1816a1..1d08707a3 100644
--- a/app/views/instructeurs/dossiers/pieces_jointes.html.haml
+++ b/app/views/instructeurs/dossiers/pieces_jointes.html.haml
@@ -5,13 +5,13 @@
 .fr-container
   .gallery.gallery-pieces-jointes{ "data-controller": "lightbox" }
     - @champs_with_pieces_jointes.each do |champ|
-      - champ.piece_justificative_file.each do |attachment|
+      - champ.piece_justificative_file.with_all_variant_records.each do |attachment|
         .gallery-item
           - blob = attachment.blob
           - if blob.content_type.in?(AUTHORIZED_PDF_TYPES)
             = link_to blob.url, id: blob.id, data: { iframe: true, src: blob.url }, class: 'gallery-link', type: blob.content_type, title: "#{champ.libelle} -- #{blob.filename}" do
               .thumbnail
-                = image_tag("pdf-placeholder.png")
+                = image_tag(attachment.representation(resize_to_limit: [400, 400]).processed.url, loading: :lazy)
                 .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                   Visualiser
             .champ-libelle
@@ -21,7 +21,7 @@
           - elsif blob.content_type.in?(AUTHORIZED_IMAGE_TYPES)
             = link_to image_url(blob.url), title: "#{champ.libelle} -- #{blob.filename}", data: { src: blob.url }, class: 'gallery-link' do
               .thumbnail
-                = image_tag(attachment.variant(:medium), loading: :lazy)
+                = image_tag(attachment.representation(resize_to_limit: [400, 400]).processed.url, loading: :lazy)
                 .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                   Visualiser
             .champ-libelle
diff --git a/app/views/shared/champs/piece_justificative/_show.html.haml b/app/views/shared/champs/piece_justificative/_show.html.haml
index 50218e54b..670e9e011 100644
--- a/app/views/shared/champs/piece_justificative/_show.html.haml
+++ b/app/views/shared/champs/piece_justificative/_show.html.haml
@@ -5,20 +5,20 @@
         %li= render Attachment::ShowComponent.new(attachment:, new_tab: true)
   - else
     .gallery-items-list
-      - champ.piece_justificative_file.attachments.each do |attachment|
+      - champ.piece_justificative_file.attachments.with_all_variant_records.each do |attachment|
         .gallery-item
           - blob = attachment.blob
           - if blob.content_type.in?(AUTHORIZED_PDF_TYPES)
             = link_to blob.url, id: blob.id, data: { iframe: true, src: blob.url }, class: 'gallery-link', type: blob.content_type, title: "#{champ.libelle} -- #{blob.filename}" do
               .thumbnail
-                = image_tag("pdf-placeholder.png")
+                = image_tag(attachment.representation(resize_to_limit: [400, 400]).processed.url, loading: :lazy)
                 .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                   = 'Visualiser'
 
           - elsif blob.content_type.in?(AUTHORIZED_IMAGE_TYPES)
             = link_to image_url(blob.url), title: "#{champ.libelle} -- #{blob.filename}", data: { src: blob.url }, class: 'gallery-link' do
               .thumbnail
-                = image_tag(attachment.variant(:medium), loading: :lazy)
+                = image_tag(attachment.representation(resize_to_limit: [400, 400]).processed.url, loading: :lazy)
                 .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                   = 'Visualiser'
           - else
diff --git a/spec/jobs/image_processor_job_spec.rb b/spec/jobs/image_processor_job_spec.rb
index 9c520babd..e32999273 100644
--- a/spec/jobs/image_processor_job_spec.rb
+++ b/spec/jobs/image_processor_job_spec.rb
@@ -89,11 +89,11 @@ describe ImageProcessorJob, type: :job do
 
     context "when representation is required" do
       before do
-        allow(blob).to receive(:variant_required?).and_return(true)
+        allow(blob).to receive(:representation_required?).and_return(true)
       end
 
       it "it creates blob representation" do
-        expect { described_class.perform_now(blob) }.to change { ActiveStorage::VariantRecord.count }.by(2)
+        expect { described_class.perform_now(blob) }.to change { ActiveStorage::VariantRecord.count }.by(1)
       end
     end
   end