templates/Public/annuaire.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}Diagnostic immobilier & Expertise énergétique - Annuaire{% if option('default_page_suffix') %} {{ option('default_page_suffix')|e('html') }}{% endif %}{% endblock %}
  4. {% block description %}Liste des professionnels inscrits : diagnostiqueurs immobiliers, experts en efficacité énergétique du bâtiment.{% endblock %}
  6. {% block breadcrumb %}
  7. <div id="breadcrumb">
  8. <div class="container">
  9. <div class="row">
  10. <ul class="col-sm-12">
  11. <li><a href="{{ path('public_index') }}">Accueil</a></li>
  12. <li class="current">Annuaire des prestataires</li>
  13. </ul>
  14. </div>
  15. </div>
  16. </div>
  17. <div style="height: 0px;overflow: hidden;">
  18. <ol itemscope itemtype="http://schema.org/BreadcrumbList">
  19. <li itemprop="itemListElement" itemscope
  20. itemtype="http://schema.org/ListItem">
  21. <a itemscope itemtype="http://schema.org/Thing"
  22. itemprop="item" href="{{ app.request.uri }}" itemid="annuaire-presta">
  23. <span itemprop="name">Annuaire des prestataires</span>
  24. </a>
  25. <meta itemprop="position" content="1" />
  26. </li>
  27. </ol>
  28. </div>
  29. {% endblock %}
  31. {% block content %}
  32. <div class="page container">
  33. <div class="row">
  34. <div class="title col-sm-12">
  35. <h1>Annuaire des prestataires</h1>
  36. </div>
  37. </div>
  38. </div>
  40. <div id="search-form" class="page">
  41. <div class="container">
  42. <div class="annuaire-form row">
  43. {% form_theme form 'Form/exacompare.html.twig' %}
  44. {{ form_start(form, {'attr': {'class': 'annuaire-form form'}}) }}
  45. {{ form_row(form.cat, {'row_class': 'col-sm-4'}) }}
  46. {{ form_row(form.dept, {'row_class': 'col-sm-4'}) }}
  47. {{ form_row(form.keywords, {'row_class': 'col-sm-4'}) }}
  48. {{ form_end(form) }}
  49. </div>
  50. </div>
  51. </div>
  53. <div id="annuaire" class="page container">
  54. <div class="row">
  56. {{ knp_pagination_render(data, 'Partial/pagination.html.twig') }}
  58. {% if not data is empty %}
  59. <ul class="annuaire-list col-sm-12">
  60. {% for p in data %}
  61. <li class="prestataire-item row">
  62. <div class="prestataire-logo col-sm-3">
  63. {% if p.logoPath %}
  64. <a href="{{ entity_url(p) }}" style="background-image: url('{{ asset(prestataire_files_path ~ '/' ~ p.logoPath) }}');"></a>
  65. {% endif %}
  66. </div>
  67. <div class="prestataire-info col-sm-9">
  68. <a href="{{ entity_url(p) }}" class="prestataire-link">
  69. {{ p.entreprise }}
  70. </a>
  71. {% if categories and categories[p.id] is defined and categories[p.id] is not empty %}
  72. <div class="prestataire-category">
  73. <span class="label category"></span>
  74. <span class="value">
  75. {% for index, categorie in categories[p.id] %}
  76. {% if index > 0 %} – {% endif %}
  77. {#<a href="{{ path('public_prestataires', {'cid': categorie.id}) }}">#}
  78. {{ categorie.nom }}
  79. {#</a>#}
  80. {% endfor %}
  81. </span>
  82. </div>
  83. {% endif %}
  84. <div class="prestataire-address">
  85. <span class="label address"></span>
  86. <span class="value">{{ p.adresse }}, {{ p.codePostal }} {{ p.ville }}</span>
  87. </div>
  88. <div class="prestataire-phone">
  89. <span class="label phone"></span>
  90. <span class="value">{{ p.telephone }}</span>
  91. </div>
  92. <a href="{{ entity_url(p) }}" class="prestataire-fiche more">
  93. Voir la fiche
  94. </a>
  95. </div>
  96. </li>
  97. {% endfor %}
  98. </ul>
  99. {% else %}
  100. <div class="empty-result">
  101. {% import _self as macros %}
  102. {{ macros.search_criteria(form) }}
  103. </div>
  104. {% endif %}
  106. {{ knp_pagination_render(data, 'Partial/pagination.html.twig') }}
  108. </div>
  109. </div>
  110. {% endblock %}
  112. {% macro search_criteria(form) %}
  113. {% set criteria = criteria(form, 'public_prestataires') %}
  114. {% if criteria %}
  115. <p>Aucun résultat pour votre recherche :</p>
  116. <ul class="search-criteria">
  117. {% for item in criteria %}
  118. <li class="search-criteria-item">
  119. <span>{{ item.label }} :</span>
  120. <span class="value">
  121. {{ item.value }}
  122. </span>
  123. <span class="drop">
  124. <a href="javascript:void(0);" onclick="removeURLParameter('{{ item.url }}', '{{ item.label }}')" class="search-criteria-item-drop">supprimer</a>
  125. </span>
  126. </li>
  127. {% endfor %}
  128. </ul>
  129. <script>
  130. function removeURLParameter(url, parameterName) {
  131. // Créer un objet URL à partir de la chaîne d'URL
  132. const host = new URL(window.location)
  133. var urlObj = new URL(host.origin + url);
  135. if (parameterName === 'Recherche par mot-clé ou code postal') {
  136. var test = urlObj.toString().replace('annuaire%5Bkeywords%5D=', '')
  137. } else if (parameterName === 'Catégorie') {
  138. var test = urlObj.toString().replace('annuaire%5Bcat%5D=', '')
  139. } else if (parameterName === 'Lieu') {
  140. var test = urlObj.toString().replace('annuaire%5Bdept%5D=', '')
  141. }
  143. console.log(test);
  145. // Retourner l'URL mise à jour
  146. window.location.href = test;
  147. }
  148. </script>
  149. <p class="annuaire_not_result">Vous pouvez tenter d'assouplir votre recherche en supprimant des critères.</p>
  150. {% else %}
  151. <p class="empty">Aucun prestataire.</p>
  152. {% endif %}
  153. {% endmacro %}