Files block

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

 class Communication::Block::Template::File < Communication::Block::Template
   def build_git_dependencies
+    add_dependency active_storage_blobs
+  end
+
+  def files
+    @files ||= elements.map { |element|
+        file(element)
+      }.compact
+  end
+
+  protected
+
+  def file(element)
+    {
+      title: element['title'],
+      blob: find_blob(element, 'file')
+    }.to_dot
   end
 end

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

@@ -6,13 +6,20 @@
 <draggable :list="data.elements" handle=".dragHandle" class="row">
   <div v-for="(element, index) in data.elements" class="col-md-4">
     <div class="card">
+      <div class="card-header border-bottom">
+        <a class="btn ps-0 pt-0 dragHandle">
+          <i class="fa fa-bars handle"></i>
+        </a>
+        <div class="float-end">
+          <a  class="btn btn-sm btn-danger"
+              v-on:click="data.elements.splice(data.elements.indexOf(element), 1)"
+              title="<%= t '.remove_file' %>">
+              <i class="fas fa-times"></i>
+          </a>
+        </div>
+      </div>
       <div class="card-body">
         <div class="d-flex">
-          <div>
-            <a class="btn ps-0 pt-0 dragHandle">
-              <i class="fa fa-bars handle"></i>
-            </a>
-          </div>
           <div class="flex-fill">
             <label    class="form-label"
                       :for="'element-' + index + '-title'"><%= t '.title_label' %></label>
@@ -22,23 +29,24 @@
                       type="text"
                       :id="'element-' + index + '-title'" />
 
+            <label  class="form-label"
+                    :for="'element-' + index + '-file'">
+                <%= t '.file_label' %>
+            </label>
+            <div v-if="element.file.id">
+              <p><b>{{ element.file.filename }}</b></p>
+              <a  class="btn btn-sm btn-danger mt-2"
+                  v-on:click="element.file={}">
+                  <i class="fas fa-times"></i>
+                  <%= t '.remove_file' %>
+              </a>
+            </div>
             <div v-if="!element.file.id">
-              <label  class="form-label"
-                      :for="'element-' + index + '-file'">
-                  <%= t '.file_label' %>
-              </label>
               <input  class="form-control mb-4"
                       type="file"
                       @change="onFileImageChange( $event, element, 'file' )"
                       :id="'element-' + index + '-file'">
             </div>
-            <div v-if="element.file">
-              <a  class="btn btn-sm btn-danger mt-2"
-                  v-on:click="element.file=null">
-                  <i class="fas fa-times"></i>
-                  <%= t '.remove_file' %>
-              </a>
-            </div>
           </div>
         </div>
       </div>

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

+      files:
+<% block.template.files.each do |file| %>
+        - title: "<%= file.title %>"
+          id: "<%= file.blob.id %>"
+<% end %>

config/locales/communication/en.yml

@@ -176,6 +176,13 @@ en:
               code_placeholder: Enter code
               transcription_label: Text transcript
               transcription_placeholder: Enter text transcript
+          files:
+            edit:
+              add_file: Add a file
+              remove_file: Remove a file
+              file_label: File
+              title_label: Title
+              title_placeholder: Enter title here
           gallery:
             edit:
               add_image: Add image

config/locales/communication/fr.yml

@@ -182,7 +182,7 @@ fr:
               remove_file: Supprimer le fichier
               file_label: Fichier
               title_label: Titre
-              title_placeholder: Entrer le titre de la définition
+              title_placeholder: Entrer le titre du fichier
           gallery:
             edit:
               add_image: Ajouter une image