templates/default/activites.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4. <meta name="description" content="Retrouvez ici toutes les activités du LIONS CLUB Laclaireau | comté de Chiny">
  5. <title>Nos activités LIONS CLUB Laclaireau | comté de Chiny </title>
  6. {% endblock %}
  8. {% block body %}
  9. <div class="container">
  10. <div class="tr-content">
  11. <div class="row">
  12. <div class="col-md-8 col-lg-9 tr-sticky">
  13. <div class="theiaStickySidebar">
  14. <div class="breadcrumbs">
  15. <a href="{{path('app_default')}}">Accueil</a>
  16. <span>/&nbsp;</span>Activités
  17. <div class="post-counter">
  18. <span class="count-number">{{articles2|length}}</span>
  19. <span class="count-text">Activités</span>
  20. </div>
  21. </div>
  23. {% if app.user and is_granted('ROLE_ADMIN') %}
  24. <a href="{{path('app_articles_index',{'page':6})}}"><button type="button" class="btn btn-warning">Gérer les articles</button></a>
  25. <br><br>
  26. {% endif %}
  29. <div class="blog-list masonry clearfix">
  30. <div class="row">
  32. {% for res in articles %}
  33. <div class="col-md-6 col-lg-4">
  34.     <div class="masonry-item clearfix">
  36.         <div class="blog-list-desc">
  38.             
  39.             <a href="{{path('activiteDetail',{'id':res.id})}}" alt="{{res.titre}}">
  40.             <label>
  41.             <div style="height:40px"><span>{{res.titre}}</span>&nbsp;‐</div><br> le {{res.date|date('d')}} 
  42.                 {% if res.date|date('m') == '01' %}Janvier{% endif %}
  43.                 {% if res.date|date('m') == '02' %}Février{% endif %}
  44.                 {% if res.date|date('m') == '03' %}Mars{% endif %}
  45.                 {% if res.date|date('m') == '04' %}Avril{% endif %}
  46.                 {% if res.date|date('m') == '05' %}Mai{% endif %}
  47.                 {% if res.date|date('m') == '06' %}Juin{% endif %}
  48.                 {% if res.date|date('m') == '07' %}Juillet{% endif %}
  49.                 {% if res.date|date('m') == '08' %}Août{% endif %}
  50.                 {% if res.date|date('m') == '09' %}Septembre{% endif %}
  51.                 {% if res.date|date('m') == '10' %}Octobre{% endif %}
  52.                 {% if res.date|date('m') == '11' %}Novembre{% endif %}
  53.                 {% if res.date|date('m') == '12' %}Décembre{% endif %}
  54.              {{res.date|date('Y')}}
  55.             </label>
  56.             </a>
  57.             <hr>
  58.         </div>
  59.     </div>
  60. </div>
  62. {% endfor %}
  70. </div>
  71. </div>
  74. <style>
  75. .pagination{
  76.     justify-content: center;
  77.     margin-top:10px
  78. }
  79. .pagination span
  80. {
  81.     margin-right:10px
  82. }
  83. .pagination .current
  84. {
  85.       color: #fff;
  86.   font-size: 14px;
  87.   padding: 6px 9px;
  88.    width: 40px;
  89.   height:40px;
  90.   display: block;
  91.   background: #245097;
  92.   position: relative;
  93.   top: -2px;
  94.   -webkit-border-radius: 50%;
  95.   -moz-border-radius: 50%;
  96.   border-radius: 50%;
  97. }
  99. .pagination .page
  100. {
  101.       color: #fff;
  102.   font-size: 14px;
  103.   padding: 6px 9px;
  104.   width: 40px;
  105.   height:40px;
  106.   display: block;
  107.   background: #c3cad0;
  108.   position: relative;
  109.   top: -2px;
  110.   -webkit-border-radius: 50%;
  111.   -moz-border-radius: 50%;
  112.   border-radius: 50%;
  113. }
  114. .pagination a
  115. {
  116.       color: #fff !important;
  117. }
  119. .pagination .last a
  120. {
  121.     color: #245097 !important;
  122.       font-size: 25px;
  123.       padding: 6px 9px;
  124. }
  125. .next::before {
  126.   content: "";
  127. }
  128. .pagination .next a
  129. {
  130.     color: #245097 !important;
  131.       font-size: 25px;
  132.       padding: 6px 9px;
  133. }
  135. .pagination .first a
  136. {
  137.     color: #245097 !important;
  138.       font-size: 25px;
  139.       padding: 6px 9px;
  140. }
  142. .pagination .previous a
  143. {
  144.     color: #245097 !important;
  145.       font-size: 25px;
  146.       padding: 6px 9px;
  147. }
  149. </style>
  150. <div align="center">
  151. <div class="pagination" > 
  153. {{ knp_pagination_render(articles) }}
  155. </div>
  156. </div>
  157.  
  159.  
  161. </div>
  162. </div>
  163. <div class="col-md-4 col-lg-3 tr-sticky">
  164. <div class="sidebar theiaStickySidebar">
  168. <div class="widget widget_categories">
  169. <h5>Filtres</h5>
  170. <ul>
  171. <li><a href="{{path('activites')}}" {% if yActive == '' %}style="color: #245097;
  172. font-size: 20px;
  173. font-weight: 700;"{% endif %}>Tout</a></li>
  174. {% for res in years %}
  175. <li><a href="{{path('activites',{'years':res})}}" {% if yActive == res %}style="color: #245097;
  176. font-size: 20px;
  177. font-weight: 700;"{% endif %}>{{res}}</a></li>
  178. {% endfor %}
  180. </ul>
  181. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. {% endblock %}