templates/front/blog/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'app.menu.blog'|trans }}{% endblock %}
  5. {% block body %}
  6.     <!-- start page-title -->
  7.     <section class="page-title">
  8.         <div class="container">
  9.             <div class="row">
  10.                 <div class="col col-xs-12">
  11.                     <h2>{{ 'app.menu.blog'|trans }}</h2>
  12.                     {# <p>Gregor then turned to look out the window at the weather</p> #}
  13.                 </div>
  14.             </div>
  15.             <!-- end row -->
  16.         </div>
  17.         <!-- end container -->
  18.     </section>
  19.     <!-- end page-title -->
  20.     <!-- start blog-single-section -->
  21.     <section class="blog-single-section section-padding">
  22.         <div class="container">
  23.             <div class="row">
  24.                 <div class="col col-md-8">
  25.                     <div class="blog-content">
  26.                         <div class="post format-standard-image">
  27.                             <div class="entry-media">
  28.                                 <img src="{{ asset( blog_images_directory ~ '/' ~ post.image.name ) }}" alt>
  29.                             </div>
  30.                             <div class="date-entry-meta">
  31.                                 <div class="cat">{% if post.category %}{{ app.request.locale == 'fr' ? post.category.name : post.category.nameEng }}{% endif %}</div>
  32.                                 <div class="entry-meta">
  33.                                     <span>{{ 'app.blog.by'|trans }}:
  34.                                         <a href="#">{{post.author}}</a>
  35.                                     </span>
  36.                                     <span>Date: {{post.date|date("d/m/Y")}}</span>
  37.                                 </div>
  38.                             </div>
  39.                             <h2>{{post.title}}</h2>
  40.                             <p>
  41.                             {{ post.description|raw }}
  42.                             </p>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.                 <div class="col col-md-4">
  47.                     <div class="blog-sidebar">
  48.                         <div class="widget search-widget">
  49.                             <h3>{{ 'app.blog.search'|trans }}</h3>
  50.                             <form action="{{ path('app_blog_index') }}" method="GET">
  51.                                 <div>
  52.                                     <input type="text" name="keyword" class="form-control" placeholder="{{ 'app.blog.keyword'|trans }}.." value="{{ keyword is defined ? keyword : '' }}">
  53.                                     <button type="submit"><i class="ti-search"></i></button>
  54.                                 </div>
  55.                             </form>
  56.                         </div>
  57.                         <div class="widget category-widget">
  58.                             <h3>{{ 'app.blog.categories'|trans }}</h3>
  59.                             <ul>
  60.                                 <li>
  61.                                     <a href="{{ path('app_blog_index') }}">
  62.                                         {{ 'app.blog.all'|trans }}<span>({{ count }})</span>
  63.                                     </a>
  64.                                 </li>
  65.                                 {% for category in categories %}
  66.                                     <li>
  67.                                         <a href="{{ path('app_blog_category', { id: category.id }) }}">
  68.                                             {{ app.request.locale == 'fr' ? category.name : category.nameEng }}<span>({{ category.posts|length }})</span>
  69.                                         </a>
  70.                                     </li>
  71.                                 {% endfor %}
  72.                             </ul>
  73.                         </div>
  74.                         <div class="widget recent-post-widget">
  75.                             <h3>{{ 'app.blog.recentPost'|trans }}</h3>
  76.                             <div class="posts">
  77.                                 {% for post in recent_post %}
  78.                                     <div class="post">
  79.                                         <div class="img-holder">
  80.                                             <img src="{{ asset( blog_images_directory ~ '/' ~ post.image.name ) }}" alt>
  81.                                         </div>
  82.                                         <div class="details">
  83.                                             <h4>
  84.                                                 {% set link = post.link is not null ? post.link : path('app_blog_show', { id: post.id }) %}
  85.                                                 {% set link = post.fileDetails.name is not null ? '/' ~ blog_files_directory ~ '/' ~ post.fileDetails.name : link %}
  86.                                                 {% set _target = post.link is not null or post.fileDetails.name is not null ? '_blank' : '_self' %}
  87.                                                 <a href="{{ link }}" target="{{ _target }}">{{post.title}}</a>
  88.                                             </h4>
  89.                                             <span class="date">
  90.                                                 <i class="ti-calendar"></i>
  91.                                                 {{post.date|date("d/m/Y")}}</span>
  92.                                         </div>
  93.                                     </div>
  94.                                 {% endfor %}
  95.                             </div>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.         <!-- end container -->
  102.     </section>
  103.     <!-- end blog-single-section -->
  104. {% endblock %}