templates/blocks/articles.html.twig line 1

  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>