templates/accueil/forum_question.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3.      {% block stylesheets %}
  4.          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"
  5.                integrity="sha256-46r060N2LrChLLb5zowXQ72/iKKNiw/lAmygmHExk/o=" crossorigin="anonymous"/>
  6.          <link rel="stylesheet" href="{{ asset('assets/css/forum.css') }}"/>
  7.          <style>
  8.              .card {
  9.                  border: 1px !important;
  10.              }
  12.              .card-answer {
  13.                  border-radius: 3px;
  14.                  transition: .3s;
  17.              }
  19.              .card-answer .text-secondary:nth-child(1) {
  20.                  background: #f5f3f3;
  21.                  margin-bottom: 5px;
  22.              }
  24.          </style>
  25.      {% endblock %}
  27. {% block body %}
  28.     <main class="main pages">
  29.         <div class="page-header breadcrumb-wrap">
  30.             <div class="container">
  31.                 <div class="breadcrumb">
  32.                     <a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  33.                     <span></span> <a href="{{ path('app_accueil_forum_index') }}" rel="nofollow">Forum </a>
  34.                 </div>
  36.             </div>
  37.         </div>
  39.         <div class="container">
  40.             <div class="row">
  41.                 <div class="col-xl-12 col-lg-12 m-auto">
  42.                     <section class="text-left">
  43.                         <h3 class="title pt-20 mb-5"> {{ question.title }} </h3>
  44.                         <div class="author-image mb-30">
  45.                             <a href="#"><img src="assets/imgs/blog/author-1.png" alt="" class="avatar"></a>
  46.                             <div class="author-infor">
  47.                                 <h5 class="mb-5"> {{ question.user.prenoms ~ ' ' ~ question.user.nom }}</h5>
  48.                                 <p class="mb-0 text-muted font-xs">
  49. {#                                    <span class="mr-10">306 posts</span>#}
  50. {#                                    <span class="has-dot">Since 2012</span>#}
  51.                                 </p>
  52.                             </div>
  53.                         </div>
  55.                     </section>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.         <div class="page-content  pb-40">
  61.             <div class="container">
  62.                 <div class="row" style="background-color: #f7fafb">
  64.                     <div class="col-xl-12 col-lg-12 m-auto">
  65.                         <div class="p-2 border-radius-15">
  66.                             {{ question.description | raw }}
  67.                         </div>
  69.                     </div>
  70.                 </div>
  73.             </div>
  75.         </div>
  76.         <hr>
  77.         <div class="container">
  78.             <div class="row">
  79.                 <div class="col-12">
  80.                     <div class="mb1">
  81.                         <h2 class="h3 mt3 mb1">
  82.                             <forum-count count="2"> {{ question.answers | length }} réponses</forum-count>
  83.                         </h2>
  84.                         <hr>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         </div>
  91.         <hr>
  92.         <div class="container">
  93.             <div class="row">
  94.                 <div class="col-12">
  96.                     {% for reponse in question.answers %}
  98.                         <div class="card card-answer mb-2">
  99.                             <div class="card-body p-2 p-sm-3">
  100.                                 <div class="media forum-item">
  101.                                     <a href="{{ path('app_accueil_forum_question',{'id':question.id}) }}"
  102.                                        data-toggle="collapse" data-target=".forum-content">
  103.                                         <span class="Avatar mr-3"
  104.                                               style="--avatar-bg:#e5a0cb;">{{ reponse.user.prenoms|slice(0,1)|upper }}</span></a>
  106.                                         <div class="media-body">
  107.                                             <p class="text-muted"><a
  108.                                                         href="javascript:void(0)"> {{ reponse.user.prenoms ~ ' ' ~ reponse.user.nom }} </a>
  109.                                                 <span class="text-secondary font-weight-bold">13 minutes ago</span></p>
  110.                                             {#                                            <h6><a href="{{ path('app_accueil_forum_question',{'id':question.id}) }}" data-toggle="collapse" data-target=".forum-content" class="text-body">{{ question.title }}</a></h6> #}
  111.                                             <p class="text-secondary">
  112.                                                 {{ reponse.answer }}
  113.                                             </p>
  115.                                         </div>
  116.                                         {#                                        <div class="text-muted small text-center align-self-center"> #}
  117.                                         {#                                            <span class="d-none d-sm-inline-block"><i class="far fa-eye"></i> 0</span> #}
  118.                                         {#                                            <span><i class="far fa-comment ml-2"></i> 0</span> #}
  119.                                         {#                                        </div> #}
  120.                                 </div>
  121.                             </div>
  123.                         </div>
  126.                     {% endfor %}
  127.                 </div>
  128.                 <div class="col-12 pt-4">
  129.                     <div class="card card-answer mb-2">
  130.                         <div class="card-body p-2 p-sm-3">
  131.                             {{ form_start(form,{'action': path('app_accueil_forum_answer',{'id': question.id})}) }}
  132.                             {{ form_widget(form) }}
  133.                             <button class="btn btn-primary float-lg-end">{{ button_label|default('Envoyer la reponse') }}</button>
  134.                             {{ form_end(form) }}
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </main>
  141. {% endblock %}