templates/content/users/userComment_page.html.twig line 1

Open in your IDE?
  1. <header class="page-header page-header-compact page-header-light border-bottom bg-white mb-4 positionToHeader">
  2.     <div class="container-fluid px-4">
  3.         <div class="page-header-content">
  4.             <div class="row align-items-center justify-content-between pt-3">
  5.                 <div class="col-auto">
  6.                     <h1 class="text-center text-uppercase "><i class="bi bi-chat-square-text"></i> Mes Avis</h1>
  7.                     <p class="text-center">Retrouver vos avis.</p>
  8.                 </div>
  9.                 <div class="col-12 col-xl-auto mb-3">
  10.                     <a class="btn btn-sm btn-primary " href="{{path('app_home')}}">
  11.                         <i class="bi bi-house-fill"></i> &nbsp;
  12.                         Accueil
  13.                     </a>
  14.                 </div>
  15.             </div>
  16.         </div>
  17.     </div>
  18. </header>
  20. <div class="container-xl px-4 ">
  22.     <div class="card mb-4 ">
  23.         <div class="card-header">Mes Avis</div>
  24.         <div class="card-body">
  25.             <table id="datatablesSimple">
  26.                 <thead>
  28.                     <tr>
  29.                         <th>Date</th>
  30.                         <th>Commentaire</th>
  31.                         <th>Note</th>
  32.                         <th>Reponse</th>
  33.                     </tr>
  34.                 </thead>
  35.                 <tfoot>
  36.                     <tr>
  37.                         <th>Date</th>
  38.                         <th>Commentaire</th>
  39.                         <th>Note</th>
  40.                         <th>Reponse</th>
  41.                     </tr>
  42.                 </tfoot>
  43.                 <tbody>
  45.                     {% for avis in clientAvis %}
  46.                     <tr>
  48.                         <td>{{avis.datePost|date|format_datetime(locale='fr')}}</td>
  49.                         <td>{{avis.commentaire}}</td>
  50.                         <td>{% if avis.note == 0 %}
  51.                             <p class="text-center  small text-primary">
  52.                                 <i class="bi bi-star"></i>
  53.                                 <i class="bi bi-star"></i>
  54.                                 <i class="bi bi-star"></i>
  55.                                 <i class="bi bi-star"></i>
  56.                                 <i class="bi bi-star"></i>
  57.                             </p>
  58.                             {% elseif avis.note == 0.5 %}
  59.                             <p class="text-center  small text-primary">
  60.                                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  61.                                 <i class="bi bi-star"></i>
  62.                                 <i class="bi bi-star"></i>
  63.                                 <i class="bi bi-star"></i>
  64.                                 <i class="bi bi-star"></i>
  65.                             </p>
  66.                             {% elseif avis.note == 1 %}
  67.                             <p class="text-center  small text-primary">
  68.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  69.                                 <i class="bi bi-star"></i>
  70.                                 <i class="bi bi-star"></i>
  71.                                 <i class="bi bi-star"></i>
  72.                                 <i class="bi bi-star"></i>
  73.                             </p>
  74.                             {% elseif avis.note == 1.5 %}
  75.                             <p class="text-center  small text-primary">
  76.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  77.                                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  78.                                 <i class="bi bi-star"></i>
  79.                                 <i class="bi bi-star"></i>
  80.                                 <i class="bi bi-star"></i>
  81.                             </p>
  82.                             {% elseif avis.note == 2 %}
  83.                             <p class="text-center  small text-primary">
  84.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  85.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  86.                                 <i class="bi bi-star"></i>
  87.                                 <i class="bi bi-star"></i>
  88.                                 <i class="bi bi-star"></i>
  89.                             </p>
  90.                             {% elseif avis.note == 2.5 %}
  91.                             <p class="text-center  small text-primary">
  92.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  93.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  94.                                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  95.                                 <i class="bi bi-star"></i>
  96.                                 <i class="bi bi-star"></i>
  97.                             </p>
  98.                             {% elseif avis.note == 3 %}
  99.                             <p class="text-center  small text-primary">
  100.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  101.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  102.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  103.                                 <i class="bi bi-star"></i>
  104.                                 <i class="bi bi-star"></i>
  105.                             </p>
  106.                             {% elseif avis.note == 3.5 %}
  107.                             <p class="text-center  small text-primary">
  108.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  109.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  110.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  111.                                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  112.                                 <i class="bi bi-star"></i>
  113.                             </p>
  114.                             {% elseif avis.note == 4 %}
  115.                             <p class="text-center  small text-primary">
  116.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  117.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  118.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  119.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  120.                                 <i class="bi bi-star"></i>
  121.                             </p>
  122.                             {% elseif avis.note == 4.5 %}
  123.                             <p class="text-center  small text-primary">
  124.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  125.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  126.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  127.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  128.                                 <i class="bi bi-star-half" style="color: #d78316;"></i>
  129.                             </p>
  130.                             {% elseif avis.note == 5 %}
  131.                             <p class="text-center  small text-primary">
  132.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  133.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  134.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  135.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  136.                                 <i class="bi bi-star-fill" style="color: #d78316;"></i>
  137.                             </p>
  138.                             {% endif %}
  139.                         </td>
  141.                         {% if avis.reponse %}
  142.                         <td>{{avis.reponse}}Reponse</td>
  143.                         {%else%}
  144.                         <td></td>
  145.                         {%endif%}
  146.                     </tr>
  147.                     {% endfor %}
  148.                 </tbody>
  149.             </table>
  150.         </div>
  151.     </div>
  153. </div>