Browse Source

Add image preview block see BT#10657

Julio 8 years ago
parent
commit
c97c8fc8a1

+ 4 - 0
app/config/sonata/sonata_page.yml

@@ -108,6 +108,8 @@ sonata_page:
                      name: Bottom content
                  footer:
                      name: Footer
+                 image_preview:
+                    name: Image preview
             matrix:
                  layout: |
                      HHHHHHHH
@@ -115,6 +117,7 @@ sonata_page:
                      CCCCCCCC
                      BBBBBBBB
                      FFFFFFFF
+                     IIIIIIII
 
                  mapping:
                      H: header
@@ -122,6 +125,7 @@ sonata_page:
                      C: content
                      B: content_bottom
                      F: footer
+                     I: image_preview
 
         2columns:
             path: 'ChamiloPageBundle::demo_2columns_layout.html.twig'

+ 6 - 4
src/Chamilo/PageBundle/Resources/views/latest.html.twig

@@ -4,15 +4,17 @@
         {% for page in pages %}
             <div class="col-md-4">
             <div class="items">
-                <div class="image"></div>
+                <div class="image"> {{ sonata_page_render_container('image_preview', page)  }}</div>
                 <div class="description">
-                    <h2 class="title"><a href="#">{{ page.name }}</a></h2>
+                    <h2 class="title">
+                        <a href="{{ url(page.routeName, {'path' : page.url}) }}">{{ page.name }}</a>
+                    </h2>
                     <div class="date">
-                        <i class="fa fa-calendar" aria-hidden="true"></i>{{ page.createdAt | format_datetime }}
+                        <i class="fa fa-calendar" aria-hidden="true"></i>
+                        {{ page.createdAt | format_datetime }}
                     </div>
                     <p>
                         {{ page.metaDescription }}
-                        {# sonata_page_render_container('content', page) #}
                     </p>
                 </div>
             </div>