templates/default/press.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4. <meta name="description" content="Liste des articles de press du LIONS CLUB Laclaireau | comté de Chiny ">
  5. <title>Articles de press 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>Press
  17. <div class="post-counter">
  18. <span class="count-number">{{articles2|length}}</span>
  19. <span class="count-text">Articles de press</span>
  20. </div>
  21. </div>
  23. {% if app.user and is_granted('ROLE_ADMIN') %}
  24. <a href="{{path('app_articles_index',{'page':5})}}"><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.             <h4 style="height:70px;font-size:18px">{{res.description|raw}}</h4>
  39.             <label>
  40.             <span>{{res.titre}}&nbsp;‐</span> le {{res.date|date('d')}} 
  41.                 {% if res.date|date('m') == '01' %}Janvier{% endif %}
  42.                 {% if res.date|date('m') == '02' %}Février{% endif %}
  43.                 {% if res.date|date('m') == '03' %}Mars{% endif %}
  44.                 {% if res.date|date('m') == '04' %}Avril{% endif %}
  45.                 {% if res.date|date('m') == '05' %}Mai{% endif %}
  46.                 {% if res.date|date('m') == '06' %}Juin{% endif %}
  47.                 {% if res.date|date('m') == '07' %}Juillet{% endif %}
  48.                 {% if res.date|date('m') == '08' %}Août{% endif %}
  49.                 {% if res.date|date('m') == '09' %}Septembre{% endif %}
  50.                 {% if res.date|date('m') == '10' %}Octobre{% endif %}
  51.                 {% if res.date|date('m') == '11' %}Novembre{% endif %}
  52.                 {% if res.date|date('m') == '12' %}Décembre{% endif %}
  53.              {{res.date|date('Y')}}
  54.             </label>
  55.             <hr>
  56.         </div>
  57.     </div>
  58. </div>
  60. {% endfor %}
  68. </div>
  69. </div>
  72. <style>
  73. .pagination{
  74.     justify-content: center;
  75.     margin-top:10px
  76. }
  77. .pagination span
  78. {
  79.     margin-right:10px
  80. }
  81. .pagination .current
  82. {
  83.       color: #fff;
  84.   font-size: 14px;
  85.   padding: 6px 9px;
  86.    width: 40px;
  87.   height:40px;
  88.   display: block;
  89.   background: #245097;
  90.   position: relative;
  91.   top: -2px;
  92.   -webkit-border-radius: 50%;
  93.   -moz-border-radius: 50%;
  94.   border-radius: 50%;
  95. }
  97. .pagination .page
  98. {
  99.       color: #fff;
  100.   font-size: 14px;
  101.   padding: 6px 9px;
  102.   width: 40px;
  103.   height:40px;
  104.   display: block;
  105.   background: #c3cad0;
  106.   position: relative;
  107.   top: -2px;
  108.   -webkit-border-radius: 50%;
  109.   -moz-border-radius: 50%;
  110.   border-radius: 50%;
  111. }
  112. .pagination a
  113. {
  114.       color: #fff !important;
  115. }
  117. .pagination .last a
  118. {
  119.     color: #245097 !important;
  120.       font-size: 25px;
  121.       padding: 6px 9px;
  122. }
  123. .next::before {
  124.   content: "";
  125. }
  126. .pagination .next a
  127. {
  128.     color: #245097 !important;
  129.       font-size: 25px;
  130.       padding: 6px 9px;
  131. }
  133. .pagination .first a
  134. {
  135.     color: #245097 !important;
  136.       font-size: 25px;
  137.       padding: 6px 9px;
  138. }
  140. .pagination .previous a
  141. {
  142.     color: #245097 !important;
  143.       font-size: 25px;
  144.       padding: 6px 9px;
  145. }
  147. </style>
  148. <div align="center">
  149. <div class="pagination" > 
  151. {{ knp_pagination_render(articles) }}
  153. </div>
  154. </div>
  155.  
  157.  
  159. </div>
  160. </div>
  161. <div class="col-md-4 col-lg-3 tr-sticky">
  162. <div class="sidebar theiaStickySidebar">
  166. <div class="widget widget_categories">
  167. <h5>Filtres</h5>
  168. <ul>
  169. <li><a href="{{path('press')}}" {% if yActive == '' %}style="color: #245097;
  170. font-size: 20px;
  171. font-weight: 700;"{% endif %}>Tout</a></li>
  172. {% for res in years %}
  173. <li><a href="{{path('press',{'years':res})}}" {% if yActive == res %}style="color: #245097;
  174. font-size: 20px;
  175. font-weight: 700;"{% endif %}>{{res}}</a></li>
  176. {% endfor %}
  178. </ul>
  179. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. {% endblock %}