templates/front/formation/index.html.twig line 1

  1. {% extends 'front_layout.html.twig' %}
  3. {% block title %}Formations{% endblock %}
  5. {% block body %}
  6. <main class="t-page">
  8.     {% set mediaPoleRecherche = null %}
  10.     {% for pole in poles %}
  11.         {% if (selectedPole is defined and selectedPole == pole.name) 
  12.                 or (selectedPole is not defined and pole.name == poleSearch) %}
  13.             {% set mediaPoleRecherche = pole.urlPole.banniere.filepath %}
  14.         {% endif %}
  15.     {% endfor %}
  17.     <header class="t-page__header"
  18.         {% if mediaPoleRecherche is not null %}
  19.             style="background-image: url('{{ asset('/uploads/medias/' ~ mediaPoleRecherche)|imagine_filter('banner') }}');"
  20.         {% else %}
  21.             style="background-image: url('/build/images/grey.jpg');"
  22.         {% endif %}
  23.     >
  24.         <h1 class="t-page__mainTitle">Formations</h1>
  25.     </header>
  27.     <div class="t-page__wrap">
  29.         {{ render(controller('App\\Controller\\WidgetController::breadcrumb', {'request': app.request})) }}
  31.         <div class="t-page__intro">
  32.             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
  33.             industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
  34.             scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
  35.             electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
  36.             Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
  37.             Aldus PageMaker including versions of Lorem Ipsum.
  38.         </div>
  39.     </div>
  41.     <section class="ptForm ptForm--formations">
  42.         <div class="ptForm__wrap">
  43.             <h2 class="ptForm__title">Je recherche ma formation</h2>
  44.             <form action="{{ path('app_formation_list') }}" data-controller="formation" data-formation-url-value="{{ path('change-select-ajax') }}" >
  45.                 {% include "front/formation/include/_recherche.html.twig" %}
  46.                 <div class="ptForm__row">
  47.                     <button class="ptForm__btn" type="submit">Rechercher
  48.                         <svg><use xlink:href="#caret-right"></use></svg>
  49.                     </button>
  50.                 </div>
  51.                 <div class="ptForm__row">
  52.                     <a href="{{ path('app_formation_list') }}" class="ptForm__btnClear" id="search__clean" type="button">Effacer les filtres</a>
  53.                 </div>
  54.             </form>
  55.                 
  56.         </div>
  57.     </section>
  58.     
  59.     {% if formations is not null %}
  60.     {% set poleUrl = app.request.query.get('pole') %}
  61.     {% set diplomeUrl = app.request.query.get('diplome') %}
  62.     {% set contratUrl = app.request.query.get('contrat') %}
  64.     <section class="rechercheFormations">
  65.         <div class="rechercheFormations__wrap" id="resultats-recherche-formation">
  67.             <div class="rechercheToolbar__top">
  68.                 <p class="rechercheToolbar__nbResult">Résultats de la recherche :
  69.                 {% if formations|length <= 1 %}
  70.                     {{ nbFormation }} formation
  71.                 {% else %}
  72.                     {{ nbFormation }} formations
  73.                 {% endif %}
  74.             </p>
  76.             
  78.             {# Pagination #}
  79.             {% set nbPaginate = app.request.query.get('page') %}
  81.             {% set domaine = app.request.query.get('domaine') %}
  82.                 {% if nbFormation > 10 %}
  83.                 <div class="pagination-ligne">               
  84.                     {# {% if nbPaginate > 1 %}
  85.                         <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", { 'page': nbPaginate - 1 }) }}">◀</a> 
  86.                     {% endif %} #}
  88.                     {% if app.request.query.get('domaine') %}
  89.                         {% if nbPaginate > 1 %}
  90.                             <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", {'pole': poleUrl, 'domaine': domaine, 'page': nbPaginate - 1 }) }}">◀</a>
  91.                         {% endif %}
  92.                     {% else %}
  93.                         {% if nbPaginate > 1 %}
  94.                             <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", { 'pole': poleUrl, 'domaine': domaine,'page': nbPaginate - 1 }) }}">◀</a> 
  95.                         {% endif %}
  96.                     {% endif %}                    
  98.                     {{ ttskch_paginator_pager() }}                 
  100.                         {# {{ dump(app.request.query.get('page')) }} #}
  101.                     {% set x = (app.request.query.get('page') is null) ?  2 : 1 %}
  103.                     {% if app.request.query.get('domaine') %}
  104.                         {% if (nbFormation / 10) > nbPaginate %}
  105.                             <a class="pagination-fleche-droite" href="{{ path("app_formation_list", {
  106.                                 'pole': poleUrl,
  107.                                 'domaine': domaine, 
  108.                                 'page': nbPaginate + x
  109.                                 }) }}">▶</a>
  110.                         {% endif %}
  111.                     {% else %}
  112.                         {% if (nbFormation / 10) > nbPaginate %}
  113.                             <a class="pagination-fleche-droite" href="{{ path("app_formation_list", { 
  114.                                 'pole': poleUrl,
  115.                                 'domaine': domaine,
  116.                                 'page': nbPaginate + x
  117.                                 }) }}">▶</a>
  118.                         {% endif %}
  119.                     {% endif %}                   
  120.                 </div>
  121.                 {% endif %}
  122.         </div>
  124.         <div class="rechercheFormations__grid">
  125.             {# <div class="rechercheFormations__domaines">
  126.                 <p class="rechercheFormations__filterTitle">Métiers</p>
  127.                 {% for domaine in domaines %}
  128.                     <a 
  129.                     href="{{ path('app_formation_list', {
  130.                         'pole': poleUrl ? poleUrl : null,
  131.                         'domaine': domaine.titreDomaine,
  132.                         'diplome': diplomeUrl ? diplomeUrl : null,
  133.                         'contrat': contratUrl ? contratUrl : null
  134.                         }) }}" 
  135.                     class="rechercheFormations__filterBtn">
  136.                         {{ domaine.titreDomaine }}
  137.                     </a>
  138.                 {% endfor %}
  139.             </div> #}
  141.             <div class="rechercheFormations__list">                    
  142.                 {% for formation in formations %}
  143.                     <a class="rechercheFormations__item" href="{{ path('app_formation_detail', {'formation': formation.id}) }}">
  144.                         {% if formation.banniere is not null %}
  145.                         <img class="rechercheFormations__img" src="{{ asset('/uploads/medias/' ~ formation.banniere.filepath)|imagine_filter('c250') }}" alt="{{ formation.banniere.alt }}">
  147.                         {% else %}
  148.                         <img class="rechercheFormations__img" src="https://placehold.co/250?text=*" alt="">
  149.                         {% endif %}
  150.                         
  151.                         <div class="rechercheFormations__content">
  152.                             <h3 class="rechercheFormations__title">{{ formation.titreFormation | slice(0,86) }}</h3>
  153.                             {% if formation.contenu is defined %}
  154.                             <div class="rechercheFormations__txt">{{ formation.contenu | striptags | slice(0,220) | raw }}…</div>
  155.                             {% endif %}
  156.                             {% if formation.domaineId.titreDomaine is defined %}
  157.                             <p class="rechercheFormations__domaine">
  158.                                 {% if formation.domaineId is not null %}
  159.                                     {{ formation.domaineId.titreDomaine }}
  160.                                 {% else %}
  161.                                     <p>Non renseigné</p>
  162.                                 {% endif %}
  163.                             </p>
  164.                             {% endif %}
  165.                         </div>
  166.                     </a>
  167.                 {% endfor %}
  169.                 {# Pagination #}
  170.                 {% set nbPaginate = app.request.query.get('page') %}
  172.                 {% set domaine = app.request.query.get('domaine') %}
  173.                     {% if nbFormation > 10 %}
  174.                     <div class="pagination-ligne">               
  175.                         {# {% if nbPaginate > 1 %}
  176.                             <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", { 'page': nbPaginate - 1 }) }}">◀</a> 
  177.                         {% endif %} #}
  179.                         {% if app.request.query.get('domaine') %}
  180.                             {% if nbPaginate > 1 %}
  181.                                 <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", {
  182.                                     'pole': poleUrl, 
  183.                                     'domaine': domaine, 
  184.                                     'page': nbPaginate - 1 
  185.                                     }) }}">◀</a>
  186.                             {% endif %}
  187.                         {% else %}
  188.                             {% if nbPaginate > 1 %}
  189.                                 <a class="pagination-fleche-gauche" href="{{ path("app_formation_list", { 
  190.                                     'pole': poleUrl, 
  191.                                     'domaine': domaine, 
  192.                                     'page': nbPaginate - 1 
  193.                                     }) }}">◀</a> 
  194.                             {% endif %}
  195.                         {% endif %}                    
  197.                         {{ ttskch_paginator_pager() }}                 
  199.                             {# {{ dump(app.request.query.get('page')) }} #}
  200.                         {% set x = (app.request.query.get('page') is null) ?  2 : 1 %}
  201.     
  202.                         {% if app.request.query.get('domaine') %}
  203.                             {% if (nbFormation / 10) > nbPaginate %}
  204.                                 <a class="pagination-fleche-droite" href="{{ path("app_formation_list", {
  205.                                     'pole': poleUrl,
  206.                                     'domaine': domaine, 
  207.                                     'page': nbPaginate + x
  208.                                     }) }}">▶</a>
  209.                             {% endif %}
  210.                         {% else %}
  211.                             {% if (nbFormation / 10) > nbPaginate %}
  212.                                 <a class="pagination-fleche-droite" href="{{ path("app_formation_list", { 
  213.                                     'pole': poleUrl,
  214.                                     'domaine': domaine, 
  215.                                     'page': nbPaginate + x
  216.                                     }) }}">▶</a>
  217.                             {% endif %}
  218.                         {% endif %}                   
  219.                     </div>
  220.                     {% endif %}
  221.             </div>
  222.         </div>
  224.         <div class="rechercheToolbar__bottom">
  225.             &nbsp;
  226.             {# <div class="rechercheToolbar__pagi">TODO: Pagination</div> #}
  227.         </div>
  229.     </section>
  230.     {% endif %}
  232.     {% include 'front/includes/_homeActus.html.twig' %}
  233.     {% include 'front/includes/_homeAnnonces.html.twig' %}
  234.     
  235. </main>
  236. {% endblock %}