templates/home/pagecategories.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ titre }}{% endblock %}
  5. {% block body %}
  7.     <div class="breadcrumb"><div class="container">
  8.         <a href="{{ path('home_page') }}">Accueil</a> / <a href="{{ path('categoriefiltre_page', { 'type': type, 'code' : 1, 'coche':coche }) }}">{{ titre }}</a></div>
  9.     </div>
  11.     <div class="container-main grid-categories">
  12.         
  13.         {# Menu categories large #}
  14.         <div class="navCategLarge">  
  15.         {% include './menu/navCategLarge.html.twig' %}    
  16.         </div>
  18.         <div class="centreCateg">
  19.             {# Titres #}
  20.             <h1 {% if type == 1%} class="color-protocole" {% else %} class="color-materiel" {% endif %}>{{ titre }}</h1> 
  21.             {% if soustitre == "Groupes" %}<h2>Type d'instruments</h2>{% elseif soustitre != "" %}<h2>{{ soustitre }}</h2> {% endif %}
  22.             {% if description != "" %}<div class="categorie-desc">{{ description | raw }}</div> {% endif %}
  24.             {# Menu categories small #}
  25.             <div class="navCategSmall">                  
  26.                 {% include './menu/navCategSmall.html.twig' %}    
  27.             </div>
  29.             {# Sous-catégories #}
  30.             {% if sscategories|length >0 %}  
  31.                 <div class="navsscateg">
  32.                     <h3 class="text-left margin-bottom-5">Catégories liées</h3>
  33.                     <ul>
  34.                     {% for child1 in sscategories|sort((a, b) => a.titre <=> b.titre) %}
  35.                         <li><i class="fas fa-angle-double-right"></i>
  36.                         <a href="{{ path('categoriefiltre_page', {'type': type, 'code':child1.id, 'coche':coche}) }}" >{{ child1.titre }}</span></a>
  37.                             {% if child1.categories|length > 0 %}  
  38.                                 <ul>
  39.                                 {% for child2 in child1.categories|sort((a, b) => a.titre <=> b.titre) %}
  40.                                     <li><i class="fas fa-angle-double-right"></i>
  41.                                     <a href="{{ path('categoriefiltre_page', {'type': type, 'code':child2.id, 'coche':coche}) }}">{% if child2.id == code %} <span class="navactive{{ type }}"> {% endif %}{{ child2.titre }}</span>
  42.                                     {% if child2.categories|length > 0 %}&nbsp;<a nohref class="filtre-down" onclick="afficheSousCategories('scat_{{ child2.id }}')">&nbsp;<i class="fas fa-angle-double-down"></i>&nbsp;</a> {% endif %}
  43.                                     </a>   
  44.                                 {% endfor %}  
  45.                                 </ul>
  46.                             {% endif %}  
  47.                         </li>
  48.                     {% endfor %}  
  49.                     </ul>
  50.                 </div>
  51.             {% endif %}
  53.             {% set tabexists = [] %} {# pour supprimer les doublons #}
  54.             {% if type==2 %}   
  56.                 {% if materiels|length >0 %}  
  57.                     <div class="grid-photos">
  58.                     {% for item in materiels|sort((a, b) => a.nom4Tri <=> b.nom4Tri) %}
  60.                         {% if item.id in tabexists or item.archive >0 %}
  61.                         {% else %}
  62.                             {% set tabexists = tabexists|merge([item.id]) %}
  63.                             <div class="laphoto">                    
  64.                                 <a href="{{ path('materiel_page', {'id': item.id}) }}">
  65.                                     {% if photos|length <=0 or photos[item.id] is null %}
  66.                                         <img src="{{ asset('assets/img/materiel.jpg') }}" />                                    
  67.                                     {% else %}
  68.                                         <img src="{{ asset('download/') }}{{ photos[item.id] }}" />
  69.                                     {% endif %}           
  70.                                     <h3>{{ item.nom }}</h3>
  71.                                 </a>
  72.                             </div>
  73.                         {% endif %}
  74.                     {% endfor %}  
  75.                 </div> 
  76.                 {% endif %}
  77.             {% else %}
  78.                 {% if protocoles|length >0 %}  
  79.                     <div class="grid-photos">
  80.                     {% for item in protocoles|sort((a, b) => a.titre4Tri <=> b.titre4Tri) %}
  81.                         {% if item.id in tabexists or item.archive >0 %}
  82.                         {% else %}
  83.                             {% set tabexists = tabexists|merge([item.id]) %}
  84.                             <div class="laphoto">                    
  85.                                 <a href="{{ path('protocole_page', {'id': item.id, 'nom': item.titre}) }}"> 
  86.                                     {% if photos|length <=0 or photos[item.id] is null %}
  87.                                         <img src="{{ asset('assets/img/protocole.jpg') }}" />                                    
  88.                                     {% else %}
  89.                                         <img src="{{ asset('download/') }}{{ photos[item.id] }}" />
  90.                                     {% endif %}    
  91.                                     <h3>{{ item.titre }}</h3> 
  92.                                 </a>
  93.                             </div>
  94.                         {% endif %}
  95.                     {% endfor %}  
  96.                 </div> 
  97.                 {% endif %}
  98.             {% endif %}
  99.         
  100.         </div>
  101.             
  102.     </div>
  103.     <br/><br/>
  104.    
  105. {% endblock %}
  108. {% block javascripts %} 
  109.     <script>
  111.         function afficheSousCategories(id) {
  112.             document.getElementById(id).classList.toggle('ul-hidden');
  113.         }
  115.         function filtreCoche (code) {
  116.             let url = document.getElementById('urlFiltre').value + '/' + code;
  117.             window.location.replace(url);
  118.         }
  120.         function afficheNavigationMobile() {
  121.             document.getElementById("navigationsmall").classList.toggle('active');
  122.         }
  123.     
  124.     </script> 
  125. {% endblock %}