templates/default/calendrier.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4. <meta name="description" content="Liste et détails des évènements du LIONS CLUB Laclaireau | comté de Chiny ">
  5. <title>Calendrier des évènements du  LIONS CLUB Laclaireau | comté de Chiny </title>
  6. {% endblock %}
  7. {% block body %}
  8. <div class="container">
  9. <div class="tr-content">
  10. <div class="row">
  11. <div class="col-md-8 col-lg-9 tr-sticky">
  12. <div class="theiaStickySidebar">
  13. <div class="breadcrumbs">
  14. <a href="{{path('app_default')}}">Accueil</a>
  15. <span>/&nbsp;</span>Calendrier
  16. <div class="post-counter">
  17. <span class="count-number">{{articles|length}}</span>
  18. <span class="count-text">Produits</span>
  19. </div>
  20. </div>
  22. {% if app.user and is_granted('ROLE_ADMIN') %}
  23. <a href="{{path('app_evenements_index')}}"><button type="button" class="btn btn-warning">Gérer les produits</button></a>
  24. <br><br>
  25. {% endif %}
  28. <div class="blog-list masonry clearfix">
  29. <div class="row">
  31. {% for res in evenements %}
  32. <div class="col-md-6 col-lg-4" style="margin-bottom:40px">
  33. <div class="masonry-item clearfix">
  34. <div class="blog-mask">
  36. <div class="blog-image">
  37. {% if res.image != 'ok' %}
  38. <a href="{{path('calendrierDetail',{'id':res.id})}}"><img src="{{asset('uploads/'~res.image)}}" alt="{{res.titre}}" class="img-thumbnail" style="height:240px"></a>
  39. {% else %}
  40. <a href="{{path('calendrierDetail',{'id':res.id})}}"><img src="{{asset('uploads/default.png')}}" alt="{{res.titre}}" class="img-thumbnail"style="height:240px"></a>
  41. {% endif %}
  42. </div>
  43. </div>
  44. <div class="blog-list-desc" style="height:250px">
  46. <h4><a href="{{path('calendrierDetail',{'id':res.id})}}">{{res.titre}}</a></h4>
  47. <label>
  48. <span>{{res.lieu}}‐</span> <br>le {{res.date|date('d')}} 
  49.                 {% if res.date|date('m') == '01' %}Janvier{% endif %}
  50.                 {% if res.date|date('m') == '02' %}Février{% endif %}
  51.                 {% if res.date|date('m') == '03' %}Mars{% endif %}
  52.                 {% if res.date|date('m') == '04' %}Avril{% endif %}
  53.                 {% if res.date|date('m') == '05' %}Mai{% endif %}
  54.                 {% if res.date|date('m') == '06' %}Juin{% endif %}
  55.                 {% if res.date|date('m') == '07' %}Juillet{% endif %}
  56.                 {% if res.date|date('m') == '08' %}Août{% endif %}
  57.                 {% if res.date|date('m') == '09' %}Septembre{% endif %}
  58.                 {% if res.date|date('m') == '10' %}Octobre{% endif %}
  59.                 {% if res.date|date('m') == '11' %}Novembre{% endif %}
  60.                 {% if res.date|date('m') == '12' %}Décembre{% endif %}
  61.              {{res.date|date('Y')}}
  63.              {% if res.heure != '' %}
  64.                 à {{res.heure}}
  65.              {% endif %}
  66. </label>
  67. {{res.resume|striptags|slice(0, 120)}} ...
  68. <br><br>
  69. {% if res.billeterie == 1 %}
  70. <span class="categories">
  71. <a href="{{path('calendrierDetail',{'id':res.id})}}">Acheter</a>
  72. </span>
  73. {% endif %}
  74. </div>
  75. </div>
  76. </div>
  77. {% endfor %}
  79. </div>
  80. </div>
  83. <style>
  84. .pagination{
  85.     justify-content: center;
  86.     margin-top:10px
  87. }
  88. .pagination span
  89. {
  90.     margin-right:10px
  91. }
  92. .pagination .current
  93. {
  94.       color: #fff;
  95.   font-size: 14px;
  96.   padding: 6px 9px;
  97.    width: 40px;
  98.   height:40px;
  99.   display: block;
  100.   background: #245097;
  101.   position: relative;
  102.   top: -2px;
  103.   -webkit-border-radius: 50%;
  104.   -moz-border-radius: 50%;
  105.   border-radius: 50%;
  106. }
  108. .pagination .page
  109. {
  110.       color: #fff;
  111.   font-size: 14px;
  112.   padding: 6px 9px;
  113.   width: 40px;
  114.   height:40px;
  115.   display: block;
  116.   background: #c3cad0;
  117.   position: relative;
  118.   top: -2px;
  119.   -webkit-border-radius: 50%;
  120.   -moz-border-radius: 50%;
  121.   border-radius: 50%;
  122. }
  123. .pagination a
  124. {
  125.       color: #fff !important;
  126. }
  128. .pagination .last a
  129. {
  130.     color: #245097 !important;
  131.       font-size: 25px;
  132.       padding: 6px 9px;
  133. }
  134. .next::before {
  135.   content: "";
  136. }
  137. .pagination .next a
  138. {
  139.     color: #245097 !important;
  140.       font-size: 25px;
  141.       padding: 6px 9px;
  142. }
  144. .pagination .first a
  145. {
  146.     color: #245097 !important;
  147.       font-size: 25px;
  148.       padding: 6px 9px;
  149. }
  151. .pagination .previous a
  152. {
  153.     color: #245097 !important;
  154.       font-size: 25px;
  155.       padding: 6px 9px;
  156. }
  158. </style>
  159. <div align="center">
  160. <div class="pagination" > 
  162. {{ knp_pagination_render(evenements) }}
  164. </div>
  165. </div>
  168. </div>
  169. </div>
  170. <div class="col-md-4 col-lg-3 tr-sticky">
  171. <div class="sidebar theiaStickySidebar">
  175. <div class="widget widget_categories">
  176. <h5>Catégories</h5>
  177. <ul>
  178.     <li><a href="{{path('calendrier')}}" {% if cActive == '' %}style="color: #245097;
  179. font-size: 20px;
  180. font-weight: 700;"{% endif %}>Tout</a></li>
  181.     {% for res in categories %}
  182.         <li><a href="{{path('calendrier',{'categorie':res.id})}}" {% if cActive == res.id %}style="color: #245097;
  183. font-size: 20px;
  184. font-weight: 700;"{% endif %}>{{res.libelle}}</a></li>
  185.     {% endfor %}
  187. </ul>
  189. {% if app.user and is_granted('ROLE_ADMIN') %}
  190. <a href="{{path('app_categories_evenements_index')}}"><button type="button" class="btn btn-warning">Gérer les catégories</button></a>
  191. <br><br>
  192. {% endif %}
  193. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. {% endblock %}