Active
'+this.escapeHtml(i.price_formatted)+'
"+l+"
",className:"marker-cluster marker-cluster-"+d,iconSize:L.point(40,40)})}}),this.map.addLayer(this.markerCluster);var a=this;this.map.on("moveend zoomend",function(){a.loadClusters()}),this.bindCardHoverEvents(),this.loadClusters()}},loadClusters:function(){if(this.map){var t=this,e=this.map.getBounds(),a=this.map.getCenter(),s=this.map.getZoom(),l=[e.getSouthWest().lat,e.getSouthWest().lng,e.getNorthEast().lat,e.getNorthEast().lng],d=[a.lat,a.lng],g={action:"mls_get_clusters",zoom:s,bounds:l,status:this.currentFilters.status||"Active",property_type:this.currentFilters.property_type||"",city:this.currentFilters.city||"",min_price:this.currentFilters.min_price||"",max_price:this.currentFilters.max_price||"",min_beds:this.currentFilters.min_beds||""};o.updateFromMap(l,d),b.queue("clusters",function(u){return r.ajax({url:homeprozMapData.clusterEndpoint,type:"GET",data:g})},function(u,m){if(u.success){var y=u.data;switch(t.currentMode=y.type,y.type){case"density":t.renderDensity(y.dots);break;case"clusters":t.renderClusters(y.clusters);break;case"markers":t.renderMarkers(y.markers);break}}})}},clearAllLayers:function(){this.densityLayer.clearLayers(),this.clusterLayer.clearLayers(),this.markerCluster.clearLayers(),this.markerLayer.clearLayers(),this.markers={},this.temporaryHoverMarker&&(this.map.removeLayer(this.temporaryHoverMarker),this.temporaryHoverMarker=null)},renderDensity:function(t){this.clearAllLayers(),this.selectedPropertyId=null,this.isPinClickPan=!1,r(".property-card").removeClass("property-card-highlighted");var e=this,a=this.map.getZoom();t.forEach(function(s){var l=e.getDensityColor(s.count,a),d=e.getDensitySize(s.count,a),g=L.divIcon({html:'',className:"density-dot-container",iconSize:[d,d],iconAnchor:[d/2,d/2]}),u=L.marker([s.lat,s.lng],{icon:g});u.on("click",function(){e.map.setView([s.lat,s.lng],e.map.getZoom()+2)}),u.bindTooltip(s.count+" properties",{className:"density-tooltip"}),e.densityLayer.addLayer(u)})},getDensityThreshold:function(t){return Math.max(40,Math.round(600/Math.pow(1.4,t-3)))},getDensityColor:function(t,e){var a=this.getDensityThreshold(e),s=t/a;return s>=1.5?"rgba(180, 83, 9, 0.8)":s>=1?"rgba(217, 119, 6, 0.8)":s>=.6?"rgba(245, 158, 11, 0.8)":s>=.3?"rgba(234, 179, 8, 0.8)":s>=.15?"rgba(132, 204, 22, 0.8)":"rgba(34, 197, 94, 0.8)"},getDensitySize:function(t,e){var a=this.getDensityThreshold(e),s=t/a;return s>=1.5?11:s>=1?10:s>=.6?8:s>=.3?7:6},renderClusters:function(t){this.clearAllLayers(),this.selectedPropertyId=null,this.isPinClickPan=!1,r(".property-card").removeClass("property-card-highlighted");var e=this;t.forEach(function(a){var s="small";a.count>=100?s="large":a.count>=10&&(s="medium");var l=L.divIcon({html:""+a.count+"
",className:"marker-cluster marker-cluster-"+s+" server-cluster",iconSize:L.point(40,40)}),d=L.marker([a.lat,a.lng],{icon:l});d.on("click",function(){e.map.setView([a.lat,a.lng],e.map.getZoom()+2)});var g="$"+e.formatNumber(a.min_price);a.max_price!==a.min_price&&(g+=" - $"+e.formatNumber(a.max_price)),d.bindTooltip(a.count+" properties"+g,{className:"cluster-tooltip"}),e.clusterLayer.addLayer(d)})},renderMarkers:function(t){var e=this.selectedPropertyId;this.clearAllLayers(),this.hoveredPropertyId=null;var a=this,s=[];t.forEach(function(l,d){if(l.lat&&l.lng){var g=l.id===e,u=g?"amber":"red",m=L.marker([l.lat,l.lng],{icon:a.createIcon(u),zIndexOffset:g?1e4:a.baseZIndex+d});m.propertyId=l.id,m.defaultZIndex=a.baseZIndex+d,a.markerData[l.id]={lat:l.lat,lng:l.lng,price:l.price,address:l.address},m.bindPopup(''),m.on("click",function(y){a.onMarkerClick(l.id)}),s.push(m),a.markers[l.id]=m}}),s.length<=30?s.forEach(function(l){a.markerLayer.addLayer(l)}):this.markerCluster.addLayers(s),this.isPinClickPan=!1,e&&this.markers[e]?this.selectedPropertyId=e:(this.selectedPropertyId=null,r(".property-card").removeClass("property-card-highlighted"))},updateFilters:function(t){this.currentFilters=t||{},this.loadClusters()},formatNumber:function(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")},createIcon:function(t){return t=t||"red",L.divIcon({className:"property-marker property-marker-"+t,html:'',iconSize:[17,22],iconAnchor:[8,22],popupAnchor:[0,-22]})},onMarkerClick:function(t){if(this.selectedPropertyId!==t){this.selectedPropertyId&&(this.setMarkerColor(this.selectedPropertyId,"red"),this.resetMarkerZIndex(this.selectedPropertyId),r("#property-"+this.selectedPropertyId).removeClass("property-card-highlighted"));var e=this.markerData[t];if(e){this.selectedPropertyId=t,this.setMarkerColor(t,"amber"),this.setMarkerZIndex(t,1e4);var a=r("#property-"+t);a.length&&a.addClass("property-card-highlighted"),this.isPinClickPan=!0,this.map.panTo([e.lat,e.lng])}}},flashCard:function(t){t.removeClass("property-card-highlighted"),setTimeout(function(){t.addClass("property-card-highlighted"),setTimeout(function(){t.removeClass("property-card-highlighted"),setTimeout(function(){t.addClass("property-card-highlighted")},150)},150)},50)},setMarkerColor:function(t,e){var a=this.markers[t];a&&a.setIcon(this.createIcon(e))},setMarkerZIndex:function(t,e){var a=this.markers[t];a&&a.setZIndexOffset(e)},resetMarkerZIndex:function(t){var e=this.markers[t];e&&e.setZIndexOffset(e.defaultZIndex)},bindCardHoverEvents:function(){var t=this;r(document).on("mouseenter",".property-card[data-property-id]",function(){var e=r(this),a=e.data("property-id");if(a!==t.selectedPropertyId)if(t.hoveredPropertyId=a,t.markers[a])t.setMarkerColor(a,"blue"),t.setMarkerZIndex(a,9e3);else{var s=e.data("lat"),l=e.data("lng");s&&l&&t.map&&(t.temporaryHoverMarker&&t.map.removeLayer(t.temporaryHoverMarker),t.temporaryHoverMarker=L.marker([s,l],{icon:t.createIcon("blue"),zIndexOffset:15e3}),t.temporaryHoverMarker.addTo(t.map))}}),r(document).on("mouseleave",".property-card[data-property-id]",function(){var e=r(this).data("property-id");e!==t.selectedPropertyId&&(t.hoveredPropertyId===e&&(t.hoveredPropertyId=null),t.temporaryHoverMarker&&(t.map.removeLayer(t.temporaryHoverMarker),t.temporaryHoverMarker=null),t.markers[e]&&(t.setMarkerColor(e,"red"),t.resetMarkerZIndex(e)))})}},n={$mainFilter:null,$stickyFilter:null,$mainForm:null,$stickyForm:null,observer:null,isVisible:!1,init:function(){window.innerWidth<1024||!r(".is-map-view").length||(this.$mainFilter=r("#property-filters"),this.$stickyFilter=r("#property-filters-sticky"),this.$mainForm=this.$mainFilter.find(".filters-form"),this.$stickyForm=this.$stickyFilter.find(".filters-form-sticky"),!(!this.$mainFilter.length||!this.$stickyFilter.length)&&(this.setupObserver(),this.bindEvents()))},setupObserver:function(){var t=this;this.observer=new IntersectionObserver(function(e){e.forEach(function(a){a.isIntersecting?t.hideStickyFilter():t.showStickyFilter()})},{root:null,rootMargin:"0px",threshold:0}),this.observer.observe(this.$mainFilter[0])},bindEvents:function(){var t=this;this.$mainForm.find("select, input").on("change input",function(){t.syncToSticky(this.name,r(this).val())}),this.$stickyForm.find("select").on("change",function(){t.syncToMain(this.name,r(this).val()),o.filterProperties(1)}),this.$stickyForm.find("input").on("change",function(){t.syncToMain(this.name,r(this).val()),o.filterProperties(1)}),this.$stickyForm.on("submit",function(e){e.preventDefault(),o.filterProperties(1)})},syncToSticky:function(t,e){var a=this.$stickyForm.find('[name="'+t+'"]');a.length&&a.val()!==e&&a.val(e)},syncToMain:function(t,e){var a=this.$mainForm.find('[name="'+t+'"]');a.length&&a.val()!==e&&a.val(e)},showStickyFilter:function(){this.isVisible||(this.isVisible=!0,this.$stickyFilter.removeClass("is-hiding").addClass("is-visible"))},hideStickyFilter:function(){if(this.isVisible){this.isVisible=!1,this.$stickyFilter.removeClass("is-visible").addClass("is-hiding");var t=this;setTimeout(function(){t.$stickyFilter.removeClass("is-hiding")},10)}},syncAllToSticky:function(){var t=this;this.$mainForm.find("select, input").each(function(){t.syncToSticky(this.name,r(this).val())})}},o={$form:null,$results:null,$filters:null,isFirstLoad:!0,mapBounds:null,mapCenter:null,isMapUpdate:!1,init:function(){this.$form=r(".filters-form"),this.$results=r("#property-results"),this.$filters=r("#property-filters"),!(!this.$form.length||!this.$results.length)&&(this.bindEvents(),this.initFromUrl())},bindEvents:function(){var t=this;this.$form.on("submit",function(e){e.preventDefault(),t.filterProperties(1)}),this.$form.find("select").on("change",function(){t.clearPinSelection(),t.filterProperties(1)}),r(".filters-reset").on("click",function(e){e.preventDefault(),t.resetFilters()}),this.$results.on("click",".pagination a",function(e){e.preventDefault();var a=t.getPageFromUrl(r(this).attr("href"));t.filterProperties(a)}),r(window).on("hashchange",function(){var e=t.getPageFromHash();t.filterProperties(e,!1)})},initFromUrl:function(){var t=new URLSearchParams(window.location.search);this.$form.find("select").each(function(){var a=r(this).attr("name");t.has(a)&&r(this).val(t.get(a))}),this.$form.find('input[type="text"]').each(function(){var a=r(this).attr("name");t.has(a)&&r(this).val(t.get(a))});var e=this.getPageFromHash();e>1&&this.filterProperties(e,!1)},updateFromMap:function(t,e){this.mapBounds=t,this.mapCenter=e,this.isMapUpdate=!0,i.isPinClickPan||this.clearPinSelection(),this.$results.html('
'),h.isEnabled&&p.reset(),this.filterProperties(1,!1)},clearPinSelection:function(){i.selectedPropertyId&&(i.setMarkerColor(i.selectedPropertyId,"red"),i.resetMarkerZIndex(i.selectedPropertyId),r("#property-"+i.selectedPropertyId).removeClass("property-card-highlighted"),i.selectedPropertyId=null)},getPageFromHash:function(){var t=window.location.hash,e=t.match(/#page=(\d+)/);return e?parseInt(e[1]):1},filterProperties:function(t,e){e=e!==!1,t=t||1;var a=this,s=this.getFormData();this.$filters.addClass("is-loading"),this.isFirstLoad&&this.$results.html('
');var l={action:"homeproz_filter_properties",nonce:homeprozAjax.nonce,property_type:s.property_type,property_location:s.property_location,zip:s.zip,min_price:s.min_price,max_price:s.max_price,beds:s.beds,paged:t};this.mapBounds&&(l.bounds=this.mapBounds),this.mapCenter&&(l.center=this.mapCenter);var d=this.isMapUpdate;this.isMapUpdate=!1,b.queue("properties",function(g){return r.ajax({url:homeprozAjax.ajaxUrl,type:"POST",data:l})},function(g,u){g.success&&(a.$results.html(g.data.html),a.isFirstLoad=!1,g.data.filters&&!d&&i.updateFilters(g.data.filters),typeof f<"u"&&f.calculate(),p.destroy(),setTimeout(function(){p.init()},100),e&&a.updateUrl(s,t),i.selectedPropertyId?setTimeout(function(){var m=r("#property-"+i.selectedPropertyId);m.length&&r("html, body").animate({scrollTop:m.offset().top-120},300,function(){m.addClass("property-card-highlighted")})},150):t>1&&r("html, body").animate({scrollTop:a.$filters.offset().top-100},300))},function(){a.$filters.removeClass("is-loading")},function(){a.$results.html('
Error
Something went wrong. Please try again.
'),n[0].complete?i.removeClass("is-loading"):(n.on("load",function(){i.removeClass("is-loading")}),n.on("error",function(){i.removeClass("is-loading")}))})},preloadThumbnailPages:function(i,n){for(var o=this,c=i*this.thumbnailsPerPage,f=Math.min((i+n)*this.thumbnailsPerPage,this.images.length),h=c;h
Active
'+this.escapeHtml(n.price_formatted)+'
'+this.escapeHtml(n.address)+"
"+h+'View Details"+o+"
",className:"marker-cluster marker-cluster-"+u,iconSize:L.point(40,40)})}}),this.map.addLayer(this.markerCluster);var i=this;this.map.on("moveend zoomend",function(){i.loadClusters(),setTimeout(function(){h.updateUrlState()},400)}),this.bindCardHoverEvents(),this.loadClusters()}},loadClusters:function(){if(this.map){var t=this,e=this.map.getBounds(),i=this.map.getCenter(),a=this.map.getZoom(),o=[e.getSouthWest().lat,e.getSouthWest().lng,e.getNorthEast().lat,e.getNorthEast().lng],u=[i.lat,i.lng],d={action:"mls_get_clusters",zoom:a,bounds:o,status:this.currentFilters.status||"Active",property_type:this.currentFilters.property_type||"",city:this.currentFilters.city||"",min_price:this.currentFilters.min_price||"",max_price:this.currentFilters.max_price||"",min_beds:this.currentFilters.min_beds||""};h.updateFromMap(o,u);var p=y.get(d);if(p&&p.success){var f=p.data;switch(this.currentMode=f.type,f.type){case"density":this.renderDensity(f.dots);break;case"clusters":this.renderClusters(f.clusters);break;case"markers":this.renderMarkers(f.markers);break}return}n.queue("clusters",function(I){return r.ajax({url:homeprozMapData.clusterEndpoint,type:"GET",data:d})},function(I,P){if(I.success){y.set(d,I);var x=I.data;switch(t.currentMode=x.type,x.type){case"density":t.renderDensity(x.dots);break;case"clusters":t.renderClusters(x.clusters);break;case"markers":t.renderMarkers(x.markers);break}}})}},clearAllLayers:function(){this.densityLayer.clearLayers(),this.clusterLayer.clearLayers(),this.markerCluster.clearLayers(),this.markerLayer.clearLayers(),this.markers={},this.temporaryHoverMarker&&(this.map.removeLayer(this.temporaryHoverMarker),this.temporaryHoverMarker=null)},renderDensity:function(t){this.clearAllLayers(),this.selectedPropertyId=null,this.isPinClickPan=!1,r(".property-card").removeClass("property-card-highlighted");var e=this,i=this.map.getZoom();t.forEach(function(a){var o=e.getDensityColor(a.count,i),u=e.getDensitySize(a.count,i),d=L.divIcon({html:'',className:"density-dot-container",iconSize:[u,u],iconAnchor:[u/2,u/2]}),p=L.marker([a.lat,a.lng],{icon:d});p.on("click",function(){e.map.setView([a.lat,a.lng],e.map.getZoom()+2)}),p.bindTooltip(a.count+" properties",{className:"density-tooltip"}),e.densityLayer.addLayer(p)})},getDensityThreshold:function(t){return Math.max(40,Math.round(600/Math.pow(1.4,t-3)))},getDensityColor:function(t,e){var i=this.getDensityThreshold(e),a=t/i;return a>=1.5?"rgba(180, 83, 9, 0.8)":a>=1?"rgba(217, 119, 6, 0.8)":a>=.6?"rgba(245, 158, 11, 0.8)":a>=.3?"rgba(234, 179, 8, 0.8)":a>=.15?"rgba(132, 204, 22, 0.8)":"rgba(34, 197, 94, 0.8)"},getDensitySize:function(t,e){var i=this.getDensityThreshold(e),a=t/i;return a>=1.5?11:a>=1?10:a>=.6?8:a>=.3?7:6},renderClusters:function(t){this.clearAllLayers(),this.selectedPropertyId=null,this.isPinClickPan=!1,r(".property-card").removeClass("property-card-highlighted");var e=this;t.forEach(function(i){var a="small";i.count>=100?a="large":i.count>=10&&(a="medium");var o=L.divIcon({html:""+i.count+"
",className:"marker-cluster marker-cluster-"+a+" server-cluster",iconSize:L.point(40,40)}),u=L.marker([i.lat,i.lng],{icon:o});u.on("click",function(){e.map.setView([i.lat,i.lng],e.map.getZoom()+2)});var d="$"+e.formatNumber(i.min_price);i.max_price!==i.min_price&&(d+=" - $"+e.formatNumber(i.max_price)),u.bindTooltip(i.count+" properties"+d,{className:"cluster-tooltip"}),e.clusterLayer.addLayer(u)})},renderMarkers:function(t){var e=this.selectedPropertyId;this.clearAllLayers(),this.hoveredPropertyId=null;var i=this,a=[];t.forEach(function(o,u){if(o.lat&&o.lng){var d=o.id===e,p=d?"amber":"red",f=L.marker([o.lat,o.lng],{icon:i.createIcon(p),zIndexOffset:d?1e4:i.baseZIndex+u});f.propertyId=o.id,f.defaultZIndex=i.baseZIndex+u,i.markerData[o.id]={lat:o.lat,lng:o.lng,price:o.price,address:o.address},f.bindPopup(''),f.on("click",function(I){i.onMarkerClick(o.id)}),a.push(f),i.markers[o.id]=f}}),a.length<=30?a.forEach(function(o){i.markerLayer.addLayer(o)}):this.markerCluster.addLayers(a),this.isPinClickPan=!1,e&&this.markers[e]?this.selectedPropertyId=e:(this.selectedPropertyId=null,r(".property-card").removeClass("property-card-highlighted"))},updateFilters:function(t){this.currentFilters=t||{},this.loadClusters()},formatNumber:function(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")},createIcon:function(t){return t=t||"red",L.divIcon({className:"property-marker property-marker-"+t,html:'',iconSize:[17,22],iconAnchor:[8,22],popupAnchor:[0,-22]})},onMarkerClick:function(t){if(this.selectedPropertyId!==t){this.selectedPropertyId&&(this.setMarkerColor(this.selectedPropertyId,"red"),this.resetMarkerZIndex(this.selectedPropertyId),r("#property-"+this.selectedPropertyId).removeClass("property-card-highlighted"));var e=this.markerData[t];if(e){this.selectedPropertyId=t,this.setMarkerColor(t,"amber"),this.setMarkerZIndex(t,1e4);var i=r("#property-"+t);i.length&&i.addClass("property-card-highlighted"),this.isPinClickPan=!0,this.map.panTo([e.lat,e.lng])}}},flashCard:function(t){t.removeClass("property-card-highlighted"),setTimeout(function(){t.addClass("property-card-highlighted"),setTimeout(function(){t.removeClass("property-card-highlighted"),setTimeout(function(){t.addClass("property-card-highlighted")},150)},150)},50)},setMarkerColor:function(t,e){var i=this.markers[t];i&&i.setIcon(this.createIcon(e))},setMarkerZIndex:function(t,e){var i=this.markers[t];i&&i.setZIndexOffset(e)},resetMarkerZIndex:function(t){var e=this.markers[t];e&&e.setZIndexOffset(e.defaultZIndex)},bindCardHoverEvents:function(){var t=this;r(document).on("mouseenter",".property-card[data-property-id]",function(){var e=r(this),i=e.data("property-id");if(i!==t.selectedPropertyId)if(t.hoveredPropertyId=i,t.markers[i])t.setMarkerColor(i,"blue"),t.setMarkerZIndex(i,9e3);else{var a=e.data("lat"),o=e.data("lng");a&&o&&t.map&&(t.temporaryHoverMarker&&t.map.removeLayer(t.temporaryHoverMarker),t.temporaryHoverMarker=L.marker([a,o],{icon:t.createIcon("blue"),zIndexOffset:15e3}),t.temporaryHoverMarker.addTo(t.map))}}),r(document).on("mouseleave",".property-card[data-property-id]",function(){var e=r(this).data("property-id");e!==t.selectedPropertyId&&(t.hoveredPropertyId===e&&(t.hoveredPropertyId=null),t.temporaryHoverMarker&&(t.map.removeLayer(t.temporaryHoverMarker),t.temporaryHoverMarker=null),t.markers[e]&&(t.setMarkerColor(e,"red"),t.resetMarkerZIndex(e)))})}},c={$mainFilter:null,$stickyFilter:null,$mainForm:null,$stickyForm:null,observer:null,isVisible:!1,init:function(){window.innerWidth<1024||!r(".is-map-view").length||(this.$mainFilter=r("#property-filters"),this.$stickyFilter=r("#property-filters-sticky"),this.$mainForm=this.$mainFilter.find(".filters-form"),this.$stickyForm=this.$stickyFilter.find(".filters-form-sticky"),!(!this.$mainFilter.length||!this.$stickyFilter.length)&&(this.setupObserver(),this.bindEvents()))},setupObserver:function(){var t=this;this.observer=new IntersectionObserver(function(e){e.forEach(function(i){i.isIntersecting?t.hideStickyFilter():t.showStickyFilter()})},{root:null,rootMargin:"0px",threshold:0}),this.observer.observe(this.$mainFilter[0])},bindEvents:function(){var t=this;this.$mainForm.find("select, input").on("change input",function(){t.syncToSticky(this.name,r(this).val())}),this.$stickyForm.find("select").on("change",function(){t.syncToMain(this.name,r(this).val()),h.filterProperties(1)}),this.$stickyForm.find("input").on("change",function(){t.syncToMain(this.name,r(this).val()),h.filterProperties(1)}),this.$stickyForm.on("submit",function(e){e.preventDefault(),h.filterProperties(1)})},syncToSticky:function(t,e){var i=this.$stickyForm.find('[name="'+t+'"]');i.length&&i.val()!==e&&i.val(e)},syncToMain:function(t,e){var i=this.$mainForm.find('[name="'+t+'"]');i.length&&i.val()!==e&&i.val(e)},showStickyFilter:function(){this.isVisible||(this.isVisible=!0,this.$stickyFilter.removeClass("is-hiding").addClass("is-visible"))},hideStickyFilter:function(){if(this.isVisible){this.isVisible=!1,this.$stickyFilter.removeClass("is-visible").addClass("is-hiding");var t=this;setTimeout(function(){t.$stickyFilter.removeClass("is-hiding")},10)}},syncAllToSticky:function(){var t=this;this.$mainForm.find("select, input").each(function(){t.syncToSticky(this.name,r(this).val())})}},h={$form:null,$results:null,$filters:null,isFirstLoad:!0,mapBounds:null,mapCenter:null,isMapUpdate:!1,init:function(){this.$form=r(".filters-form"),this.$results=r("#property-results"),this.$filters=r("#property-filters"),!(!this.$form.length||!this.$results.length)&&(this.bindEvents(),this.initFromUrl())},bindEvents:function(){var t=this;this.$form.on("submit",function(e){e.preventDefault(),t.filterProperties(1)}),this.$form.find("select").on("change",function(){t.clearPinSelection(),t.filterProperties(1)}),r(".filters-reset").on("click",function(e){e.preventDefault(),t.resetFilters()}),this.$results.on("click",".pagination a",function(e){e.preventDefault();var i=t.getPageFromUrl(r(this).attr("href"));t.filterProperties(i)}),r(window).on("hashchange",function(){var e=t.getPageFromHash();t.filterProperties(e,!1)})},initFromUrl:function(){var t=new URLSearchParams(window.location.search);this.$form.find("select").each(function(){var i=r(this).attr("name");t.has(i)&&r(this).val(t.get(i))}),this.$form.find('input[type="text"]').each(function(){var i=r(this).attr("name");t.has(i)&&r(this).val(t.get(i))});var e=this.getStateFromHash();e&&(e.lat!==null||e.page>1)&&(this.pendingRestoreState=e)},restoreState:function(){var t=this.pendingRestoreState;if(t){if(this.pendingRestoreState=null,t.lat!==null&&t.lng!==null&&t.zoom!==null&&s.map){s.map.off("moveend zoomend"),s.map.setView([t.lat,t.lng],t.zoom);var e=s.map.getBounds(),i=s.map.getCenter();this.mapBounds=[e.getSouthWest().lat,e.getSouthWest().lng,e.getNorthEast().lat,e.getNorthEast().lng],this.mapCenter=[i.lat,i.lng],s.loadClusters(),setTimeout(function(){s.map.on("moveend zoomend",function(){s.loadClusters(),setTimeout(function(){h.updateUrlState()},400)})},100)}t.page>1?this.bulkLoadPages(t.page,t.scroll):t.scroll>0&&(window.scrollTo({top:t.scroll,behavior:"instant"}),r(window).trigger("scroll"))}},bulkLoadPages:function(t,e){var i=this,a=this.getFormData();l.isRestoring=!0;for(var o=[],u=1;u<=t+1;u++)o.push(u);var d={action:"homeproz_filter_properties",nonce:homeprozAjax.nonce,property_type:a.property_type,property_location:a.property_location,zip:a.zip,min_price:a.min_price,max_price:a.max_price,beds:a.beds,cards_only:"true"};this.mapBounds&&(d.bounds=this.mapBounds),this.mapCenter&&(d.center=this.mapCenter);var p=[],f=[];if(o.forEach(function(P){var x=r.extend({},d,{paged:P}),w=y.get(x);w&&w.success&&w.data&&w.data.html?p.push({page:P,html:w.data.html,max_pages:w.data.max_pages||1}):f.push(P)}),f.length===0){this.renderBulkResults(p,t,e);return}this.$results.html('
');var I=f.map(function(P){var x=r.extend({},d,{paged:P});return r.ajax({url:homeprozAjax.ajaxUrl,type:"POST",data:x}).then(function(w){var C={page:P,html:w.success?w.data.html:"",max_pages:w.success?w.data.max_pages:0};return w.success&&y.set(x,w),C})});r.when.apply(r,I).done(function(){var P=I.length===1?[arguments[0]]:Array.prototype.slice.call(arguments),x=p.concat(P);i.renderBulkResults(x,t,e)}).fail(function(){l.isRestoring=!1,i.filterProperties(1,!1)})},renderBulkResults:function(t,e,i){t.sort(function(u,d){return u.page-d.page});var a=t[0]?t[0].max_pages:1,o='';o+='
',t.forEach(function(u){u.html&&u.page<=a&&(o+='
",this.$results.html(o),l.currentPage=Math.min(e+1,a),l.maxPages=a,l.pages={},t.forEach(function(u){u.page<=a&&(l.pages[u.page]={state:"populated"})}),i>0&&window.scrollTo({top:i,behavior:"instant"}),l.isRestoring=!1,r(window).trigger("scroll"),typeof b<"u"&&b.process()},updateFromMap:function(t,e){this.mapBounds=t,this.mapCenter=e,this.isMapUpdate=!0,s.isPinClickPan||this.clearPinSelection(),this.$results.html('',o+=u.html,o+="
")}),o+="'),l.isEnabled&&v.reset(),l.currentPage=1,this._scrollBlocked=!0,this.clearScrollFromUrl(),this.filterProperties(1,!1)},clearScrollFromUrl:function(){var t=window.location.hash.replace("#","");if(t){var e=t.split("&").filter(function(a){return!a.startsWith("scroll=")}),i=e.length?"#"+e.join("&"):"";history.replaceState(null,"",window.location.pathname+window.location.search+i)}},clearPinSelection:function(){s.selectedPropertyId&&(s.setMarkerColor(s.selectedPropertyId,"red"),s.resetMarkerZIndex(s.selectedPropertyId),r("#property-"+s.selectedPropertyId).removeClass("property-card-highlighted"),s.selectedPropertyId=null)},getPageFromHash:function(){var t=this.getStateFromHash();return t?t.page:1},filterProperties:function(t,e){e=e!==!1,t=t||1;var i=this,a=this.getFormData();this.$filters.addClass("is-loading"),this.isFirstLoad&&this.$results.html('
');var o={action:"homeproz_filter_properties",nonce:homeprozAjax.nonce,property_type:a.property_type,property_location:a.property_location,zip:a.zip,min_price:a.min_price,max_price:a.max_price,beds:a.beds,paged:t};this.mapBounds&&(o.bounds=this.mapBounds),this.mapCenter&&(o.center=this.mapCenter);var u=this.isMapUpdate;this.isMapUpdate=!1,n.queue("properties",function(d){return r.ajax({url:homeprozAjax.ajaxUrl,type:"POST",data:o})},function(d,p){d.success&&(i.$results.html(d.data.html),i.isFirstLoad=!1,d.data.filters&&!u&&s.updateFilters(d.data.filters),typeof m<"u"&&m.calculate(),v.destroy(),setTimeout(function(){v.init()},100),e&&i.updateUrl(a,t),s.selectedPropertyId?setTimeout(function(){var f=r("#property-"+s.selectedPropertyId);f.length&&(window.scrollTo({top:f.offset().top-120,behavior:"instant"}),f.addClass("property-card-highlighted"))},150):t>1&&window.scrollTo({top:i.$filters.offset().top-100,behavior:"instant"}))},function(){i.$filters.removeClass("is-loading")},function(){i.$results.html('
Error
Something went wrong. Please try again.
'),s[0].complete?n.removeClass("is-loading"):(s.on("load",function(){n.removeClass("is-loading")}),s.on("error",function(){n.removeClass("is-loading")}))})},preloadThumbnailPages:function(n,s){for(var c=this,h=n*this.thumbnailsPerPage,g=Math.min((n+s)*this.thumbnailsPerPage,this.images.length),m=h;m
');
+
+ // Fire requests only for uncached pages
+ var requests = uncachedPages.map(function(page) {
+ var requestData = $.extend({}, baseRequestData, { paged: page });
+ return $.ajax({
+ url: homeprozAjax.ajaxUrl,
+ type: 'POST',
+ data: requestData
+ }).then(function(response) {
+ var result = {
+ page: page,
+ html: response.success ? response.data.html : '',
+ max_pages: response.success ? response.data.max_pages : 0
+ };
+
+ // Cache the response
+ if (response.success) {
+ AjaxCache.set(requestData, response);
+ }
+
+ return result;
+ });
+ });
+
+ // Wait for all to complete
+ $.when.apply($, requests).done(function() {
+ // Collect results (handle both single and multiple args)
+ var fetchedResults = requests.length === 1 ? [arguments[0]] :
+ Array.prototype.slice.call(arguments);
+
+ // Combine cached and fetched results
+ var allResults = cachedResults.concat(fetchedResults);
+
+ self.renderBulkResults(allResults, targetPage, scrollPosition);
+ }).fail(function() {
+ // On error, fall back to normal loading
+ InfiniteScrollState.isRestoring = false;
+ self.filterProperties(1, false);
+ });
+ },
+
+ /**
+ * Render bulk loaded results to the DOM
+ */
+ renderBulkResults: function(results, targetPage, scrollPosition) {
+ var self = this;
+
+ // Sort by page number
+ results.sort(function(a, b) { return a.page - b.page; });
+
+ // Get max_pages from first result
+ var maxPages = results[0] ? results[0].max_pages : 1;
+
+ // Build the full HTML with page wrappers
+ var fullHtml = '';
+ fullHtml += '
';
+
+ results.forEach(function(result) {
+ if (result.html && result.page <= maxPages) {
+ fullHtml += '
';
+
+ // Render all at once
+ this.$results.html(fullHtml);
+
+ // Update infinite scroll state
+ InfiniteScrollState.currentPage = Math.min(targetPage + 1, maxPages);
+ InfiniteScrollState.maxPages = maxPages;
+ InfiniteScrollState.pages = {};
+
+ // Register all loaded pages
+ results.forEach(function(result) {
+ if (result.page <= maxPages) {
+ InfiniteScrollState.pages[result.page] = { state: 'populated' };
+ }
+ });
+
+ // Restore scroll position
+ if (scrollPosition > 0) {
+ window.scrollTo({ top: scrollPosition, behavior: 'instant' });
+ }
+
+ // Unblock infinite scroll
+ InfiniteScrollState.isRestoring = false;
+
+ // Trigger scroll event for image loader and other listeners
+ $(window).trigger('scroll');
+
+ // Start image loader
+ if (typeof CardImageLoader !== 'undefined') {
+ CardImageLoader.process();
}
},
@@ -982,10 +1359,30 @@
InfiniteScroll.reset();
}
+ // Block scroll state until user actually scrolls
+ InfiniteScrollState.currentPage = 1;
+ this._scrollBlocked = true;
+ this.clearScrollFromUrl();
+
// Reset to page 1 when map viewport changes
this.filterProperties(1, false);
},
+ /**
+ * Remove scroll parameter from URL hash
+ */
+ clearScrollFromUrl: function() {
+ var hash = window.location.hash.replace('#', '');
+ if (!hash) return;
+
+ var parts = hash.split('&').filter(function(part) {
+ return !part.startsWith('scroll=');
+ });
+
+ var newHash = parts.length ? '#' + parts.join('&') : '';
+ history.replaceState(null, '', window.location.pathname + window.location.search + newHash);
+ },
+
/**
* Clear pin selection state and visuals
*/
@@ -1002,9 +1399,8 @@
* Get page number from URL hash
*/
getPageFromHash: function() {
- var hash = window.location.hash;
- var match = hash.match(/#page=(\d+)/);
- return match ? parseInt(match[1]) : 1;
+ var state = this.getStateFromHash();
+ return state ? state.page : 1;
},
/**
@@ -1093,20 +1489,14 @@
var $card = $('#property-' + PropertyMap.selectedPropertyId);
if ($card.length) {
// Scroll to the selected card
- $('html, body').animate({
- scrollTop: $card.offset().top - 120
- }, 300, function() {
- // Ensure card stays highlighted
- $card.addClass('property-card-highlighted');
- });
+ window.scrollTo({ top: $card.offset().top - 120, behavior: 'instant' });
+ $card.addClass('property-card-highlighted');
}
}, 150);
}
// Scroll to top of results on page change (non-pin triggered)
else if (page > 1) {
- $('html, body').animate({
- scrollTop: self.$filters.offset().top - 100
- }, 300);
+ window.scrollTo({ top: self.$filters.offset().top - 100, behavior: 'instant' });
}
}
},
@@ -1152,7 +1542,8 @@
},
/**
- * Update browser URL (filters in query, page in hash)
+ * Update browser URL (filters in query, state in hash)
+ * Stores: page, scroll position, map position/zoom
*/
updateUrl: function(formData, page) {
var url = new URL(homeprozAjax.archiveUrl);
@@ -1164,17 +1555,77 @@
}
}
- // Add page to hash if > 1
+ // Build hash with all state info
+ var hashParts = [];
+
if (page > 1) {
- url.hash = 'page=' + page;
- } else {
- url.hash = '';
+ hashParts.push('page=' + page);
}
+ // Add scroll position (unless blocked - requires user scroll to unblock)
+ if (!this._scrollBlocked) {
+ var scrollY = window.pageYOffset || document.documentElement.scrollTop;
+ if (scrollY > 0) {
+ hashParts.push('scroll=' + Math.round(scrollY));
+ }
+ }
+
+ // Add map state if map exists
+ if (PropertyMap.map) {
+ var center = PropertyMap.map.getCenter();
+ var zoom = PropertyMap.map.getZoom();
+ hashParts.push('lat=' + center.lat.toFixed(6));
+ hashParts.push('lng=' + center.lng.toFixed(6));
+ hashParts.push('zoom=' + zoom);
+ }
+
+ url.hash = hashParts.length ? hashParts.join('&') : '';
+
// Use replaceState to avoid adding history entries for every page
history.replaceState(null, '', url.toString());
},
+ /**
+ * Update URL with current state (called on scroll and map move)
+ * Debounced to avoid excessive history updates
+ */
+ updateUrlState: function() {
+ var self = this;
+
+ // Debounce URL updates
+ clearTimeout(this._urlUpdateTimeout);
+ this._urlUpdateTimeout = setTimeout(function() {
+ // Get current page from infinite scroll state or default to 1
+ var page = InfiniteScrollState.currentPage || 1;
+ var formData = self.getFormData();
+ self.updateUrl(formData, page);
+ }, 300);
+ },
+
+ /**
+ * Parse state from URL hash
+ */
+ getStateFromHash: function() {
+ var hash = window.location.hash.replace('#', '');
+ if (!hash) return null;
+
+ var state = {};
+ hash.split('&').forEach(function(part) {
+ var kv = part.split('=');
+ if (kv.length === 2) {
+ state[kv[0]] = kv[1];
+ }
+ });
+
+ return {
+ page: state.page ? parseInt(state.page) : 1,
+ scroll: state.scroll ? parseInt(state.scroll) : 0,
+ lat: state.lat ? parseFloat(state.lat) : null,
+ lng: state.lng ? parseFloat(state.lng) : null,
+ zoom: state.zoom ? parseInt(state.zoom) : null
+ };
+ },
+
/**
* Get page number from pagination link URL
*/
@@ -1223,6 +1674,11 @@
if (this.isAboveBreakpoint && this.isMapView && typeof homeprozMapData !== 'undefined') {
PropertyMap.init(homeprozMapData.initialFilters || {});
this.mapInitialized = true;
+
+ // Restore state if we have pending state to restore
+ if (PropertyFilters.pendingRestoreState) {
+ PropertyFilters.restoreState();
+ }
}
// Handle resize
@@ -1258,6 +1714,11 @@
if (!this.mapInitialized && typeof homeprozMapData !== 'undefined') {
PropertyMap.init(homeprozMapData.initialFilters || {});
this.mapInitialized = true;
+
+ // Restore state if we have pending state to restore
+ if (PropertyFilters.pendingRestoreState) {
+ PropertyFilters.restoreState();
+ }
} else if (PropertyMap.map) {
// Invalidate size to fix map rendering after show
setTimeout(function() {
@@ -1441,8 +1902,10 @@
pages: {}, // pageNum -> {state, height, html}
totalPages: 0,
totalPosts: 0,
+ currentPage: 1, // Current page based on scroll position
pendingPage: null, // Currently loading page number (only one at a time)
isEnabled: false,
+ isRestoring: false, // True during bulk page restoration
cardsPerPage: 12
};
@@ -1525,8 +1988,15 @@
clearTimeout(self.scrollTimeout);
self.scrollTimeout = setTimeout(function() {
self.syncPages();
+ // Update URL state on scroll
+ PropertyFilters.updateUrlState();
}, 100);
});
+
+ // Listen for actual user wheel events to unblock scroll state
+ $(window).on('wheel.infiniteScroll', function() {
+ PropertyFilters._scrollBlocked = false;
+ });
},
/**
@@ -1534,6 +2004,7 @@
*/
syncPages: function() {
if (!this.$grid || !InfiniteScrollState.isEnabled) return;
+ if (InfiniteScrollState.isRestoring) return; // Block during state restoration
var TP = InfiniteScrollState.totalPages;
@@ -1544,6 +2015,9 @@
if (CP > TP - 2) CP = TP - 2;
if (CP < 1) CP = 1;
+ // Track current page for URL state
+ InfiniteScrollState.currentPage = CP;
+
// 3. Calculate DLP (Desired Loaded Pages)
var DLP = [CP - 2, CP - 1, CP, CP + 1, CP + 2];
@@ -1763,14 +2237,12 @@
},
/**
- * Load a page via AJAX
+ * Load a page via AJAX (with sessionStorage cache)
*/
loadPage: function(pageNum) {
var self = this;
-
- InfiniteScrollState.pendingPage = pageNum;
-
var formData = PropertyFilters.getFormData();
+
var requestData = {
action: 'homeproz_filter_properties',
nonce: homeprozAjax.nonce,
@@ -1791,12 +2263,41 @@
requestData.center = PropertyFilters.mapCenter;
}
+ // Check cache first
+ var cached = AjaxCache.get(requestData);
+ if (cached && cached.success && cached.data && cached.data.html) {
+ // Use cached data immediately
+ if (!InfiniteScrollState.pages[pageNum]) {
+ InfiniteScrollState.pages[pageNum] = {};
+ }
+ InfiniteScrollState.pages[pageNum].state = 'populated';
+
+ var $page = self.$grid.find('.infinite-scroll-page[data-page="' + pageNum + '"]');
+ if ($page.length) {
+ $page.html(cached.data.html);
+ $page.attr('data-state', 'populated');
+
+ if (typeof CardImageLoader !== 'undefined') {
+ CardImageLoader.process();
+ }
+ }
+
+ // Continue loading more pages if needed
+ self.syncPages();
+ return;
+ }
+
+ InfiniteScrollState.pendingPage = pageNum;
+
$.ajax({
url: homeprozAjax.ajaxUrl,
type: 'POST',
data: requestData,
success: function(response) {
if (response.success && response.data.html) {
+ // Cache the response
+ AjaxCache.set(requestData, response);
+
// Update state
if (!InfiniteScrollState.pages[pageNum]) {
InfiniteScrollState.pages[pageNum] = {};
diff --git a/wp-content/themes/homeproz/template-parts/property/property-filters.scss b/wp-content/themes/homeproz/template-parts/property/property-filters.scss
index 447f2449..7f9cb292 100755
--- a/wp-content/themes/homeproz/template-parts/property/property-filters.scss
+++ b/wp-content/themes/homeproz/template-parts/property/property-filters.scss
@@ -202,6 +202,13 @@
gap: 1.5rem;
}
}
+
+ // Min height in map view to prevent layout collapse during loading/restore
+ @media (min-width: 1024px) {
+ .is-map-view & #property-results {
+ min-height: 100vh;
+ }
+ }
}
// Grid view properties grid
';
+ fullHtml += result.html;
+ fullHtml += '
';
+ }
+ });
+
+ fullHtml += '