templates/clientWeb/community.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block section %}
  4. <section class="container-fluid p-0 mb-0">
  5. {% block slider %}
  6.     {% include('clientWeb/slider/slider.html.twig') %}
  7. {% endblock  %}
  8.     
  9.     <aside class="container py-0 my-3">
  10.         <div class="justify-content-center align-items-center mx-0 px-0 my-2 py-0 title-section">
  11.             <h2 class="title text-right mr-2 py-lg-2 py-0 my-lg-2 my-0">Livre d'or</h2>
  12.         </div>
  14.         <div class="row  mx-0 px-0 justify-content-center" id="presentationCard">
  15.                 
  16.             <div class="col-12" id="postList">
  17.                 <div class="row justify-content-center" id="accordion">
  18.                     {% if listComment is not null %}
  19.                     {% set index =1 %}
  20.                         {% for groupsComment in listComment %}
  21.                         <div class="col-12 card postGroup" id="postGroup">
  22.                             <div class="row justify-content-center">
  23.                                 <div class="col-12 card-header" id="postTitle{{ index }}">
  24.                                     <div class="row justify-content-center mx-0 px-0" >
  25.                                         <a class="btn btn-link btnCommunityPost col-md-10 col-8 text-left" data-toggle="collapse" data-target="#postContent{{ index }}" aria-expanded="true" aria-controls="postContent{{ index }}">
  26.                                             <p class="text my-0 py-0">Post&eacute; par <span class="text-dark">{{ groupsComment.userId.pseudonym }}</span> - date de publication {{ groupsComment.datePostComment|date("d/m/Y") }}</p>
  27.                                         </a>
  28.                                         <div class="col-md-2 col-4 text-right">
  29.                                             {% if groupsComment.notation == 5 %}
  30.                                                 {% set imgNotation = '5etoile.png' %}
  31.                                             {% elseif groupsComment.notation > 4.5 and groupsComment.notation < 5 or groupsComment.notation == 4.5 %}
  32.                                                 {% set imgNotation = '4_5etoile.png' %}
  33.                                             {% elseif groupsComment.notation > 4 and groupsComment.notation < 4.49 or groupsComment.notation == 4 %}
  34.                                                 {% set imgNotation = '4etoile.png' %}
  35.                                             {% elseif groupsComment.notation > 3.5 and groupsComment.notation < 4 or groupsComment.notation == 3.5 %}
  36.                                                 {% set imgNotation = '3_5etoile.png' %}
  37.                                             {% elseif groupsComment.notation > 3 and groupsComment.notation < 3.5 or groupsComment.notation == 3 %}
  38.                                                 {% set imgNotation = '3etoile.png' %}
  39.                                             {% elseif groupsComment.notation > 2.5 and groupsComment.notation < 3 or groupsComment.notation == 2.5 %}
  40.                                                 {% set imgNotation = '2_5etoile.png' %}
  41.                                             {% elseif groupsComment.notation > 2 and groupsComment.notation < 2.5 or groupsComment.notation == 2 %}
  42.                                                 {% set imgNotation = '2etoile.png' %}
  43.                                             {% elseif groupsComment.notation > 1.5 and groupsComment.notation < 2 or groupsComment.notation == 1.5 %}
  44.                                                 {% set imgNotation = '1_5etoile.png' %}
  45.                                             {% elseif groupsComment.notation > 1 and groupsComment.notation < 1.5 or groupsComment.notation == 1 %}
  46.                                                 {% set imgNotation = '1etoile.png' %}
  47.                                             {% elseif groupsComment.notation > 0.5 and groupsComment.notation < 1 or groupsComment.notation == 0.5 %}
  48.                                                 {% set imgNotation = '0_5etoile.png' %}
  49.                                             {% else %}
  50.                                                 {% set imgNotation = 'aucuneEtoile.png' %}
  51.                                             {% endif %}
  52.                                             <img class="img-fluid py-0 my-0" src="{{ absolute_url(asset('img/profil/' ~ imgNotation)) }}" />
  53.                                         </div>
  54.                                     </div>
  55.                                 </div>
  56.                                 <div class="collapse" aria-labelledby="postTitle{{ index }}" data-parent="#accordion" id="postContent{{ index }}">
  57.                                     <div class="card-body">
  58.                                         {{ groupsComment.comment|raw }}
  59.                                     </div>
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                         {% set index=index+1 %}
  64.                         {% endfor %}
  65.                     {% else %}
  66.                     <p class="text col-12">Aucun commentaires post&eacute;s</p>
  67.                     {% endif %}
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </aside>
  72.     {% if is_granted('ROLE_USER') %}
  73.     <aside class="container-fluid p-0 mx-0 my-5">
  74.         <div class="row justify-content-center">
  75.             {{ form_start(formPost, {'attr': {'class':'col-12 px-0'}}) }}
  76.                         
  77.                 
  78.                 <div class="row justify-content-center mx-0 px-0">
  79.                     
  80.                     <div class="col-md-10 col-sm-12 col-12 mx-0 px-0">
  81.                         <div class="row justify-content-center mb-2">
  82.                             {{ form_widget(formPost.comment) }}                
  83.                         </div>
  84.                     </div>
  85.                     <div class="col-md-10 col-sm-12 col-12 mx-0 px-0 my-3">
  86.                         <div class="row justify-content-center mb-2 form-check text-center">
  87.                             <h5 class="col-12 my-2 px-0 mx-0">Notez nous !</h5>
  88.                             <div class="col-12 my-2 px-0 mx-0">
  89.                                 <div class="row justify-content-center mx-0 px-0">
  90.                                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 mx-0 px-0">
  91.                                         <div class="row justify-content-center mx-0 px-0 iconRow">
  92.                                             <i class="col-1 px-0 mx-0 fa fa-star"></i><i class="col-1 px-0 mx-0 fa fa-star"></i><i class="col-1 px-0 mx-0 fa fa-star"></i><i class="col-1 px-0 mx-0 fa fa-star"></i><i class="col-1 px-0 mx-0 fa fa-star"></i>
  93.                                         </div>
  94.                                     </div>
  95.                                 </div>
  96.                             </div>
  97.                             <div class="col-12 px-0 mx-0 my-2">
  98.                                 <div class="row justify-content-center">
  99.                                     {{ form_widget(formPost.notation) }}         
  100.                                 </div>
  101.                             </div>       
  102.                         </div>
  103.                     </div>
  104.                     <div class="col-12 text-center mx-0 px-0">
  105.                         <button class="btn btn-lg my-2 font-weight-bold col-md-2 col-12" id="loginButton" type="submit">
  106.                             Publier
  107.                         </button>
  108.                     </div>
  109.                 </div>
  110.                 
  111.             {{ form_end(formPost) }}
  112.         </div>
  113.     </aside>
  114.     {% endif %}
  115. </section>
  116. {% endblock %}