+ Add single file block

Author: matthieu2607

src/Resources/templates/blocks/file.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<type xmlns="http://schemas.sulu.io/template/template"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xmlns:xi="http://www.w3.org/2001/XInclude"
+      xsi:schemaLocation="http://schemas.sulu.io/template/template http://schemas.sulu.io/template/template-1.0.xsd"
+      name="file_block">
+    <meta>
+        <title lang="en">File Block</title>
+        <title lang="fr">Bloc Fichier</title>
+    </meta>
+    <properties>
+        <xi:include href='sulu-block-bundle://properties/title.xml'/>
+        <xi:include href='sulu-block-bundle://properties/file.xml'/>
+    </properties>
+</type>

src/Resources/templates/properties/file.xml

@@ -0,0 +1,32 @@
+<?xml version="1.0" ?>
+<property xmlns="http://schemas.sulu.io/template/template"
+          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+          xmlns:xi="http://www.w3.org/2001/XInclude"
+          xsi:schemaLocation="http://schemas.sulu.io/template/template http://schemas.sulu.io/template/template-1.0.xsd"
+          name="file"
+          type="single_media_selection"
+>
+    <meta>
+        <title lang="en">File</title>
+        <title lang="fr">Fichier</title>
+    </meta>
+    <xi:include href='sulu-block-bundle://app-property-params/file.xml'
+                xpointer='xmlns(sulu=http://schemas.sulu.io/template/template) xpointer(/sulu:params)'
+                parse='xml'>
+        <xi:fallback>
+            <params>
+                <xi:include href='sulu-block-bundle://app-property-params/images_config.xml'
+                            parse='xml'>
+                    <xi:fallback>
+                        <param name="types" value="document"/>
+                    </xi:fallback>
+                </xi:include>
+                <xi:include href='sulu-block-bundle://app-property-params/images_additions.xml'
+                            xpointer='xmlns(sulu=http://schemas.sulu.io/template/template) xpointer(/sulu:params/sulu:param)'
+                            parse='xml'>
+                    <xi:fallback/>
+                </xi:include>
+            </params>
+        </xi:fallback>
+    </xi:include>
+</property>

src/Resources/views/html5/file_block.html.twig

@@ -0,0 +1,11 @@
+{% extends '@Block/html5/base.html.twig' %}
+
+{% block section_content %}
+    <div class="file-block">
+        {% if block['file'] is defined and block['file'] is not empty %}
+            <div class="file-block-download">
+                {% include '@Block/html5/parts/file.html.twig' %}
+            </div>
+        {% endif %}
+    </div>
+{% endblock %}

src/Resources/views/html5/parts/file.html.twig

@@ -0,0 +1,46 @@
+{% if block['file'] is defined and block['file'] is not empty %}
+    {% set file = sulu_resolve_media(block['file'], app.request.locale) %}
+    {% if file %}
+        <div class="file-block-item">
+            <a href="{{ file.url }}"
+               class="file-download-link"
+               download="{{ file.name }}"
+               target="_blank"
+               rel="noopener noreferrer">
+                <span class="file-download-icon">
+                    <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+                    </svg>
+                </span>
+                <span class="file-details">
+                    <span class="file-title">
+                        {% if block['title'] is defined and block['title'] is not empty %}
+                            {{ block['title'] }}
+                        {% else %}
+                            {{ file.title|default(file.name) }}
+                        {% endif %}
+                    </span>
+                    {% if file.size %}
+                        <span class="file-meta">
+                            {% set size = file.size %}
+                            <span class="file-size">
+                                {% if size < 1024 %}
+                                    {{ size }} octets
+                                {% elseif size < 1048576 %}
+                                    {{ (size / 1024)|round(1) }} Ko
+                                {% elseif size < 1073741824 %}
+                                    {{ (size / 1048576)|round(1) }} Mo
+                                {% else %}
+                                    {{ (size / 1073741824)|round(1) }} Go
+                                {% endif %}
+                            </span>
+                            {% if file.extension %}
+                                <span class="file-extension">{{ file.extension|upper }}</span>
+                            {% endif %}
+                        </span>
+                    {% endif %}
+                </span>
+            </a>
+        </div>
+    {% endif %}
+{% endif %}