From bd93f5b87897887c1485aedc8607ffeeade5ca4f Mon Sep 17 00:00:00 2001
From: Julio Montoya <gugli100@gmail.com>
Date: Thu, 16 Jan 2020 10:43:18 +0100
Subject: [PATCH] Fix image tpl see BT#15974

---
 app/config/sonata/sonata_media.yml                |  2 +-
 .../PageBundle/Resources/views/course.html.twig   | 15 +++++++++------
 .../Resources/views/image_preview_block.html.twig |  9 +++++++++
 .../Resources/views/simple_image_block.twig       |  8 ++++++++
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 src/Chamilo/PageBundle/Resources/views/image_preview_block.html.twig
 create mode 100644 src/Chamilo/PageBundle/Resources/views/simple_image_block.twig

diff --git a/app/config/sonata/sonata_media.yml b/app/config/sonata/sonata_media.yml
index 86097336ab..a8ae57a84b 100644
--- a/app/config/sonata/sonata_media.yml
+++ b/app/config/sonata/sonata_media.yml
@@ -22,7 +22,7 @@ sonata_media:
             formats:
                 small: { width: 100, quality: 100}
                 big:   { width: 970 , quality: 100}
-                block_preview:   { width: 268 , quality: 100}
+                block_preview: { width: 340 , quality: 190}
 
         course:
             providers:
diff --git a/src/Chamilo/PageBundle/Resources/views/course.html.twig b/src/Chamilo/PageBundle/Resources/views/course.html.twig
index 40fcff3fc8..c611120a64 100644
--- a/src/Chamilo/PageBundle/Resources/views/course.html.twig
+++ b/src/Chamilo/PageBundle/Resources/views/course.html.twig
@@ -4,14 +4,17 @@
         {% for page in pages %}
             <div class="col-md-4">
                 <div class="items">
+                    <a href="{{ url(page.routeName, {'path' : page.site.relativePath ~ page.url, '_locale' : app.request.getLocale() }) }}"
+                       class="thumbnail" style ="border:none; padding:0px"
+                    >
+                        {{ sonata_page_render_container('image_preview', page, {'template': '@ChamiloPage/image_preview_block.html.twig'})  }}
+                    </a>
+
                     <div class="description">
-                        {#<div class="date">
-                            <i class="fa fa-calendar" aria-hidden="true"></i>
-                            {{ page.createdAt | format_datetime }}
-                        </div>#}
-                        {{ sonata_page_render_container('image_preview', page)  }}
                         <h2 class="title">
-                            <a href="{{ url(page.routeName, {'path' : page.site.relativePath ~ page.url, '_locale' : app.request.getLocale() }) }}">{{ page.name }}</a>
+                            <a href="{{ url(page.routeName, {'path' : page.site.relativePath ~ page.url, '_locale' : app.request.getLocale() }) }}">
+                                {{ page.name }}
+                            </a>
                         </h2>
                         <p>
                             {{ page.metaDescription | nl2br }}
diff --git a/src/Chamilo/PageBundle/Resources/views/image_preview_block.html.twig b/src/Chamilo/PageBundle/Resources/views/image_preview_block.html.twig
new file mode 100644
index 0000000000..672ceb03ee
--- /dev/null
+++ b/src/Chamilo/PageBundle/Resources/views/image_preview_block.html.twig
@@ -0,0 +1,9 @@
+{% extends '@SonataMedia/Block/block_media.html.twig' %}
+
+{% block block %}
+    {% for child in block.children %}
+        {% block block_child_render %}
+            {{ sonata_block_render(child, {'template': '@ChamiloPage/simple_image_block.twig'}) }}
+        {% endblock %}
+    {% endfor %}
+{% endblock %}
diff --git a/src/Chamilo/PageBundle/Resources/views/simple_image_block.twig b/src/Chamilo/PageBundle/Resources/views/simple_image_block.twig
new file mode 100644
index 0000000000..5bd6d8a979
--- /dev/null
+++ b/src/Chamilo/PageBundle/Resources/views/simple_image_block.twig
@@ -0,0 +1,8 @@
+{% extends sonata_block.templates.block_base %}
+{% block block %}
+    {% if media and settings.format %}
+        {% media media, settings.format %}
+    {% else %}
+        {# no media selected or format defined... #}
+    {% endif %}
+{% endblock %}