templates/front/agenda.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ config.agendaTitre }}{% endblock %}
  5. {% block h1 %}
  6.     {{ config.agendaTitre }}
  7.     {% if app.user and is_granted('ROLE_MODO') %}
  8.         <a target="_blank" href="{{ path('app_admin_agenda_index') }}"><i class="text-danger" data-feather="unlock"></i></a>
  9.     {% endif %}
  10. {% endblock %}
  12. {% block ariane %}
  13.     <nav class="navigateur" aria-label="breadcrumb">
  14.         <ol class="breadcrumb">
  15.             <li class="breadcrumb-item"><a href="{{ path("home") }}">{{ config.titreAccueil }}</a></li>
  16.             <li class="breadcrumb-item active" aria-current="page">{{ config.agendaTitre }}</li>
  17.         </ol>
  18.     </nav>
  19. {% endblock %}
  21. {% block body %}
  24.     {% if config.agendaSrcImg %}
  25.         <div class="mx-12">
  26.             <img 
  27.                 src="{{ asset('images/configuration/' ~ config.agendaSrcImg) }}" 
  28.                 {% if config.agendaAltImg %}
  29.                     alt="{{ config.agendaAltImg }}" 
  30.                 {% endif %}
  31.                 {% if config.agendaTitleImg %}
  32.                     title="{{ config.agendaTitleImg }}"
  33.                 {% endif %}
  34.                 
  35.                 class="imgRatio rounded"
  36.             >
  37.         </div>
  38.     {% endif %}
  40.     {% if config.agendaDescription %}
  41.         <div class="my-4 mx-12 ck bg-white p-4 rounded">{{ config.agendaDescription|raw }}</div>
  42.     {% endif %}
  45.     {# <div class="my-4 mx-12  bg-white p-4 rounded">
  46.         <div class="text-center">
  47.             {% for year in years %}
  48.                 {% if yearActuel == year.annee %}
  49.                     <a class="bg-primary text-white px-3 py-2">{{ year.annee }}</a>
  50.                 {% elseif yearActuel > year.annee %}
  51.                     <a class="border border-primary px-3 py-2" href="{{ path('agenda', {'year' : year.annee, 'month' :  year.mois }) }}">{{ year.annee }}</a>
  52.                 {% elseif yearActuel < year.annee %}
  53.                     <a class="border border-primary px-3 py-2" href="{{ path('agenda', {'year' : year.annee, 'month' :  year.mois }) }}">{{ year.annee }}</a>
  54.                 {% endif %}
  55.             {% endfor %}
  56.         </div>
  58.         <div class="text-center mt-4">
  59.             {% for key,mois in moisAll %}
  61.                 {% if key == moisActuel %}
  62.                     <a class="bg-primary text-white px-2 py-2" >{{ mois.nom }}</a>
  63.                 {% else %}
  64.                     {% if mois.evenements %}
  65.                         <a class="border border-primary px-2 py-2" href="{{ path('agenda', {'year' : yearActuel, 'month' : key}) }}">{{ mois.nom }}</a>
  66.                     {% else %}
  67.                         <a class="px-2 py-2 bg-danger text-white">{{ mois.nom }}</a>
  68.                     {% endif %}
  69.                     
  70.                 {% endif %}
  71.             
  72.             {% endfor %}
  73.         </div>
  74.     </div> #}
  77.     
  79.     <div id="zoneAgenda">
  80.         {% include "front/_agenda_card.html.twig" %}
  81.     </div>
  82.     
  83.     
  84.     
  85. {% endblock %}
  87. {# {% block javascripts %}
  88.     <script src="{{ asset('js/cardShow.js') }}"></script>   
  89.     <script>
  90.         var elements = document.querySelectorAll(".taille");
  91.         sizeCard(elements);
  92.     </script>
  93. {% endblock %} #}
  97. {% block javascripts %}
  99.     <script src="{{ asset('js/cardShow.js') }}"></script>
  100.     <script>
  103.         $('body').on('click', '.changeYearMonth', function() {
  104.             let dataYear = $(this).data('year');
  105.             console.log(dataYear)
  106.             let dataMonth = $(this).data('month');
  107.             console.log(dataMonth)
  109.             const Params = new URLSearchParams();
  110.             Params.append('annee', dataYear);
  111.             Params.append('mois', dataMonth);
  112.             
  113.             const Url = new URL(window.location.href);
  114.     
  115.             fetch(Url.pathname + "?" + Params.toString() + "&ajax=xxx", {
  116.                 headers: {
  117.                     "X-Requested-With": "XMLHttpRequest"
  118.                 }
  119.             }).then(response => {
  120.                 return response.json()
  121.             }).then(data => {
  122.                 
  123.               const content = document.querySelector("#zoneAgenda");
  124.               content.innerHTML = data.content;
  125.               history.pushState({}, null, Url.pathname + "?" + Params.toString());
  127.               var elements = document.querySelectorAll(".taille");
  128.               sizeCard(elements);
  129.             
  131.             }).catch(e => alert(e));
  132.         });
  135.         
  136.         var elements = document.querySelectorAll(".taille");
  137.         sizeCard(elements);
  139.         $(window).on('resize', function() {
  140.             var elements = document.querySelectorAll(".taille");
  141.             sizeCard(elements);
  142.         });
  143.     </script>
  144.     
  145. {% endblock %}