templates/default/contracts.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_fo.html.twig' %}
  2. {% block title %}Annonces immobilières pour la vente entre particuliers - Promup{% endblock %}
  3. {% block description %}Retrouvez l'ensemble de nos annonces immobilières (maisons, appartements, locaux commerciaux, etc.) pour des transactions entre particuliers. Promup assure la diffusion de votre bien.{% endblock %}
  4. {% block body_class %}page-contracts{% endblock %}
  5. {% block content %}
  6. <main role="main">
  7. <div class="container f20-search">
  8. {% include 'default/_form_contract.html.twig' %}
  9. </div>
  10. <div class="container px-5 py-3">
  11. <form class="form-inline">
  12. <div class="row align-items-center my-4">
  13. <div class="col-auto py-1">
  14. <label for="contract_search_orderBy" class="text-muted">
  15. Trier les annonces par :
  16. </label>
  17. </div>
  18. <div class="col-auto py-1">
  19. <select id="contract_search_orderBy" class="form-control">
  20. <option>Date de publication</option>
  21. </select>
  22. </div>
  23. </div>
  24. </form>
  25. <div class="f20-results my-3" data-refresh="{{ path('contracts_search') }}">
  26. <div class="text-center">
  27. <img src="{{ asset('build/loader.gif') }}" alt="Chargement.." />
  28. </div>
  29. </div>
  30. </div>
  31. </main>
  32. <script>
  33. /**
  34. * @param {jQuery} $container
  35. * @param {int} page
  36. */
  37. function refreshTable($container, page = 1) {
  38. refreshContainer($container, {
  39. page: page,
  40. class: $('#contract_estate_search_class').val(),
  41. category: $('#contract_estate_search_category').val(),
  42. location: $('#contract_estate_search_location').val(),
  43. distance: $('#contract_estate_search_distance').val(),
  44. minPrice: $('#contract_estate_search_minPrice').val(),
  45. maxPrice: $('#contract_estate_search_maxPrice').val(),
  46. minSpace: $('#contract_estate_search_minSpace').val(),
  47. maxSpace: $('#contract_estate_search_maxSpace').val(),
  48. minRooms: $('#contract_estate_search_minRooms').val(),
  49. maxRooms: $('#contract_estate_search_maxRooms').val(),
  50. orderBy: $('#contract_estate_search_orderBy').val(),
  51. magicSearch: $('#contract_estate_search_magicSearch').val(),
  52. });
  53. }
  54. $(document).ready(function () {
  55. $(document).trigger('f20-refresh-results');
  56. });
  57. </script>
  58. {% endblock %}