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

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} - Annonces immobilières{% endblock %}
  4. {% block meta_description %}Trouvez votre futur nid douillet en Bretagne. Maison, appartement, bien de prestige et terrain sont mis en valeur pour vous aider dans votre choix{% endblock %}
  5. {% block metas %}
  6.     {% if  app.request.attributes.get('_route')  in ['acheter_estate', 'commerces_estate'] %}
  7.         <meta property="og:locale" content="fr_FR" />
  8.         <meta property="og:type" content="article" />
  9.         <meta property="og:title" content="Annonce Sublimons - {{ estate.libelle|capitalize }}" />
  10.         <meta property="og:description" content="{{ estate.descriptifCourt|striptags }}" />
  11.         <meta property="og:url" content="{{ absolute_url(path( 'acheter_estate' , {refannonce:estate.refannonce})) }}/" />
  12.         <meta property="og:site_name" content="Sublimons" />
  13.         <meta property="article:publisher" content="https://www.facebook.com/sublimons" />
  14.         <meta property="og:image" content="{{ estate.cover|imagine_filter('stream_estate_share') }}" />
  15.         <meta property="og:image:secure_url" content="{{ estate.cover|imagine_filter('stream_estate_large') }}" />
  16.         <meta property="og:image:width" content="1200" />
  17.         <meta property="og:image:height" content="630" />
  18.         <meta name="twitter:card" content="summary" />
  19.         <meta name="twitter:description" content="{{ estate.descriptifCourt }}" />
  20.         <meta name="twitter:title" content="Annonce Sublimons - {{ estate.libelle|capitalize }}" />
  21.         <meta name="twitter:site" content="@Sublimonsimmo" />
  22.         <meta name="twitter:image" content="{{ estate.cover|imagine_filter('stream_estate_share') }}" />
  23.         <meta name="twitter:creator" content="@Sublimonsimmo" />
  24.     {% endif %}
  25. {% endblock %}
  27. {% block  header_bottom %}
  28.     <div id="header_bottom" class="container-fluid d-none d-lg-block">
  29.         {{ include('front/acheter/_filter.html.twig') }}
  30.     </div>
  31.     <div id="header_bottom_mobile" class="bg-dark border-top border-white container-fluid d-lg-none  text-center p-2">
  32.         <button id="btn_open_search" class="btn btn-primary btn-sm flex-grow-1"><i class="icon-search"></i> Rechercher</button>
  33.         <button class="btn_save_search btn btn-primary btn-sm mx-0 flex-grow-1"><i class="icon-floppy"></i> Sauvegarder</button>
  34.         {% include 'front/acheter/_sort.html.twig' with{'context': 'select', 'class': 'btn btn-primary btn-sm flex-grow-1', sort_by: datas.sort_by} %}
  35.     </div>
  36.     <!-- Témoin de chargement-->
  37.     <div id="loader">    
  38.         <div class="overlay">
  39.             <div class="loader"></div>
  40.         </div>
  41.     </div>
  43. {% endblock %}
  46. {% block content %}
  48.     <section id="estates" class="container-fluid">
  49.         <div class="row">
  50.             {% if with_map %}
  51.             <div class="col-lg-6 p-0 d-none d-lg-block ">
  52.                 <div class="map_full bg-light">    
  53.                     <div id="estates_map" class="map_container"></div>
  54.                 </div>
  55.             </div>
  56.             <div id="list_sidebar" class="with_map col-lg-6 px-0">
  57.             {% else %}
  58.             <div id="list_sidebar" class="col-lg-12 px-0">
  59.             {% endif %}
  60.                 <div class="p-3 p-lg-4 px-xxl-5 ">
  61.                     <div class="d-none d-lg-block">
  62.                         <div class="d-flex justify-content-between pl-3 pr-0 mb-2">
  63.                             <div  style="visibility: hidden;"><span id="visible_estates"></span>/<span id="total_estates"></span> résultats</div>
  64.                             <div id="estastes_sort">Trier : {% include 'front/acheter/_sort.html.twig' with {'context': 'select', 'class': 'select-unstyle', sort_by: datas.sort_by} %}</div>
  65.                         </div>
  66.                     </div>
  67.                     <div id="estates_container" class="row align-items-stretch"></div>
  68.                     <div id="no_estate" class="banner_no_content banner_container text-white col-md-6 col-lg-12 col-xl-9 mx-auto" style="display:none;">
  69.                         <div class="bloc_txt_image">
  70.                             <div class="bg_image" style="background-image: url(/assets/media/acheter/no_content_L.jpg);"></div>
  71.                             <div class="overlay"></div>
  72.                             <div class="content py-5 ">
  73.                                 <div class="mt-5 px-4 py-5 mt-xl-0  d-flex align-items-center  text-center">
  74.                                     <div class="pt-5">
  75.                                         <h4 class="mb-2">Aucun bien ne correspond à votre recherche</h4>
  76.                                         <p>Contactez le conseiller proche de chez vous</p>
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                             <div class="btn_container">
  81.                                 <a class="btn-horn" href="{{ path( 'agents' ) }}" target="_blank"><span>Je contacte !</span></a>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  86.                 </div>
  87.             </div>
  88.         </div>
  89.     </section>
  90.     <div id="contactForm_source" style="display: none;">{{ render(controller('App\\Controller\\Front\\MessageController::contactForm', { 'context': 'agent' , 'display' : 'agent_modal'}))  }}</div>
  92.     {{ source('front/acheter/estates-template.html') }}
  93.     {{ source('front/acheter/estate-infobox-template.html') }}
  94.     {{ source('front/acheter/modal-template.html') }}
  95.     {{ include('front/acheter/modal-save_search.html.twig') }}  
  96. {% endblock %}
  98. {% block footer %}
  99. {% endblock %}
  101. {% block stylesheets %}
  102.     {{ parent() }}
  103.     <link rel="stylesheet" href="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css') }}"/>
  104.     <link rel="stylesheet" href="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css') }}"/>
  106.     <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap-4-master/build/css/tempusdominus-bootstrap-4.min.css') }}"/>
  107.     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
  108.     {# <link rel="stylesheet" href="{{ asset('assets/vendor/leaflet-control-geocoder/Control.Geocoder.css') }}"/> #}
  109.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tomik23/autocomplete@1.6.8/dist/css/autocomplete.min.css"/>
  110.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
  111.     <link rel="stylesheet" href="{{ asset('assets/css/dpe_ges.css') }}"/>
  112. {% endblock %}
  114. {% block javascripts %}
  115.     {{ parent() }}
  116. {# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> #}
  118.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  119.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  120.     <script src="{{ asset('assets/vendor/OwlCarousel2-2.3.4/dist/owl.carousel.min.js') }}"></script>
  121.     <script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js"></script>
  123.     <script src="{{ asset('assets/vendor/swag.min.js') }}"></script>
  125.     <script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
  127.     <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
  128.     <script src="https://leaflet.github.io/Leaflet.markercluster/dist/leaflet.markercluster-src.js"></script>
  129.     <script src="{{ asset('assets/vendor/Leaflet.SmoothMarkerBouncing.js') }}"></script>
  130.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script>
  131.     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/fr.min.js" integrity="sha512-RAt2+PIRwJiyjWpzvvhKAG2LEdPpQhTgWfbEkFDCo8wC4rFYh5GQzJBVIFDswwaEDEYX16GEE/4fpeDNr7OIZw==" crossorigin="anonymous"></script>
  132.     <script src="{{ asset('assets/vendor/bootstrap-4-master/build/js/tempusdominus-bootstrap-4.js') }}"></script>
  133.     <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
  134.     <script src="{{ asset('assets/vendor/jquery.serialize-object.min.js') }}"></script>
  135.     <script src="{{ asset('assets/js/autocomplete.js') }}"></script>
  137.     <script src="{{ asset('assets/js/base_map.js?v1.0') }}"></script>
  138.     <script src="{{ asset('assets/js/estates_map.js?v1.3') }}"></script>
  139.     <script src="{{ asset('assets/js/rrose.js') }}"></script>
  141.     <script src="{{ asset('assets/js/auto_complete_geosearch.js') }}"></script>
  143.     <script>
  144.         var current_page = '{{ current_route }}'; 
  145.         var current_route = Routing.generate('{{ current_route }}'); 
  146.         var datas  = {{ datas|json_encode()|raw }};
  147.         var banners  = {{ banners|json_encode()|raw }};
  148.         var col_class  = datas.col_class;
  149.         var with_map  = {{ with_map }};
  150.         var with_carrousel  = {{ with_carrousel }};
  151.         var current_banner = 0;
  152.         var next_estates = {{ datas.next }};
  154.         // console.log(datas.estates);
  156.         var source_estate;
  157.         var template_estate;
  159.         var source_btn_next;
  160.         var template_btn_next;
  162.         var source_infobox;
  163.         var template_infobox;
  165.         var source_modal;
  166.         var template_modal;
  168.         var source_banner;
  169.         var template_banner;
  171.         jQuery(document).ready(function(){ 
  173.             initHandlebars();
  175.             source_estates   = $("#estates-template").html();
  176.             template_estates  = Handlebars.compile(source_estates);
  178.             source_btn_next   = $("#btn_next-template").html();
  179.             template_btn_next  = Handlebars.compile(source_btn_next);
  181.             source_infobox   = $("#infobox-template").html();
  182.             template_infobox  = Handlebars.compile(source_infobox);
  184.             source_modal   = $("#modal-template").html();
  185.             template_modal  = Handlebars.compile(source_modal);
  187.             source_banner   = $("#banner-template").html();
  188.             template_banner  = Handlebars.compile(source_banner);
  191.             //Initialisation de la sauvegarde des recherche
  192.             if($('#search_form').length > 0){
  193.                 initSaveSearchForm();
  194.             }
  195.             
  196.             //Ouverture par url
  197.             var parts = window.location.pathname.split('/');
  199.             if( parts.length == 3 ) {
  200.                 var refannonce = parts[2];
  201.                 var estate = datas.estates.find(estate => String(estate.refannonce) === String(refannonce));
  203.                 if( estate === undefined){ //ajax
  204.                     getEstate(refannonce);
  205.                 }
  206.                 else{
  207.                     displayEstate(estate); 
  208.                 }
  209.             }
  210.             
  211.             if(with_map){
  212.                 setMap( 'estates_map', 9, 7, 16 );
  213.                 geoSearch('geosearch', map);
  214.             }
  215.             else{
  216.                 geoSearch('geosearch', false);
  218.             }
  220.             //gestion du filtre
  222.             $('#filter form').submit(function(e){
  223.                 e.preventDefault();
  224.             });
  226.             //Filtre à zero
  227.             $('#filter form').trigger("reset");
  229.             //Tri
  230.             $(".sort_estate").change("change", function(){
  231.                 $('#filter form #sort_by').val($(this).val());
  232.                 searchEstates( 0 , 'filter');
  233.             });
  235.          $('.dropdown-item').click(function(e) {
  236.                 e.preventDefault(); // empêcher le lien de naviguer
  238.                 var value = $(this).data('value'); // nouvelle valeur
  239.                 var label = $(this).text();        // texte à afficher
  241.                 // Mettre à jour le champ caché
  242.                 $('#sort_by').val(value);
  243.                 $('#filter form #sort_by').val(value);
  245.                 // Mettre à jour le texte du bouton
  246.                 $('#dropdownSort').text(label);
  248.                 // Mettre à jour l'option active
  249.                 $('.dropdown-item').removeClass('active text-white bg-primary');
  250.                 $(this).addClass('active text-white bg-primary');
  251.             });
  254.             //Ajout des parametres d'url dans le filtre ---------------------------------------------------------
  256.             //Ajout des parametres d'url dans le filtre
  257.             // const queryString = window.location.search;
  258.             // const urlParams = new URLSearchParams(window.location);
  259.             const url = new URL(window.location);
  260.             const urlParams = url.searchParams;
  262.             $('#estate_filter_nue_propriete').val(0);
  263.             $('#estate_filter_neuf').val(0);
  265.             if(urlParams.size > 0){
  267.                 if(urlParams.has('type')){
  268.                     var typebien = urlParams.get('type'); 
  269.                     var checkbox = $('#estate_filter_typebien').find(':checkbox[value="'+typebien+'"]');
  271.                     checkbox.prop("checked","true");
  273.                 }
  274.                 else if(urlParams.has('nue_propriete')){
  275.                     $('#estate_filter_nue_propriete').val(urlParams.get('nue_propriete'));
  276.                 }
  277.                 else if(urlParams.has('neuf')){
  278.                     $('#estate_filter_neuf').val(urlParams.get('neuf'));
  279.                 }
  280.                 else if(urlParams.has('autres')){
  282.                     var not_types = ['maison/villa', 'appartement', 'terrain'];
  283.     
  284.                     $('#estate_filter_typebien input:checkbox').each(function(){
  285.                         if($.inArray($(this).val(), not_types) == -1){
  286.                             $(this).prop("checked","true");
  287.                         }
  288.                     });
  290.                     
  291.                 }
  292.             }
  293.             
  294.             $("#filter [data-toggle=popover]").popover({
  295.                 // trigger: 'focus',
  296.                 customClass: $("#filter [data-toggle=popover]").data('popover_class'),
  297.                 html: true, 
  298.                 sanitize: false,
  299.                 content: function() {
  300.                     return $(this).next().html();
  301.                 }
  302.             });
  304.             //fermeture de tous les popover avant l'ouverture 
  305.             $('#filter [data-toggle=popover]').on('show.bs.popover', function (event) {
  306.                 $('#filter [data-toggle=popover]').popover('hide');
  308.             });
  310.             //synchro avec les input du filtre 
  311.             $('#filter [data-toggle=popover]').on('inserted.bs.popover', function (event) {
  312.                 var button =  $(event.target)
  313.                 var popover_source = button.next();
  315.                 // Affichage des valeurs de la source cachée
  316.                 //input text
  317.                 popover_source.find('input[type=text]').each(function(){
  318.                     $('.popover').find('#'+$(this).attr("id")).val( $(this).val() );
  319.                 });
  321.                 //check radio
  322.                 popover_source.find('input[type=radio]').each(function(){
  323.                     $('.popover').find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  325.                 });
  327.                 //check checkbox
  328.                 popover_source.find('input[type=checkbox]').each(function(){
  329.                     $('.popover').find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  330.                 });
  332.                 //survol des checkbox_icone
  333.                 $('.popover').find('[data-toggle="tooltip"]').tooltip();
  335.                 // A la saisie on synchronise les champs -----------------------------------------
  337.                 // input text
  338.                 $('.popover input[type=text]').change(function() {
  339.                     popover_source.find('#'+$(this).attr("id")).val( $(this).val() ).trigger('change');
  340.                 });
  342.                 //input radio in popover
  343.                 $('.popover input[type=radio]').change(function() {
  344.                     popover_source.find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  345.                     popover_source.find('#'+$(this).attr("id")).trigger('change');
  346.                 });
  348.                 //input radio in popover
  349.                 $('.popover input[type=checkbox]').change(function() {
  350.                     popover_source.find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  351.                     popover_source.find('#'+$(this).attr("id")).trigger('change');
  352.                 });
  354.                 //input radio in source : marche à l'envers à cause de l'id
  355.                 popover_source.find('input[type=radio]').change(function() {
  356.                     $('.popover').find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  357.                    //pour le statut on change le texte du bouton
  358.                     // if($(this).attr('name') == "estate_filter[statut]"){
  359.                     //     changeButtonStatut($(this).next().text());
  360.                     // }
  361.                 });
  363.                 //input checkbox : : marche à l'envers à cause de l'id
  364.                 popover_source.find('input[type=checkbox]').change(function() {
  365.                     $('.popover').find('#'+$(this).attr("id")).prop('checked', $(this).is(':checked'));
  366.                 });
  368.                 //range_prices click
  369.                 $('.popover #range_prices a.price_min').click( function(e) {
  370.                     e.preventDefault();
  371.                     $('.popover #estate_filter_prix_left_number').val($(this).data('price')).trigger('change');
  372.                 });
  374.                 $('.popover #range_prices a.price_max').click( function(e) {
  375.                     e.preventDefault();
  376.                     $('.popover #estate_filter_prix_right_number').val($(this).data('price')).trigger('change');
  377.                 });
  379.                 //
  380.                 $('.popover .btn_apply').click( function(e) {
  381.                     e.preventDefault();
  382.                     changeButton(true); 
  383.                     button.popover('hide');
  384.                     searchEstates( 0 , 'filter');
  385.                 });
  387.                 $('.popover .btn_cancel').click( function(e) {
  388.                     e.preventDefault();
  389.                        
  390.                     $('.popover').find('input[type=text]').each(function(){
  391.                         $(this).val('').trigger('change');
  392.                     });
  393.                     $('.popover').find('input[type=checkbox]').each(function(){
  394.                         $(this).prop('checked', false).trigger('change');
  395.                     });                    
  397.                     changeButton(true);
  398.                     searchEstates( 0 , 'filter');
  399.                 });
  400.             });
  402.             $('.btn_reset').click( function(e) {
  403.                 e.preventDefault();
  404.                 $('#filter form').trigger("reset");
  405.                 $('#estate_filter_geo_name').val('');
  406.                 $('#estate_filter_geo_bbox').val('');
  407.                 $('#estate_filter_geo_position').val('');
  408.                 changeButton(true);
  410.                 searchEstates( 0 , 'filter');
  411.                 // map.flyTo([47.803644, -2.416665], 16,{animate: true,duration: 1.5 });//Saint Marcel
  412.                  map.setView([47.803644, -2.416665], 9);/*/Saint Marcel*/
  414.             });
  416.             //Modale  save search
  417.             $('.btn_save_search').click( function(e) {
  418.                 e.preventDefault();
  419.                 //Initialisation de la saugarde des recherche
  420.                 displaySaveSearchModal();
  421.             });
  423.             $('#btn_open_search').click( function(e) {
  424.                 $('#header_bottom').removeClass('d-none');
  425.                 $('#header_bottom').addClass('full_height');
  426.                 // var H = $(document).height() - $('#header_top').height();
  427.                 // $('#header_bottom').height(H);
  428.                 $('#content').addClass('d-none');
  430.                 $('#header_bottom_mobile').hide();
  431.                 // window.scroll(0, 0);
  432.             });
  434.             $('#btn_close_search').click( function(e) {
  435.                 closeMobileSearch();
  436.             });
  437.             
  438.             $('#btn_load_search').click( function(e) {
  439.                 searchEstates( 0 , 'filter');
  440.             });
  443.             //Encien code
  445.             // $('#filter input').change(function() {
  446.             //     var has_btn_apply = $(this).parents('.popover_content').find('.btn_apply').length;
  448.             //     if(has_btn_apply == 0 && $(this).attr('id') != 'geosearch'){
  449.             //         changeButton(false);  
  450.             //         if(!isMobile() ){
  451.             //             searchEstates( 0 , 'filter');
  452.             //         }
  453.             //     }
  454.             // });
  456.             //  nouveau code ------------------------------------------------------------------------------------------
  458.                 // Fix Safari : empêche les faux "blur" et déclenchements change
  459.                 $('#filter input[type="text"]').on('focus', function (e) {
  460.                     e.stopPropagation();
  461.                     $(this).data('old-value', $(this).val());
  462.                 });
  464.                 // Pour les champs texte : Safari iOS bug avec change.  Émulation  de "change"   → blur + changement de valeur
  465.                 $('#filter input[type="text"]').on('blur', function () {
  466.                     var oldValue = $(this).data('old-value');
  467.                     var newValue = $(this).val();
  469.                     if (oldValue !== newValue) {
  470.                         handleFilterInput($(this));  // Comme un vrai "change"
  471.                     }
  472.                 });
  474.                 // Pour tous les autres inputs
  475.                 $('#filter input:not([type="text"])').on('change', function () {
  476.                     handleFilterInput($(this));
  477.                 });
  479.             // fin du nouveau code ------------------------------------------------------------------------------------------
  482.             $('#contact_form').trigger("reset");
  484.             //création du cookie
  485.             var params = $('#filter form').serialize();
  487.             createCookie('sublimons_search_save' , params, 1, current_route );
  489.             //assignation du filtre si il existe ---------------------------------------------------------
  491.             var sublimons_search_save = readCookie('sublimons_search_save');
  493.             if(sublimons_search_save != null && false){
  494.                 // console.log('FILTRE');
  496.                 $('#filter form').deserialize(sublimons_search_save);
  498.                 // console.log($('#filter form').serializeArray());
  499.                 //lance la recherche
  500.                 changeButton(true);
  501.                 searchEstates( 0 , 'filter');
  504.                 //si il existe une localisation 
  505.                 var geo_name = $('#estate_filter_geo_name').val();
  506.                 var geo_bbox = $('#estate_filter_geo_bbox').val();
  508.                 if( geo_name.length > 0 && geo_bbox.length > 0){
  509.                     $('#geosearch').val(geo_name);                        
  510.                     geo_bbox =  JSON.parse(geo_bbox);
  511.                     bbox = [[geo_bbox[3], geo_bbox[2]],[geo_bbox[1], geo_bbox[0]]];
  512.                     if(with_map){ 
  513.                         map.fitBounds( bbox, {padding: [20, 20], maxzoom: 16});
  514.                     }
  515.                 }
  516.             }
  517.             else{
  518.                 // console.log('DIRECT');
  519.                 displayEstates( datas , 'init');
  520.             }
  522.             //deplacement de la map
  523.             if(with_map){    
  524.                 map.on('moveend', function(e) {
  525.                     setTimeout( getVisibleClusters, 500);
  526.                 });
  527.             }
  529.         });
  536. ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  538.         function handleFilterInput($input) {
  539.             var has_btn_apply = $input.parents('.popover_content').find('.btn_apply').length;
  541.             if (has_btn_apply == 0 && $input.attr('id') !== 'geosearch') {
  542.                 changeButton(false);
  544.                 if (!isMobile()) {
  545.                     searchEstates(0, 'filter');
  546.                 }
  547.             }
  548.         }
  550.         function closeMobileSearch() {
  551.             if(isMobile() &&  $('#header_bottom').is(":visible")){
  552.                 $('#header_bottom').removeClass('full_height');
  553.                 $('#header_bottom').addClass('d-none');
  554.                 $('#content').removeClass('d-none');
  555.                 $('#header_bottom_mobile').show();
  556.             }
  557.         }
  559.         function changeButton(with_apply) {
  560.             console.log("CHANGE " + with_apply);
  561.             //Statut 
  562.             var statut_is_checked = $('#estate_filter_statut').find('input:checked');
  564.             var label = statut_is_checked.next("label").text();   
  565.             $('#btn_estate_filter_statut').text(label);
  566.               if(label == "Vendu"){
  567.                 $('#btn_estate_filter_statut').removeClass('btn-{{theme_class }}').addClass('btn-danger');
  568.                     //on vide les champs prix
  569.                     $('#estate_filter_prix input').val('');
  570.                     //on desactive le bouton prox
  571.                     $('#btn_estate_filter_prix').prop('disabled', true);
  572.             }
  573.             else{
  574.                 $('#btn_estate_filter_statut').removeClass('btn-danger').addClass('btn-{{theme_class }}');
  575.                 //on active le bouton prix
  576.                 $('#btn_estate_filter_prix').prop('disabled', false );
  577.             }  
  579.             //Type de bien 
  580.             var typebien_is_checked = $('#estate_filter_typebien').find('input:checked').length;
  581.             var sous_type_is_checked = $('#estate_filter_sous_type').find('input:checked').length;
  582.             if(typebien_is_checked > 0 || sous_type_is_checked){
  583.                 $("#btn_estate_filter_typebien") .removeClass('btn-outline-{{theme_class }}').addClass('btn-{{theme_class }}');  
  584.             }
  585.             else{
  586.                 $("#btn_estate_filter_typebien") .removeClass('btn-{{theme_class }}').addClass('btn-outline-{{theme_class }}');  
  587.             }
  589.             //Nombre de chambre 
  590.             var nbchambres_is_checked = $('#estate_filter_nbchambres').find('input:checked:not(#estate_filter_nbchambres_0)').length ;
  591.             if(nbchambres_is_checked> 0 ){
  592.                 $("#btn_estate_filter_nbchambres") .removeClass('btn-outline-{{theme_class }}').addClass('btn-{{theme_class }}');  
  593.             }
  594.             else{
  595.                 $("#btn_estate_filter_nbchambres") .removeClass('btn-{{theme_class }}').addClass('btn-outline-{{theme_class }}');  
  596.             }
  598.             if(with_apply == true){
  599.                 //Prix
  600.                 var prix_is_not_empty =  0;   
  601.                 $("#filter #estate_filter_prix input").each(function(){
  602.                     if($(this).val() != ''){
  603.                         prix_is_not_empty++;
  604.                     }
  605.                 });
  606.                 if( prix_is_not_empty > 0 ){
  607.                     $("#btn_estate_filter_prix") .removeClass('btn-outline-{{theme_class }}').addClass('btn-{{theme_class }}');  
  608.                 }
  609.                 else{
  610.                     $("#btn_estate_filter_prix") .removeClass('btn-{{theme_class }}').addClass('btn-outline-{{theme_class }}');  
  611.                 }
  613.                 // + de critères
  614.                 var more_text_is_not_empty =  0;   
  615.                 $("#filter #more_text input").each(function(){
  616.                    if($(this).val() != ''){
  617.                     more_text_is_not_empty++;
  618.                    }
  619.                 });
  620.                 var more_picto_is_checked = $('#more_picto').find('input:checked').length;
  621.                 if( more_text_is_not_empty > 0 ||  more_picto_is_checked > 0){
  622.                    $("#btn_more") .removeClass('btn-outline-{{theme_class }}').addClass('btn-{{theme_class }}');  
  623.                 }
  624.                 else{
  625.                     $("#btn_more") .removeClass('btn-{{theme_class }}').addClass('btn-outline-{{theme_class }}');  
  626.                 }
  627.             }
  628.         }
  630.         function centerMe_(e) {
  631.             e.target.openOn(map);
  632.             return;
  634.             //https://github.com/erictheise/rrose
  635.             //http://jsfiddle.net/asleepwalker/6m81vtad/
  636.             //http://erictheise.com/rrose/
  637.             var marker = e.target;
  638.             var pixelPosition = map.latLngToLayerPoint(marker.getLatLng());
  640.             var marker_rose = new L.Rrose({ offset: new L.Point(0, 0), closeButton: true, autoPan: false})
  641.             .setContent(template_infobox(marker.location))
  642.             .setLatLng(e.target.getLatLng())
  643.             .openOn(map);
  645.             return;
  646.             var element = document.getElementById(marker.slug);
  647.             element.scrollIntoView({behavior: "smooth", block: "center"});
  649.             map.setView(e.target.getLatLng());
  651.             marker.setBouncingOptions(bouncing_options);
  652.             marker.bounce();
  653.         }
  655.         function centerMe(e) {
  656.             var marker = e.target;
  657.             //Positionne la liste des biens sur le marker cliqué
  658.             var element = document.getElementById(marker.slug);
  659.             element.scrollIntoView({behavior: "smooth", block: "center"});
  662.             //centre le marker au milieu de la carte
  663.             // map.setView(e.target.getLatLng());
  665.             //marker.setBouncingOptions(bouncing_options);
  666.             marker.bounce();
  668.             marker.getPopup().on('remove', function() {
  669.                 marker.stopBouncing(); 
  670.             });
  671.         }
  673.         function geoSearchOnSearch(map) {
  674.             map.closePopup();
  675.         }
  676.         
  677.         function geoSearchOnSubmit(map, object ) {
  678.             // closeMobileSearch();
  679.             if(map != false){
  680.                 map.closePopup();
  681.             }
  682.             var geo_name = $('#geosearch').val();
  683.             var geo_bbox = JSON.stringify(object.bbox);
  684.             var geo_position = JSON.stringify(object.geometry.coordinates);
  686.             $('#estate_filter_geo_name').val(geo_name);
  687.             $('#estate_filter_geo_bbox').val(geo_bbox);
  688.             $('#estate_filter_geo_position').val(geo_position);
  689.             console.log(geo_position);
  690.             searchEstates( 0 , 'filter');
  692.         }
  694.         function geoSearchOnReset(map, element) {
  695.             $('#estate_filter_geo_name').val('');
  696.             $('#estate_filter_geo_bbox').val('');
  697.             $('#estate_filter_geo_position').val('');
  699.             searchEstates( 0 , 'filter');
  700.             if(map != false){
  701.                 map.setView([47.803644, -2.416665], 8); //Saint Marcel
  702.             }
  703.         }    
  705.         </script>
  707. {% endblock %}