Files

app/models/communication/block/component/file.rb

+class Communication::Block::Component::File < Communication::Block::Component::Base
+
+  def blob
+    return if data.nil? || data['id'].blank?
+    @blob ||= template.blob_with_id data['id']
+  end
+
+  def default_data
+    {
+      'id' => ''
+    }
+  end
+
+  def active_storage_blobs
+    # If blob is nil, compact will remove it and the method will return an empty array
+    [blob].compact
+  end
+
+end

app/models/communication/block/component/image.rb

-class Communication::Block::Component::Image < Communication::Block::Component::Base
-
-  def blob
-    return if data.nil? || data['id'].blank?
-    @blob ||= template.blob_with_id data['id']
-  end
-
-  def default_data
-    {
-      'id' => ''
-    }
-  end
-
-  def active_storage_blobs
-    # If blob is nil, compact will remove it and the method will return an empty array
-    [blob].compact
-  end
+class Communication::Block::Component::Image < Communication::Block::Component::File
 
 end

app/models/communication/block/template/file/element.rb

-class Communication::Block::Template::File::File < Communication::Block::Template::Base
+class Communication::Block::Template::File::Element < Communication::Block::Template::Base
 
   has_component :title, :string
   has_component :file, :file
 
+  def blob
+    file_component.blob
+  end
 end

app/views/admin/communication/blocks/components/file/_edit.html.erb

+<%
+label = t 'admin.communication.blocks.components.file.input.label'
+remove = t 'admin.communication.blocks.components.file.input.remove'
+%>
+<div class="mb-3">
+  <div v-if="!<%= model %>.<%= property %>.id">
+    <label  class="form-label"
+            :for="<%= dom_id.html_safe %>">
+      <%= label %>
+    </label>
+    <input  class="form-control"
+            type="file"
+            accept="*"
+            @change="onFileImageChange( $event, <%= model %>, '<%= property %>' )"
+            :id="<%= dom_id.html_safe %>">
+  </div>
+  <a  class="btn btn-sm btn-danger"
+      v-on:click="<%= model %>.<%= property %>={}"
+      v-if="<%= model %>.<%= property %>.id">
+      <i class="fas fa-times"></i>
+    <%= remove %>
+  </a>
+</div>

app/views/admin/communication/blocks/components/file/_static.html.erb

+<%
+blob = component.blob
+return unless blob
+%>
+<% if list %>
+<%= indentation %>- id: "<%= blob.id %>"
+<% else %>
+<%= indentation %><%= property %>:
+<%= indentation %>  id: "<%= blob.id %>"
+<% end %>
+<%= indentation %>  file: "<%= blob.id %>"

app/views/admin/communication/blocks/templates/files/_preview.html.erb

 <ul>
-<% @block.template.elements.each do |element| %>
-        <% file.title ||= file.blob.filename if file.blob %>
-        <% if file.title
-            title = file.title
-          elsif file.blob
-            title = file.blob.filename
-          else
-            title = ''
-          end %>
-        <li>
-          <% if file.blob %>
-            <a href="<%= file.blob.url %>" download><%= title %> <small>(<%= file.blob.filename %>)</small></a>
-          <% else %>
-            <%= title %> <small>(<%= t 'admin.communication.blocks.components.file.not_linked' %>)</small>
-          <% end %>
-        </li>
-    <% end %>
+  <% @block.template.elements.each do |element| %>
+    <% next unless element.blob %>
+    <li>
+      <a href="<%= element.blob.url %>" download>
+        <%= element.title %>
+        <small>(<%= element.blob.filename %>)</small>
+      </a>
+    </li>
+<% end %>
 </ul>

app/views/admin/communication/blocks/templates/files/_static.html.erb

       files:
-<% block.template.files.each do |file| %>
-        - title: >-
-            <%= prepare_text_for_static file.title, 6 %>
-          id: "<%= file.blob.id if file.blob %>"
+<% block.template.elements.each do |element| %>
+<% next unless element.blob %>
+<%= block_component_static :file, template: element, depth: 4, list: true %>
+<%= block_component_static :title, template: element, depth: 5 %>
 <% end %>

config/locales/communication/fr.yml

@@ -143,6 +143,10 @@ fr:
             transcription:
               label: Transcription textuelle du contenu
               placeholder: Entrer ici la transcription
+          file:
+            input:
+              label: Fichier
+              remove: Enlever le fichier
           image:
             input:
               label: Image (.png, .jpg, .svg)