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

Open in your IDE?
  1. {% extends "front/base.html.twig" %}
  3. {% block title %}
  4.     {% if article.titleSeo %}
  5.         {{ article.titleSeo }}
  6.     {% else %}
  7.         {{ article.title }}
  8.     {% endif %}
  9. {% endblock %}
  11. {% block seo %}
  12.     <meta name="description" content="{{ article.descriptionSeo }}">
  13. {% endblock %}
  15. {% block og %}
  16.     <meta property="og:type" content="website" />
  17.     <meta property="og:title" content="{{ article.titleSeo }}" />
  18.     <meta property="og:image" content="{{ url('homepage_no_locale') }}images/blog/{{ article.cover }}"/>
  19.     <meta property="og:description" content="{{ article.descriptionSeo }}"/>
  20.     <meta property="og:site_name" content="Racket Trip"/>
  21. {% endblock %}
  23. {% block body %}
  25.     <section class="first-section single-article">
  26.         <div class="cover" style="background-image : url('/images/blog/{{ article.cover }}')" title="{{ article.altCover }}">
  27.             <div class="title-wrap">
  28.                 <h1 class="title">{{ article.title | raw }}</h1>
  29.             </div>
  30.         </div>
  32.         <div class="container">
  33.             <div class="row">
  34.                 <div class="content-col">
  35.                     <div class="blog-content">
  36.                         <div class="categories">
  37.                             {% for category in article.categories %}
  38.                                 <a href="{{ path('article_category', {'slug': category.slug}) }}" class="category-link">{{ category.title }}</a>
  39.                             {% endfor %}
  40.                             {% if article.author %}
  41.                             <span class="category-link">{{ article.author.firstname ~ ' ' ~ article.author.lastname }}</span>
  42.                             {% endif %}
  43.                             <span class="category-link">{{ 'article.published_ad' | trans }} {{ article.publishedAt | date('d/m/Y') }}</span>
  44.                         </div>
  46.                         {{ article.description | raw }}
  48.                     </div>
  50.                     {% if preview == false %}
  52.                     <div class="comments">
  53.                         <div class="main-title">
  54.                             <h1 class="title-text">{{ "backoffice.comments" | trans }}</h1>
  55.                         </div>
  57.                         {% for comment in article.comments %}
  58.                         {% if comment.activated %}
  60.                         <div class="comment-item">
  61.                             <h4 class="author">{{ comment.name }}</h4>
  62.                             <span class="date">{{ comment.createdAt | date('d/m/Y') }}</span>
  63.                             <p class="comment-text">{{ comment.message | raw }}</p>
  64.                         </div>
  66.                         {% endif %}
  67.                         {% endfor %}
  69.                         <div class="actions mt-3">
  70.                             <button class="btn main-btn btn-sm mx-auto" data-toggle="modal" data-target="#comment-modal">{{ 'article.comment' | trans }}</button>
  71.                         </div>
  72.                         
  73.                     </div>
  75.                     {% endif %}
  76.                     
  77.                 </div>
  78.                 <div class="blog-sidebar">
  79.                     <div class="sidebar-content">
  80.                         <div class="share-card">
  81.                             <h5 class="title">{{ 'article.share' | trans }}</h5>
  82.                             <div class="share-buttons">
  83.                                 <a class="sharer" target="_blank" href="http://www.facebook.com/share.php?u={{ url('show_article', {'slug': article.slug}) }}&title={{ article.title }}">
  84.                                     <i class="fab fa-facebook-f"></i>
  85.                                 </a>
  86.                                 <a class="sharer" target="_blank" href="https://twitter.com/intent/tweet?text={{ url('show_article', {'slug': article.slug}) }}">
  87.                                     <i class="fab fa-x-twitter"></i>
  88.                                 </a>
  89.                                 <a class="sharer" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{ url('show_article', {'slug': article.slug}) }}&title={{ article.title }}">
  90.                                     <i class="fab fa-linkedin-in"></i>
  91.                                 </a>
  92.                             </div>
  93.                         </div>
  95.                         <div class="more-articles">
  97.                             {% if preview == false %}
  98.                                 <h5 class="title" >{{ 'article.more_articles' | trans }}</h5>
  99.                                 <div class="row">
  100.                                     {% for article in moreArticles %}
  101.                                         <div class="col-12 blog-col">
  102.                                             {% include "front/blog/_blog-card.html.twig" %}
  103.                                         </div>
  104.                                     {% endfor %}
  105.                                 </div>
  106.                             {% endif %}
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </section>
  115.     {% if form is defined %}
  116.         <!-- Comment Modal -->
  117.         <div class="modal fade bd-example-modal-lg" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="commentModalTitle" aria-hidden="true">
  118.             <div class="modal-dialog modal-dialog-centered" role="document">
  119.                 <div class="modal-content">
  121.                     {{ form_start(form) }}
  123.                     <div class="modal-body">
  124.                         <div class="modal-title-wrap">
  125.                             <h5 class="modal-title">{{ 'article.comment' | trans }}</h5>
  126.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  127.                                 <i class="fal fa-times"></i>
  128.                             </button>
  129.                         </div>
  130.                         <div class="row">
  131.                             <div class="col-12">
  132.                                 {{ form_row(form.name) }}
  133.                                 {{ form_row(form.email) }}
  134.                                 {{ form_widget(form.website) }}
  135.                                 {{ form_row(form.message) }}
  136.                             </div>
  137.                         </div>
  139.                         <div class="row mt-3">
  140.                             <div class="col-md-12">
  141.                                 <button type="submit" class="btn main-btn m-auto">{{ 'article.send_button' | trans }}</button>
  142.                             </div>
  143.                         </div>
  145.                     </div>
  147.                     {{ form_end(form) }}
  149.                 </div>
  150.             </div>
  151.         </div>
  152.     {% endif %}
  154.     {% include "front/blog/_blog-cta.html.twig" %}
  156. {% endblock %}