templates/article/articleview.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}- {{ article.title }}{% endblock %}
  3. {% block content %}
  4.     <section class="page_title ds s-overlay s-pt-150 s-pb-50"
  5.              style="background-image: url({{ asset('assets/images/cbrc/imagefond.jpg') }})">
  6.         <div class="s-blur"></div>
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-md-12 text-center">
  10.                     <h1><i class="far fa-file-alt mr-3"></i>{{ article.title }}</h1>
  11.                     <ol class="breadcrumb">
  12.                         <li class="breadcrumb-item">
  13.                             <a href="{{ path('home', {}, relative = false) }}">
  14.                                 Accueil
  15.                             </a>
  16.                         </li>
  17.                         {% if article.category !=null %}
  18.                             <li class="breadcrumb-item">
  19.                                 <a href="{{ path('home_by_category',{'categoryname':article.category.name }, relative=false) }}">
  20.                                     {{ article.category.name }}
  21.                                 </a>
  22.                             </li>
  23.                         {% endif %}
  24.                         <li class="breadcrumb-item active">
  25.                             {{ article.title }}
  26.                         </li>
  27.                     </ol>
  28.                     <p class="text-center mt-2">
  29.                         {{ article.content.shortresume|nl2br }}
  30.                     </p>
  31.                 </div>
  32.             </div>
  33.         </div>
  34.     </section>
  35.     <section class="ls s-py-xl-150 s-py-lg-130 s-py-md-90 s-py-60">
  36.         <div class="container">
  37.             <div class="row c-gutter-60">
  38.                 <main class="col-12 readarticle">
  39.                     <div class="card box-shadow rounded-0 pt-0 mb-4">
  40.                         {% if article.content.image1 !=null %}
  41.                             <img src="{{ vich_uploader_asset(article.content, 'image1File') }}" alt="image"
  42.                                  class="card-img p-0">
  43.                         {% endif %}
  44.                         {% if article.category!=null %}
  45.                             <div class="labelcategory mb-2">
  46.                             <span class="cat-links">
  47.                                 <a href="{{ path('home_by_category',{'categoryname':article.category.name }, relative=false) }}"
  48.                                    rel="category tag"
  49.                                    style="background-color: {{ article.category.bgcolor }}; color: {{ article.category.textcolor }}"> <!-- Lien vers la catégorie -->
  50.                                     {{ article.category.name }}
  51.                                 </a>
  52.                             </span>
  53.                             </div>
  54.                         {% endif %}
  55.                         <div class="card-body">
  56.                             <div class="row">
  57.                                 <div class="col-12">
  58.                                     <div class="entry-content pt-4">
  59.                                         {% if article.content.document1 != null %}
  60.                                             <p>
  61.                                                 <a href="{{ vich_uploader_asset(article.content, 'document1File') }}"
  62.                                                    target="_blank">
  63.                                                     <i class="fas fa-paperclip mr-2"></i>
  64.                                                     {% if article.content.documentname !=null %}
  65.                                                         {{ article.content.documentname }}
  66.                                                     {% else %}
  67.                                                         Pièce jointe
  68.                                                     {% endif %}
  69.                                                 </a>
  70.                                             </p>
  71.                                         {% endif %}
  72.                                         <p class="">
  73.                                             {{ article.content.text|raw }}
  74.                                         </p>
  75.                                     </div>
  76.                                 </div>
  77.                             </div>
  78.                             <div class="row align-items-center">
  79.                                 <div class="col-12 align-middle">
  80.                                     <span class="byline">
  81.                                         <span class="author vcard">
  82.                                             <i class="far fa-user"></i>
  83.                                             <span class="url fn n"
  84.                                             >{{ article.content.signature }}</span>
  85.                                         </span>
  86.                                     </span>
  87.                                     | {{ article.creationdate|date("d/m/y") }}
  88.                                 </div>
  89.                             </div>
  90.                         </div>
  91.                     </div>
  92.                     <div id="comments" class="comments-area">
  93.                         <h5 class="comment-reply-title">Commentaires</h5>
  94.                         <ol class="comment-list">
  95.                             {% for comment in comments %}
  96.                                 <li class="comment">
  97.                                     <article class="comment-body">
  98.                                         <header class="comment-meta">
  99.                                             <div class="comment-author vcard">
  100.                                                 <h6 class="fn">
  101.                                                     {{ comment.user.displayname }}
  102.                                                 </h6>
  103.                                             </div>
  104.                                         </header>
  105.                                         <div class="comment-content">
  106.                                             <p>
  107.                                                 {{ comment.text|nl2br }}
  108.                                             </p>
  109.                                         </div>
  110.                                         <footer class="comment-footer">
  111.                                             {% if is_granted('edit', comment) %}
  112.                                                 <span class="edit-link">
  113.                                                     <i class="far fa-trash-alt"></i>
  114.                                                     <a class="comment-edit-link" href="{{ path('delete_comment', {'commentid':comment.id}, relative = false) }}">Supprimer</a>
  115.                                                 </span>
  116.                                             {% endif %}
  117.                                             <span class="comment-metadata">
  118.                                                     <i class="far fa-clock"></i>
  119.                                                         <time>
  120.                                                             {{ comment.displaydate|date('d/m/Y') }}
  121.                                                         </time>
  122.                                                 </span>
  123.                                         </footer>
  124.                                     </article>
  125.                                 </li>
  126.                             {% endfor %}
  127.                         </ol>
  128.                         <div id="respond" class="comment-respond ls">
  129.                             <h5 class="comment-reply-title">Commenter</h5>
  130.                             <div class="card box-shadow rounded-0 pt-0 mb-4">
  131.                                 <div class="card-body">
  132.                                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  133.                                         {{ form(formcomment) }}
  134.                                     {% else %}
  135.                                         Pour pouvoir laisser un commentaire&nbsp;<a class="" href="{{ path('app_login', {}, relative = false) }}"
  136.                                            style="text-decoration: underline">connectez-vous</a>&nbsp;ou&nbsp;<a class="" href="{{ path('signup', {}, relative = false) }}"
  137.                                            style="text-decoration: underline">créez un compte</a>.
  138.                                     {% endif %}
  139.                                 </div>
  140.                             </div>
  141.                         </div>
  142.                         <!-- #respond -->
  143.                     </div>
  144.                 </main>
  145.             </div>
  146.         </div>
  147.     </section>
  148. {% endblock %}