templates/category/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base_homepage.html.twig' %}
  2. {% trans_default_domain 'category' %}
  3. {% block title %}
  4.     <title>{{ category.name }}</title>
  5. {% endblock %}
  6. {% block stylesheets %}
  7.     {{ encore_entry_link_tags('navbar') }}
  8.     {{ encore_entry_link_tags('footer') }}
  9.     {{ encore_entry_link_tags('category') }}
  12.     {{ parent() }}
  13.     <link rel="stylesheet" href="{{ asset('/css/page_category.css') }}"/>
  14.     <link rel="stylesheet" href="{{ asset('/css/subcategory.css') }}"/>
  16.     
  19. {% endblock %}
  21. {% block body %}
  22.     {# {% dump(subcategoriesForCompany) %} #}
  23.     <div class="showcase" style="width:100%; background-image: url('{{asset('/css/img/category/header/'~categoryOriginal.image~'')}}');background-position-x:center ; background-size: cover; background-repeat: no-repeat ">
  25.         {# {% include "navbar.html.twig" %} #}
  26.         <div id='navbar'></div>
  28.         <div class="div-title-category">
  29.             <div class="title-category">{{ category.name|trans|raw }}</div>
  30.         </div>
  31.     </div>
  33.     <div class="green-banner-category">
  34.         <div class="category-text">
  35.             {{ category.description }}
  36.         </div>
  37.     </div>
  39.     <div class="div-categorie-category">
  40.         <div class="categorie-title-category">
  41.             {{"Catégorie"|trans|raw }}
  42.             {{ category.name }}
  43.         </div>
  44.     </div>
  46.     {######### AFFICHAGE DE LA LISTE DES ENTREPRISES DE LA CATEGORIE ########}
  47.     <div id='category-root' data-idcat={{categoryOriginal.id}} data-namecat="{{categoryOriginal.name}}"></div>
  49.     {#########  PROGRAMMES GAEA 21 ###########}
  50.     <div class="div-programs">
  51.         <div class="container-programs">
  53.             <div class="dash-program-card">
  54.                 <img src="{{ asset('css/img/image_SLP.jpg') }}">
  55.             </div>
  57.             <div class="dash-program-card">
  58.                 <img src="{{ asset('css/img/image_GC.jpg') }}">
  59.             </div>
  61.             <div class="dash-program-card">
  62.                 <img src="{{ asset('css/img/image_GES.jpg') }}">
  63.             </div>
  65.         </div>
  66.     </div>
  68.     <div class="div-consultez-aussi">
  69.         <div class="container-consultez-aussi">{{"Consultez aussi" | trans}}</div>
  70.     </div>
  72.     <div class="div-other-cat">
  73.         <div class="container-other-cat">
  74.             {% set indice = 0 %}
  75.             {% for allcat in allcategories %}
  77.                 {% if allcat is same as(category) %}
  78.                     {# Pour ne pas afficher la carte de la category actuelle #}
  79.                     {# on n'incrémente pas l'indice si la category est pas affichée #}
  80.                     {% set indice = indice + 1%}
  81.                     <div onclick="location.href='/category/{{ allcat.slug }}'" class="card-allcat {% if  indice is divisible by(4) %} card_allcat_marg {{ indice }} {% endif %}">
  82.                         <div class="allcat-img">
  83.                             <img src="{{asset('/css/img/category/card/'~allcat.image~'')}}">
  84.                         </div>
  85.                         <div class="allcat-title">
  86.                             {{ allcat.name }}
  87.                         </div>
  88.                     </div>
  89.                 {% endif %}
  91.             {% endfor %}
  92.         </div>
  93.     </div>
  94.     {# {% include 'footer.html.twig' %} #}
  95.     <div id="footer"></div>
  96. {% endblock %}
  98. {% block javascripts %}
  99.     {{ encore_entry_script_tags('navbar') }}
  100.     {{ encore_entry_script_tags('footer') }}
  101.     {{ encore_entry_script_tags('category') }}
  103.     {# <script src="{{ asset('js/Show_categories/show_categories.js') }}"></script> #}
  104.     <script>// Passage de la liste des compagnies au script React chargé d'afficher les entreprises par catégorie
  105. // window.COMPANYLIST = {{ companyList | json_encode | raw }}
  106. // window.IDCATEGORY = {{ category.id }}
  107. </script>
  109. {% endblock %}