templates/front/rubriques.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ r.nom }}{% endblock %}
  5. {% block h1 %}
  6.     {{ r.nom }}
  8.     {% if app.user and is_granted('ROLE_MODO') %}
  9.         <a target="_blank" href="{{ path('app_admin_rubrique_show', {'uuid': r.uuid}) }}"><i class="text-danger" data-feather="unlock"></i></a>
  10.     {% endif %}
  12. {% endblock %}
  14. {% block ariane %}
  15.     <nav class="navigateur" aria-label="breadcrumb">
  16.         <ol class="breadcrumb">
  17.             <li class="breadcrumb-item"><a href="{{ path("home") }}">{{ config.titreAccueil }}</a></li>
  18.             <li class="breadcrumb-item active" aria-current="page">{{ r.nom }}</li>
  19.         </ol>
  20.     </nav>
  21. {% endblock %}
  23. {% block body %}
  25.     {% if r.phrase %}
  26.         <div class="my-4 mx-12 bg-white p-4 rounded ck">{{ r.phrase|raw }}</div>
  27.     {% endif %}
  29.     {% if r.srcImg %}
  30.         <div class="mx-12">
  31.             <img 
  32.                 src="{{ asset('images/rubrique/' ~ r.srcImg) }}"
  33.                 {% if r.altImg %}
  34.                     alt="{{ r.altImg }}" 
  35.                 {% endif %} 
  36.                 {% if r.titleImg %}
  37.                     title="{{ r.titleImg }}"
  38.                 {% endif %} 
  39.                 class="imgRatio rounded"
  40.             >
  41.         </div>
  42.     {% endif %}
  44.     {% if r.description %}
  45.         <div class="my-4 mx-12  bg-white p-4 rounded ck" >{{ r.description|raw }}</div>
  46.     {% endif %}
  48.     <div class="row mt-4 mx-0">
  50.         {% for item in ssr %}
  52.             <div class="col-md-6 col-12">
  53.                 <a href="{{ path('ssrubriques', {slug: r.slug, slug2 : item.slug }) }}" class="d-block text-end">
  54.                     <div class="rounded bg-white p-2 mb-4">
  56.                         <div class="p-3 text-center">
  57.                             <h2 class="text-center my-4 cardShow">{{ item.nom }}</h2>
  58.                             {% if item.src %}
  59.                                 <div class="text-center">
  60.                                         <img 
  61.                                             src="{{ asset('images/sousrubrique/' ~ item.src) }}" 
  62.                                                 {% if item.alt %}
  63.                                                 alt="{{ item.alt }}"  
  64.                                                 {% endif %}
  65.                                                 {% if item.title %}
  66.                                                 title="{{ item.title }}" 
  67.                                                 {% endif %}
  68.                                             class="img80Dpx"
  69.                                         >
  70.                                 </div>
  71.                             {% endif %}
  72.                         </div>
  74.                         <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>
  75.                         
  76.                     </div>
  77.                 </a>
  78.             </div>
  80.         {% endfor %}
  82.     </div>
  83.     
  84. {% endblock %}
  87. {% block javascripts %}
  88.     <script src="{{ asset('js/cardShow.js') }}"></script>   
  89.     <script>
  90.         var elements = document.querySelectorAll(".cardShow");
  91.         sizeCard(elements);
  92.     </script>
  93. {% endblock %}