templates/blocks/articles.html.twig line 1

Open in your IDE?
  1. {% set introClass = "team-project-section" %}
  2. <div class="preview-article mt-1em">
  3.     {% if block.articles_smart_content is defined and block.articles_smart_content is not empty and block.articles_smart_content|length > 0 %}
  4.         {% if block.filter == "fiches_territoires" %}
  5.             {% include "filter/sub-filters/type-territoire.html.twig" %}
  6.         {% endif %}
  7.         <div class="dflex jcsb button-container fwwrap">
  8.             <div class="dflex jcsb w100 fwwrap filter-count">
  9.                 {% if block.filter != "fiches_territoires" and block.filter != "experiences" %}
  10.                     <button id="filter" class="bgblue cwhite shadow-button jcsa br6 fs14 fw400 lh20 visible {% if block.filter == 'experiences' %} filter-experiences-custom {% else %} toggleable{% endif %} {{ introClass }}">
  11.                         <img src="/resources/img/filter-icon.svg" width="14" height="16" alt="" loading="lazy">
  12.                         Filtrer
  13.                     </button>
  14.                 {% endif %}
  15.                 {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  16.                     {% set placeholder = '' %}
  17.                     {% if block.filter == 'fiches_territoires' %}
  18.                         {% set placeholder = 'Recherchez des territoires' %}
  19.                     {% endif %}
  20.                     {% if block.filter == 'experiences' %}
  21.                         {% set placeholder = 'Recherchez des expériences' %}
  22.                     {% endif %}
  24.                     <div class="dflex w100">
  25.                         <div class="prelative document-search-cont">
  26.                             <input placeholder="{{ placeholder }}" id="document-search" name="q" class="br6 p-1em">
  27.                             <div class="icon-cont pabsolute dflex aic jcc">
  28.                                 <img class="loupe" src="/resources/img/search-icon.svg" alt="Icone de recherche loupe" style="pointer-events: none;" width="16" height="16" loading="lazy">
  29.                             </div>
  30.                         </div>
  31.                         {% if block.filter == 'experiences' %}
  32.                             {% include "filter/experiences_filter.html.twig" %}
  33.                         {% endif %}
  34.                     </div>
  35.                 {% endif %}
  36.             </div>
  37.             {% set elems = 9 %}
  38.             {% if block.filter != "fiches_territoires" and block.filter != "experiences" %}
  39.                 <div class="toggleable visible aic">
  40.                     {% set elems = 9 %}
  41.                     <label for="elems-number">
  42.                         Éléments par page :
  43.                     </label>
  44.                     {% if block.filter == "articles" %}
  45.                         {% set elems = 9 %}
  46.                     {% elseif block.filter == "agenda" %}
  47.                         {% set elems = 8 %}
  48.                     {% elseif block.filter == "aapami" %}
  49.                         {% set elems = 12 %}
  50.                     {% elseif block.filter == "offre" %}
  51.                         {% set elems = 10 %}
  52.                     {% elseif block.filter == "newsletters" or block.filter == "analyses" or block.filter == "guides_outils" %}
  53.                         {% set elems = 6 %}
  54.                     {% endif %}
  55.                     {% include "blocks/sub-blocks/elems-number.html.twig" with {number: elems} %}
  56.                 </div>
  57.             {% endif %}
  58.             {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  59.                 <div class="switch-map-cont">
  60.                     <button class="switch-map-btn">Carte</button>
  61.                 </div>
  62.             {% endif %}
  63.         </div>
  64.         {% set structure = '' %}
  65.         {% if block.filter %}
  66.             {% if block.filter == "annuaire" %}
  67.                 {% include "filter/annuaire_filter.html.twig" %}
  68.                 {% set structure = 'annuaire' %}
  69.             {% elseif block.filter == "experiences" %}
  70.                 {% set structure = 'experiences' %}
  71.             {% elseif block.filter == "fiches_territoires" %}
  72.                 {% set structure = 'fiches_territoires' %}
  73.             {% elseif block.filter == "articles" %}
  74.                 {% include "filter/articles_filter.html.twig" %}
  75.                 {% set structure = 'articles' %}
  76.             {% elseif block.filter == "guides_outils" %}
  77.                 {% include "filter/articles_filter.html.twig" %}
  78.                 {% set structure = 'guides_outils' %}
  79.             {% elseif block.filter == "agenda" %}
  80.                 {% include "filter/agenda_filter.html.twig" %}
  81.                 {% set structure = 'agenda' %}
  82.             {% elseif block.filter == "offre" %}
  83.                 {% include "filter/offre_filter.html.twig" %}
  84.                 {% set structure = 'offres' %}
  85.             {% elseif block.filter == "aapami" %}
  86.                 {% include "filter/aapami_filter.html.twig" %}
  87.                 {% set structure = 'aapami' %}
  88.             {% elseif block.filter == "analyses" %}
  89.                 {% include "filter/articles_filter.html.twig" %}
  90.                 {% set structure = 'analyses' %}
  91.             {% elseif block.filter == "newsletters" %}
  92.                 {% include "filter/newsletter_filter.html.twig" %}
  93.                 {% set structure = 'newsletters' %}
  94.             {% endif %}
  95.         {% endif %}
  96.         {% if app.request.get('q') is not empty %}
  97.             {% set q = app.request.get('q') %}
  98.         {% else %}
  99.             {% set q = '' %}
  100.         {% endif %}
  101.         {% if app.request.get('elems') is not empty %}
  102.             {% set elems = app.request.get('elems') %}
  103.         {% endif %}
  104.         {% if app.request.get('theme') is not empty %}
  105.             {% set t = app.request.get('theme') %}
  106.         {% else %}
  107.             {% set t = '' %}
  108.         {% endif %}
  109.         {% if app.request.get('start') is not empty %}
  110.             {% set start = app.request.get('start') %}
  111.         {% else %}
  112.             {% set start = '' %}
  113.         {% endif %}
  114.         {% if app.request.get('end') is not empty %}
  115.             {% set end = app.request.get('end') %}
  116.         {% else %}
  117.             {% set end = '' %}
  118.         {% endif %}
  119.         {% if app.request.get('page') is not empty %}
  120.             {% set page = app.request.get('page') %}
  121.         {% else %}
  122.             {% set page = 1 %}
  123.         {% endif %}
  124.         {% if app.request.get('format') is not empty %}
  125.             {% set f = app.request.get('format') %}
  126.         {% else %}
  127.             {% set f = '' %}
  128.         {% endif %}
  129.     {% set typeTerritoire = '' %}
  130.         {% if app.request.get('type_territoire') is not empty %}
  131.             {% set typeTerritoire = app.request.get('type_territoire') %}
  132.         {% else %}
  133.             {% if block.filter == "fiches_territoires" %}
  134.                 {% if app.request.get('type') is defined and app.request.get('type') is not empty %}
  135.                     {% set typeTerritoire = app.request.get('type') %}
  136.                 {% else %}
  137.                     {% set typeTerritoire = 'contractualisation' %}
  138.                 {% endif %}
  139.             {% endif %}
  140.         {% endif %}
  142.         {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  143.             <div class="dflex territoire-container">
  144.             {% endif %}
  145.             <div class="w100 h100 prelative articles-cont">
  146.                 <div id="articles-container" class="dflex fdc" data-type="{{ structure }}">
  147.                     {{ render(controller(
  148.             'App\\Controller\\Website\\ApiSearchController::queryAction',
  149.             { "q": q, "elems": elems, "page": page, "start": start, "end" : end, "theme": t, 'structure': structure, 'format': f, "type_territoire": typeTerritoire }
  150.           )) }}
  151.                 </div>
  153.                 <div class="w100 h100 pabsolute with-loader">
  154.                     <div class="lds-dual-ring pabsolute form-loader" id="loader"></div>
  155.                     {% set loader_text_placeholder = "Toutes les expériences" %}
  156.                     {% if block.filter == "fiches_territoires" %}
  157.                         {% set loader_text_placeholder = "Toutes les fiches territoires" %}
  158.                     {% endif %}
  159.                     {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  160.                         <div class="loader-text pabsolute" id="loader-text">
  161.                             <p>{{ loader_text_placeholder }}
  162.                                 sont en route (quelque part dans la datasphère). Patientez juste quelques instants et c'est parti pour votre recherche !</p>
  163.                         </div>
  164.                     {% endif %}
  165.                 </div>
  166.             </div>
  167.         {% endif %}
  168.         {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  169.             <div id="map-div">
  170.                 {% set territory_list_set = true %}
  171.                 {% if block.filter == "experiences" %}
  172.                     {% set territory_list_set = false %}
  173.                 {% endif %}
  174.                 {% include "blocks/map.html.twig"  with {'territory_list_set': territory_list_set} %}
  175.             </div>
  176.         {% endif %}
  177.         {% if block.filter == "fiches_territoires" or block.filter == "experiences" %}
  178.         </div>
  179.     {% endif %}
  180. </div>