templates/front/ssr35.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ r.nom }} | {{ ssr.nom }}{% endblock %}
  5. {% block h1 %}
  6.     {{ ssr.nom }}
  7.     {% if app.user and is_granted('ROLE_MODO') %}
  8.         <a target="_blank" href="{{ path('app_admin_sous_rubrique_show', {'uuid': ssr.uuid}) }}"><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.             {% if rubrique.rubrique3.statut %}
  17.                 <li class="breadcrumb-item"><a href="{{ path('rubriques', {slug:r.slug })}}">{{ r.nom }}</a></li>
  18.             {% endif %}
  19.             <li class="breadcrumb-item active" aria-current="page">{{ ssr.nom }}</li>
  20.         </ol>
  21.     </nav>
  22. {% endblock %}
  24. {% block body %}
  26.     {% if ssr.phrase %}
  27.         <div class="my-4 mx-12 bg-white p-4 rounded ck">{{ ssr.phrase|raw }}</div>
  28.     {% endif %}
  30.     {% if ssr.srcImg %}
  31.         <div class="mx-12">
  32.             <img 
  33.                 src="{{ asset('images/sousrubrique/' ~ ssr.srcImg) }}" 
  34.                 {% if ssr.altImg %}
  35.                     alt="{{ ssr.altImg }}" 
  36.                 {% endif %}
  37.                 {% if ssr.titleImg %}
  38.                     title="{{ ssr.titleImg }}" 
  39.                 {% endif %}
  41.                 class="imgRatio rounded"
  42.             >
  43.         </div>
  44.     {% endif %}
  47.     {% if ssr.description %}
  48.         <div class="my-4 mx-12  bg-white p-4 rounded ck">{{ ssr.description|raw }}</div>
  49.     {% endif %}
  52.     {% if categories %}
  54.         {# <div class="text-end me-2">
  55.             <button type="button" class="btnTransparent text-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  56.                 {% include "svg/svg-filter.html.twig" %} ({{ count }})
  57.             </button>
  58.         </div> #}
  60.         <div class="row justify-content-center mx-0">
  61.             {% for categorie in categories %}
  62.                 
  63.                 <div class="col-md-6  mt-4">
  64.                     <a href="{{ path('agora_categorie', {slug: r.slug , slug2: ssr.slug, slug3: categorie.slug}) }}">
  65.                         <div class="p-4 bg-white rounded taille">
  67.                             <h3 class="text-center titreH3">{{ categorie.nom }}</h3>
  69.                             <div class="text-center mb-4">
  70.                                 <img 
  71.                                     src="{{ asset('images/categorie/' ~ categorie.src) }}" 
  73.                                     {% if categorie.alt %}
  74.                                         alt="{{ categorie.alt }}" 
  75.                                     {% endif %}
  77.                                     {% if categorie.title %}
  78.                                         title="{{ categorie.title }}"
  79.                                     {% endif %}
  81.                                     class="img80Dpx"
  82.                                 >
  83.                             </div>
  85.                             {% if categorie.intro %}
  86.                                 <div class="text-center ck">
  87.                                     {{ categorie.intro|raw }}
  88.                                 </div>   
  89.                             {% endif %}
  91.                             <div class="text-end">
  92.                                 <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="#0B6BA8" viewBox="0 0 32 32"><path d="M31.71,15.29l-10-10L20.29,6.71,28.59,15H0v2H28.59l-8.29,8.29,1.41,1.41,10-10A1,1,0,0,0,31.71,15.29Z"/></g></svg>
  93.                             </div>
  95.                         </div>
  96.                     </a>
  97.                 </div>
  98.             
  99.             {% endfor %}
  100.         </div>
  102.     {# {% else %}
  103.         <h4 class="text-center text-danger fst-italic my-4  mx-12 bg-white p-4 rounded">{{ config.messageDefault }}</h4> #}
  104.     {% endif %}
  106.     {# <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  107.         <div class="modal-dialog modal-lg">
  108.         {{form_start(form)}}
  109.             <div class="modal-content">
  110.                 <div class="modal-header">
  111.                     <h5 class="modal-title" id="exampleModalLabel">Filtres</h5>
  112.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  113.                 </div>
  114.                 <div class="modal-body">
  116.                     <div class="row align-items">
  117.                         <div class="col-md-6">
  118.                             {{form_row(form.recherche)}}
  119.                         </div>
  120.                         <div class="col-md-6">
  121.                             {{form_row(form.order)}}
  122.                         </div>
  123.                     </div>     
  125.                 </div>
  126.                 <div class="modal-footer">
  127.                     <a class="btn btn-dark" href="{{ path('ssrubriques', {slug: r.slug, slug2 : ssr.slug }) }}">Réinitialiser</a>
  128.                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
  129.                     <button type="submit" class="btn btn-primary">Rechercher</button>
  130.                 </div>
  131.             </div>
  132.             {{form_end(form)}}
  133.         </div>
  134.     </div> #}
  137. {% endblock %}
  139. {% block javascripts %}
  140.     <script src="{{ asset('js/cardShow.js') }}"></script>   
  141.     <script>
  142.         var elements = document.querySelectorAll(".taille");
  143.         sizeCard(elements);
  144.     </script>
  145. {% endblock %}