templates/sousmenu/annonces.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Annonces{% endblock %}
  5. {% block body %}
  6.    <!-- Page Header Start -->
  7.         <div class="page-header">
  8.             <div class="container">
  9.                 <div class="row">
  10.                     <div class="col-12">
  11.                         <h2>Annonces</h2>
  12.                     </div>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.         <!-- Page Header End -->
  17.         
  18.         
  19.         <!-- Blog Start -->
  20.         <div class="blog">
  21.             <div class="container">
  22.                 <div class="section-header text-center">
  23.                     <p>Nos annonces</p>
  24.                     <h2>Dernières annonces directement depuis notre blog</h2>
  25.                 </div>
  26.                     <div class="row">
  27.                     {% for act in annonces %}
  28.                         <div class="col-lg-4">
  29.                             <div class="blog-item">
  30.                                 <div class="blog-img">
  31.                                     <img src="{{  asset('upload/' ~ act.image[0]) }}" alt="im1">
  32.                                 </div>
  33.                                 <div class="blog-text">
  34.                                     <h3>{{ act.title|raw}}</h3>
  36.                                     <p>
  37.                                         {{ act.content|slice(0,100)|raw}}
  38.                                     </p>
  39.                                    
  40.                                
  41.                                     <h3><a href="{{ path('annonces_show', {"id":act.id}) }}">Lire la suite</a></h3>
  42.                                 </div>
  43.                                 
  44.                             </div>
  45.                         </div>
  46.                     {% else %}
  47.                         <tr>
  48.                             <td colspan="5" class="text-center">Aucune information trouvée</td>
  49.                         </tr> 
  50.                     {% endfor %} 
  53.                 </div> 
  55.                     {% if totalPages > 1 %}
  56.                         <div id="pagination"></div>
  57.                     {% endif %}
  58.                     
  60.                 
  61. {% block javascripts %}
  62.                 <script>
  63.                     var currentPage = {{ currentPage }};
  64.                     var totalPages = {{ totalPages }};
  65.                     var pagination = document.getElementById('pagination');
  66.                     var link;
  68.                     for (var i = 1; i <= totalPages; i++) {
  69.                         link = document.createElement('a');
  70.                         link.href = "{{ path('app_sousmenu_annonces') }}?page=" + i;
  71.                         link.innerText = i;
  73.                         if (i === currentPage) {
  74.                             link.classList.add('active');
  75.                         }
  77.                         pagination.appendChild(link);
  78.                     }
  79.                 </script>
  81. {% endblock javascripts %}
  82.                 {# <div class="row">
  83.                     <div class="col-12">
  84.                         <ul class="pagination justify-content-center">
  85.                             {# <li class="page-item disabled"><a class="page-link" href="">Précédent</a></li> }
  86.                             <li class="page-item active"><a class="page-link" href="/annonces?page=1">1</a></li>
  87.                             <li class="page-item "><a class="page-link" href="/annonces?page=2">2</a></li>
  88.                             <li class="page-item"><a class="page-link" href="/annonces?page=3">3</a></li>
  89.                             {# <li class="page-item"><a class="page-link" href="#">Suivant</a></li> }
  90.                         </ul> 
  91.                     </div>
  92.                 </div> #}
  93.             </div>
  94.         </div>
  95.         <!-- Blog End -->
  96.  
  97. {% endblock %}