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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} Blog | {{ parent() }} {% endblock %}
  5. {% block body %}
  6. <section class="grey-blue-bg small-padding">
  7.     <div class="container">
  8.         <div class="row">
  9.             <div class="col-md-8">
  10.                 <div class="post-container fl-wrap">
  11.                     {% if articles.totalItemCount > 0 %} 
  12.                         {% for article in articles %}
  13.                         <article class="post-article">
  14.                             <div class="title-devis">
  15.                                 <span>{{ article.title }}</span>
  16.                             </div>
  18.                             <div class="list-single-main-media fl-wrap">
  19.                                 <div class="single-slider-wrapper fl-wrap">
  20.                                     <div class="single-slider fl-wrap">
  21.                                         <div class="slick-slide-item">
  22.                                             {% if article.image %}
  23.                                             <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('806x250') }}" alt="{{ article.title }}">
  24.                                             {% else %}
  25.                                             <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('806x250') }}" alt="{{ article.title }}">
  26.                                             {% endif %}
  27.                                         </div>
  28.                                     </div>
  29.                                 </div>
  30.                             </div>
  31.                             <div class="list-single-main-item fl-wrap">
  32.                                 <div class="control-description">
  33.                                     {% if article.content | length > 410 %}
  34.                                     {{ article.content|slice(0,410)|raw }}...
  35.                                     {% else %}
  36.                                     {{ article.content|slice(0,410)|raw }}
  37.                                     {% endif %}
  38.                                 </div>
  39.                                 <div class="post-opt">
  40.                                     <ul>
  41.                                         <li><i class="fal fa-tags"></i> <a href="{{ url('app_front_blog_by_category', {'slug': article.category.slug}) }}" class="text-theme-blue">{{ article.category.name }}</a></li>
  42.                                         <li><i class="fal fa-calendar"></i> <span>{{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}</span></li>
  43.                                         <li><i class="fal fa-share-alt"></i> <span>RYVUP</span></li>
  44.                                     </ul>
  45.                                 </div>
  46.                                 {% if article.content | length > 410 %}
  47.                                 <span class="fw-separator"></span>
  48.                                 <a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}" class="btn float-btn color-bg">Lire la suite<i class="fal fa-angle-right"></i></a>
  49.                                 {% endif %}
  50.                             </div>
  51.                         </article>
  52.                         {% endfor %}
  53.                     {% endif %}
  54.                     
  55.                     {{ knp_pagination_render(articles) }}
  56.                 </div>
  57.             </div>
  59.             <div class="col-md-4">
  60.                 <div class="box-widget-wrap fl-wrap fixed-bar">
  61.                     <div class="box-widget-item fl-wrap">
  62.                         <div class="box-widget">
  63.                             <div class="box-widget-content">
  64.                                 <div class="box-widget-item-header mb-3">
  65.                                     <h3> Demander un devis </h3>
  66.                                 </div>
  67.                                 <div class="text-left">
  68.                                     <p>Location d'autocar, minibus, voiture privée et sanitaire avec chauffeur pour tous vos déplacements</p>
  69.                                     <p>Avec Ryvup, trouver votre transport sur mesure !</p>
  70.                                 </div>
  71.                                 <div class="text-left">
  72.                                     <a href="{{ url('app_client_home') }}" class="btn color2-bg mt-3">
  73.                                        Devis immédiat
  74.                                        <i class="fal fa-angle-right"></i>
  75.                                     </a>
  76.                                 </div>
  77.                             </div>
  78.                         </div>
  79.                     </div>
  81.                     <div class="box-widget-item fl-wrap">
  82.                         <div class="box-widget widget-posts">
  83.                             <div class="box-widget-content">
  84.                                 <div class="box-widget-item-header">
  85.                                     <h3>Les articles récents</h3>
  86.                                 </div>
  87.                                 {% for article in lastArticles %}
  88.                                 <div class="box-image-widget">
  89.                                     <div class="box-image-widget-media">
  90.                                         {% if article.image %}
  91.                                         <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('115x76') }}" alt="{{ article.title }}">
  92.                                         {% else %}
  93.                                         <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('115x76') }}" alt="{{ article.title }}">
  94.                                         {% endif %}
  95.                                         <a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}" class="color-bg">Détails</a>
  96.                                     </div>
  97.                                     <div class="box-image-widget-details">
  98.                                         <h4>{{ article.title }}</h4>
  99.                                         <span class="widget-posts-date">
  100.                                             <i class="fal fa-calendar"></i> 
  101.                                             {% if article.updatedAt %}
  102.                                                 Modifié le {{ article.updatedAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}
  103.                                             {% else %}
  104.                                                 Publié le {{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}
  105.                                             {% endif %}
  106.                                         </span>
  107.                                     </div>
  108.                                 </div>    
  109.                                 {% endfor %}                            
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                                         
  114.                     <div class="box-widget-item fl-wrap">
  115.                         <div class="box-widget">
  116.                             <div class="box-widget-content">
  117.                                 <div class="box-widget-item-header">
  118.                                     <h3>Catégories</h3>
  119.                                 </div>
  120.                                 <ul class="cat-item">
  121.                                     {% for category in categories %}
  122.                                     <li><a href="{{ url('app_front_blog_by_category', {'slug': category.slug}) }}" title="{% if category.name | length > 28 %}{{ category.name }}{% endif %}">{% if category.name | length > 28 %}{{ category.name | slice(0,28) }}...{% else %}{{ category.name }}{% endif %}</a> <span>{{ category.articles | length }}</span></li>
  123.                                     {% endfor %}
  124.                                 </ul>
  125.                             </div>
  126.                         </div>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132.     <div class="limit-box fl-wrap"></div>
  133. </section>
  134. {% endblock %}