Active
'+this.escapeHtml(s.price_formatted)+'
"+o+"
",className:"marker-cluster marker-cluster-"+c,iconSize:L.point(40,40)})}}),this.map.addLayer(this.markerCluster);var i=this;this.map.on("moveend zoomend",function(){i.loadClusters(),setTimeout(function(){l.updateUrlState()},400)}),this.bindCardHoverEvents(),this.loadClusters()}},loadClusters:function(){if(this.map){var t=this,e=this.map.getBounds(),i=this.map.getCenter(),r=this.map.getZoom(),o=[e.getSouthWest().lat,e.getSouthWest().lng,e.getNorthEast().lat,e.getNorthEast().lng],c=[i.lat,i.lng],d={action:"mls_get_clusters",zoom:r,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||""};l.updateFromMap(o,c);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}s.queue("clusters",function(I){return a.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,a(".property-card").removeClass("property-card-highlighted");var e=this,i=this.map.getZoom();t.forEach(function(r){var o=e.getDensityColor(r.count,i),c=e.getDensitySize(r.count,i),d=L.divIcon({html:'',className:"density-dot-container",iconSize:[c,c],iconAnchor:[c/2,c/2]}),p=L.marker([r.lat,r.lng],{icon:d});p.on("click",function(){e.map.setView([r.lat,r.lng],e.map.getZoom()+2)}),p.bindTooltip(r.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),r=t/i;return r>=1.5?"rgba(180, 83, 9, 0.8)":r>=1?"rgba(217, 119, 6, 0.8)":r>=.6?"rgba(245, 158, 11, 0.8)":r>=.3?"rgba(234, 179, 8, 0.8)":r>=.15?"rgba(132, 204, 22, 0.8)":"rgba(34, 197, 94, 0.8)"},getDensitySize:function(t,e){var i=this.getDensityThreshold(e),r=t/i;return r>=1.5?11:r>=1?10:r>=.6?8:r>=.3?7:6},renderClusters:function(t){this.clearAllLayers(),this.selectedPropertyId=null,this.isPinClickPan=!1,a(".property-card").removeClass("property-card-highlighted");var e=this;t.forEach(function(i){var r="small";i.count>=100?r="large":i.count>=10&&(r="medium");var o=L.divIcon({html:""+i.count+"
",className:"marker-cluster marker-cluster-"+r+" server-cluster",iconSize:L.point(40,40)}),c=L.marker([i.lat,i.lng],{icon:o});c.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)),c.bindTooltip(i.count+" properties"+d,{className:"cluster-tooltip"}),e.clusterLayer.addLayer(c)})},renderMarkers:function(t){var e=this.selectedPropertyId;this.clearAllLayers(),this.hoveredPropertyId=null;var i=this,r=[];t.forEach(function(o,c){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+c});f.propertyId=o.id,f.defaultZIndex=i.baseZIndex+c,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)}),r.push(f),i.markers[o.id]=f}}),r.length<=30?r.forEach(function(o){i.markerLayer.addLayer(o)}):this.markerCluster.addLayers(r),this.isPinClickPan=!1,e&&this.markers[e]?this.selectedPropertyId=e:(this.selectedPropertyId=null,a(".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){var e=this;if(this.selectedPropertyId!==t){this.selectedPropertyId&&(this.setMarkerColor(this.selectedPropertyId,"red"),this.resetMarkerZIndex(this.selectedPropertyId),a("#property-"+this.selectedPropertyId).removeClass("property-card-highlighted"));var i=this.markerData[t];if(i){this.selectedPropertyId=t,this.setMarkerColor(t,"amber"),this.setMarkerZIndex(t,1e4);var r=a("#property-"+t);r.length?(r.addClass("property-card-highlighted"),this.isCardScroll=!0,a("html, body").animate({scrollTop:r.offset().top-120},300,function(){setTimeout(function(){e.isCardScroll=!1},100)})):(this.isPinClickPan=!0,this.map.panTo([i.lat,i.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;a(document).on("mouseenter",".property-card[data-property-id]",function(){var e=a(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 r=e.data("lat"),o=e.data("lng");r&&o&&t.map&&(t.temporaryHoverMarker&&t.map.removeLayer(t.temporaryHoverMarker),t.temporaryHoverMarker=L.marker([r,o],{icon:t.createIcon("blue"),zIndexOffset:15e3}),t.temporaryHoverMarker.addTo(t.map))}}),a(document).on("mouseleave",".property-card[data-property-id]",function(){var e=a(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)))})}},u={$mainFilter:null,$stickyFilter:null,$mainForm:null,$stickyForm:null,observer:null,isVisible:!1,init:function(){window.innerWidth<1024||!a(".is-map-view").length||(this.$mainFilter=a("#property-filters"),this.$stickyFilter=a("#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,a(this).val())}),this.$stickyForm.find("select").on("change",function(){t.syncToMain(this.name,a(this).val()),l.filterProperties(1)}),this.$stickyForm.find("input").on("change",function(){t.syncToMain(this.name,a(this).val()),l.filterProperties(1)}),this.$stickyForm.on("submit",function(e){e.preventDefault(),l.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,a(this).val())})}},l={$form:null,$results:null,$filters:null,isFirstLoad:!0,mapBounds:null,mapCenter:null,isMapUpdate:!1,init:function(){this.$form=a(".filters-form"),this.$results=a("#property-results"),this.$filters=a("#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.onFilterChange()}),a(".filters-reset").on("click",function(e){e.preventDefault(),t.resetFilters()}),this.$results.on("click",".pagination a",function(e){e.preventDefault();var i=t.getPageFromUrl(a(this).attr("href"));t.filterProperties(i)}),a(window).on("hashchange",function(){var e=t.getPageFromHash();t.filterProperties(e,!1)})},initFromUrl:function(){var t=this.getStateFromHash();t&&(this.$form.find("select").each(function(){var e=a(this).attr("name");t[e]&&a(this).val(t[e])}),this.$form.find('input[type="text"]').each(function(){var e=a(this).attr("name");t[e]&&a(this).val(t[e])}),(t.lat!==null||t.page>1)&&(this.pendingRestoreState=t))},restoreState:function(){var t=this.pendingRestoreState;if(t){this.pendingRestoreState=null;var e=this.getFormData();if(n.currentFilters={status:"Active",property_type:e.property_type||"",city:e.property_location||"",min_price:e.min_price||"",max_price:e.max_price||"",min_beds:e.beds||""},t.lat!==null&&t.lng!==null&&t.zoom!==null&&n.map){n.map.off("moveend zoomend"),n.map.setView([t.lat,t.lng],t.zoom);var i=n.map.getBounds(),r=n.map.getCenter();this.mapBounds=[i.getSouthWest().lat,i.getSouthWest().lng,i.getNorthEast().lat,i.getNorthEast().lng],this.mapCenter=[r.lat,r.lng],n.loadClusters(),setTimeout(function(){n.map.on("moveend zoomend",function(){n.loadClusters(),setTimeout(function(){l.updateUrlState()},400)})},100)}t.page>1?this.bulkLoadPages(t.page,t.scroll):t.scroll>0&&(window.scrollTo({top:t.scroll,behavior:"instant"}),a(window).trigger("scroll"))}},bulkLoadPages:function(t,e){var i=this,r=this.getFormData();h.isRestoring=!0;for(var o=[],c=1;c<=t+1;c++)o.push(c);var d={action:"homeproz_filter_properties",nonce:homeprozAjax.nonce,property_type:r.property_type,property_location:r.property_location,zip:r.zip,min_price:r.min_price,max_price:r.max_price,beds:r.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=a.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=a.extend({},d,{paged:P});return a.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})});a.when.apply(a,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(){h.isRestoring=!1,i.filterProperties(1,!1)})},renderBulkResults:function(t,e,i){t.sort(function(c,d){return c.page-d.page});var r=t[0]?t[0].max_pages:1,o='';o+='
',t.forEach(function(c){c.html&&c.page<=r&&(o+='
",this.$results.html(o),h.currentPage=Math.min(e+1,r),h.maxPages=r,h.pages={},t.forEach(function(c){c.page<=r&&(h.pages[c.page]={state:"populated"})}),i>0&&window.scrollTo({top:i,behavior:"instant"}),h.isRestoring=!1,a(window).trigger("scroll"),typeof b<"u"&&b.process()},updateFromMap:function(t,e){n.isCardScroll||(this.mapBounds=t,this.mapCenter=e,this.isMapUpdate=!0,n.isPinClickPan||this.clearPinSelection(),this.$results.html('',o+=c.html,o+="
")}),o+="'),h.isEnabled&&v.reset(n.isPinClickPan),h.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(r){return!r.startsWith("scroll=")}),i=e.length?"#"+e.join("&"):"";history.replaceState(null,"",window.location.pathname+window.location.search+i)}},clearPinSelection:function(){n.selectedPropertyId&&(n.setMarkerColor(n.selectedPropertyId,"red"),n.resetMarkerZIndex(n.selectedPropertyId),a("#property-"+n.selectedPropertyId).removeClass("property-card-highlighted"),n.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,r=this.getFormData();this.$filters.addClass("is-loading"),this.isFirstLoad&&this.$results.html('
');var o={action:"homeproz_filter_properties",nonce:homeprozAjax.nonce,property_type:r.property_type,property_location:r.property_location,zip:r.zip,min_price:r.min_price,max_price:r.max_price,beds:r.beds,paged:t};this.mapBounds&&(o.bounds=this.mapBounds),this.mapCenter&&(o.center=this.mapCenter);var c=this.isMapUpdate;this.isMapUpdate=!1,s.queue("properties",function(d){return a.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&&!c&&n.updateFilters(d.data.filters),typeof m<"u"&&m.calculate(),v.destroy(),setTimeout(function(){v.init()},100),e&&i.updateUrl(r,t),n.selectedPropertyId?setTimeout(function(){var f=a("#property-"+n.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.
'),n[0].complete?s.removeClass("is-loading"):(n.on("load",function(){s.removeClass("is-loading")}),n.on("error",function(){s.removeClass("is-loading")}))})},preloadThumbnailPages:function(s,n){for(var u=this,l=s*this.thumbnailsPerPage,g=Math.min((s+n)*this.thumbnailsPerPage,this.images.length),m=l;m
Active
'+this.escapeHtml(s.price_formatted)+'
'+this.escapeHtml(s.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],p={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 d=b.get(p);if(d&&d.success){var f=d.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}s.queue("clusters",function(y){return r.ajax({url:homeprozMapData.clusterEndpoint,type:"GET",data:p})},function(y,w){if(y.success){b.set(p,y);var x=y.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),p=L.divIcon({html:'',className:"density-dot-container",iconSize:[u,u],iconAnchor:[u/2,u/2]}),d=L.marker([a.lat,a.lng],{icon:p});d.on("click",function(){e.map.setView([a.lat,a.lng],e.map.getZoom()+2)}),d.bindTooltip(a.count+" properties",{className:"density-tooltip"}),e.densityLayer.addLayer(d)})},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 p="$"+e.formatNumber(i.min_price);i.max_price!==i.min_price&&(p+=" - $"+e.formatNumber(i.max_price)),u.bindTooltip(i.count+" properties"+p,{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 p=o.id===e,d=p?"amber":"red",f=L.marker([o.lat,o.lng],{icon:i.createIcon(d),zIndexOffset:p?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(y){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()},resetToInitialPosition:function(){this.map&&this.map.setView(this.initialCenter,this.initialZoom)},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){var e=this;if(this.selectedPropertyId!==t){this.selectedPropertyId&&(this.setMarkerColor(this.selectedPropertyId,"red"),this.resetMarkerZIndex(this.selectedPropertyId),r("#property-"+this.selectedPropertyId).removeClass("property-card-highlighted"));var i=this.markerData[t];if(i){this.selectedPropertyId=t,this.setMarkerColor(t,"amber"),this.setMarkerZIndex(t,1e4);var a=r("#property-"+t);a.length?(a.addClass("property-card-highlighted"),this.isCardScroll=!0,r("html, body").animate({scrollTop:a.offset().top-120},300,function(){setTimeout(function(){e.isCardScroll=!1},100)})):(this.isPinClickPan=!0,this.map.panTo([i.lat,i.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)))})}},l={$mainFilter:null,$stickyFilter:null,$mainForm:null,$stickyForm:null,$resetButton:null,$masthead:null,scrollTimeout: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.$resetButton=this.$mainFilter.find(".filter-item-button .btn"),this.$masthead=r("#masthead"),!(!this.$mainFilter.length||!this.$stickyFilter.length||!this.$resetButton.length)&&(this.setupScrollHandler(),this.bindEvents(),this.checkVisibility()))},setupScrollHandler:function(){var t=this;r(window).on("scroll.stickyFilters",function(){clearTimeout(t.scrollTimeout),t.scrollTimeout=setTimeout(function(){t.checkVisibility()},50)})},checkVisibility:function(){var t=this.$masthead.length?this.$masthead.outerHeight():0,e=t+10,i=this.$resetButton[0].getBoundingClientRect();i.bottom
');var y=f.map(function(w){var x=r.extend({},p,{paged:w});return r.ajax({url:homeprozAjax.ajaxUrl,type:"POST",data:x}).then(function(I){var _={page:w,html:I.success?I.data.html:"",max_pages:I.success?I.data.max_pages:0};return I.success&&b.set(x,I),_})});r.when.apply(r,y).done(function(){var w=y.length===1?[arguments[0]]:Array.prototype.slice.call(arguments),x=d.concat(w);i.renderBulkResults(x,t,e)}).fail(function(){c.isRestoring=!1,i.filterProperties(1,!1)})},renderBulkResults:function(t,e,i){t.sort(function(u,p){return u.page-p.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),c.currentPage=Math.min(e+1,a),c.maxPages=a,c.pages={},t.forEach(function(u){u.page<=a&&(c.pages[u.page]={state:"populated"})}),i>0&&window.scrollTo({top:i,behavior:"instant"}),c.isRestoring=!1,r(window).trigger("scroll"),typeof P<"u"&&P.process()},updateFromMap:function(t,e){n.isCardScroll||(this.mapBounds=t,this.mapCenter=e,this.isMapUpdate=!0,n.isPinClickPan||this.clearPinSelection(),this.$results.html('',o+=u.html,o+="
")}),o+="'),c.isEnabled&&v.reset(n.isPinClickPan),c.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(){n.selectedPropertyId&&(n.setMarkerColor(n.selectedPropertyId,"red"),n.resetMarkerZIndex(n.selectedPropertyId),r("#property-"+n.selectedPropertyId).removeClass("property-card-highlighted"),n.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;var p=this.isResetTriggered;this.isResetTriggered=!1,s.queue("properties",function(d){return r.ajax({url:homeprozAjax.ajaxUrl,type:"POST",data:o})},function(d,f){d.success&&(i.$results.html(d.data.html),i.isFirstLoad=!1,p&&d.data.found_posts===0&&n.map&&n.resetToInitialPosition(),d.data.filters&&!u&&n.updateFilters(d.data.filters),typeof m<"u"&&m.calculate(),v.destroy(),setTimeout(function(){v.init()},100),e&&i.updateUrl(a,t),n.selectedPropertyId?setTimeout(function(){var y=r("#property-"+n.selectedPropertyId);y.length&&(window.scrollTo({top:y.offset().top-120,behavior:"instant"}),y.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.
'),n[0].complete?s.removeClass("is-loading"):(n.on("load",function(){s.removeClass("is-loading")}),n.on("error",function(){s.removeClass("is-loading")}))})},preloadThumbnailPages:function(s,n){for(var l=this,h=s*this.thumbnailsPerPage,g=Math.min((s+n)*this.thumbnailsPerPage,this.images.length),m=h;m
+ Reset
+
diff --git a/wp-content/themes/homeproz/template-parts/property/property-filters.js b/wp-content/themes/homeproz/template-parts/property/property-filters.js
index c84bdc86..bcceb6fc 100755
--- a/wp-content/themes/homeproz/template-parts/property/property-filters.js
+++ b/wp-content/themes/homeproz/template-parts/property/property-filters.js
@@ -281,6 +281,8 @@
baseZIndex: 400,
currentFilters: {},
currentMode: null, // Track current visualization mode
+ initialCenter: [45.0, -93.5], // Initial map center (Minnesota)
+ initialZoom: 7, // Initial zoom level
/**
* Initialize the map
@@ -683,6 +685,15 @@
this.loadClusters();
},
+ /**
+ * Reset map to initial position (Minnesota overview)
+ */
+ resetToInitialPosition: function() {
+ if (this.map) {
+ this.map.setView(this.initialCenter, this.initialZoom);
+ }
+ },
+
/**
* Format number with commas
*/
@@ -895,7 +906,9 @@
$stickyFilter: null,
$mainForm: null,
$stickyForm: null,
- observer: null,
+ $resetButton: null,
+ $masthead: null,
+ scrollTimeout: null,
isVisible: false,
/**
@@ -911,38 +924,49 @@
this.$stickyFilter = $('#property-filters-sticky');
this.$mainForm = this.$mainFilter.find('.filters-form');
this.$stickyForm = this.$stickyFilter.find('.filters-form-sticky');
+ this.$resetButton = this.$mainFilter.find('.filter-item-button .btn');
+ this.$masthead = $('#masthead');
- if (!this.$mainFilter.length || !this.$stickyFilter.length) {
+ if (!this.$mainFilter.length || !this.$stickyFilter.length || !this.$resetButton.length) {
return;
}
- this.setupObserver();
+ this.setupScrollHandler();
this.bindEvents();
+ // Check initial state
+ this.checkVisibility();
},
/**
- * Setup IntersectionObserver on main filter
+ * Setup scroll handler to check reset button visibility
+ * Sticky filter shows when reset button's bottom edge is above (masthead + 10px)
*/
- setupObserver: function() {
+ setupScrollHandler: function() {
var self = this;
- this.observer = new IntersectionObserver(function(entries) {
- entries.forEach(function(entry) {
- if (entry.isIntersecting) {
- // Main filter is visible - hide sticky (instant)
- self.hideStickyFilter();
- } else {
- // Main filter scrolled out - show sticky (animated)
- self.showStickyFilter();
- }
- });
- }, {
- root: null,
- rootMargin: '0px',
- threshold: 0
+ $(window).on('scroll.stickyFilters', function() {
+ clearTimeout(self.scrollTimeout);
+ self.scrollTimeout = setTimeout(function() {
+ self.checkVisibility();
+ }, 50);
});
+ },
- this.observer.observe(this.$mainFilter[0]);
+ /**
+ * Check if main filter is obscured and toggle sticky visibility
+ * Obscured = reset button bottom edge is above (viewport top + masthead height + 10px)
+ */
+ checkVisibility: function() {
+ var mastheadHeight = this.$masthead.length ? this.$masthead.outerHeight() : 0;
+ var threshold = mastheadHeight + 10;
+ var resetButtonRect = this.$resetButton[0].getBoundingClientRect();
+
+ // Reset button is obscured when its bottom edge is above the threshold
+ if (resetButtonRect.bottom < threshold) {
+ this.showStickyFilter();
+ } else {
+ this.hideStickyFilter();
+ }
},
/**
@@ -956,6 +980,22 @@
self.syncToSticky(this.name, $(this).val());
});
+ // City/Zip mutual exclusivity in sticky form - city clears zip
+ this.$stickyForm.find('select[name="property_location"]').on('change', function() {
+ if ($(this).val()) {
+ self.$stickyForm.find('input[name="zip"]').val('');
+ self.$mainForm.find('input[name="zip"]').val('');
+ }
+ });
+
+ // City/Zip mutual exclusivity in sticky form - zip clears city
+ this.$stickyForm.find('input[name="zip"]').on('input', function() {
+ if ($(this).val()) {
+ self.$stickyForm.find('select[name="property_location"]').val('');
+ self.$mainForm.find('select[name="property_location"]').val('');
+ }
+ });
+
// Sync sticky form -> main form and trigger filter
this.$stickyForm.find('select').on('change', function() {
self.syncToMain(this.name, $(this).val());
@@ -1047,6 +1087,7 @@
mapBounds: null, // Current map viewport bounds
mapCenter: null, // Current map center for distance sorting
isMapUpdate: false, // Flag to prevent map->filter->map loop
+ isResetTriggered: false, // Flag: true when reset button was clicked
/**
* Initialize
@@ -1076,6 +1117,34 @@
self.filterProperties(1);
});
+ // City/Zip mutual exclusivity - city clears zip
+ this.$form.find('select[name="property_location"]').on('change', function() {
+ if ($(this).val()) {
+ self.$form.find('input[name="zip"]').val('');
+ // Also sync to sticky form if it exists
+ if (StickyFilters && StickyFilters.$stickyForm) {
+ StickyFilters.$stickyForm.find('input[name="zip"]').val('');
+ }
+ }
+ });
+
+ // City/Zip mutual exclusivity - zip clears city
+ this.$form.find('input[name="zip"]').on('input', function() {
+ if ($(this).val()) {
+ self.$form.find('select[name="property_location"]').val('');
+ // Also sync to sticky form if it exists
+ if (StickyFilters && StickyFilters.$stickyForm) {
+ StickyFilters.$stickyForm.find('select[name="property_location"]').val('');
+ }
+ }
+ });
+
+ // Zip code submit on enter or blur
+ this.$form.find('input[name="zip"]').on('change', function() {
+ self.clearPinSelection();
+ self.onFilterChange();
+ });
+
// Filter changes (auto-submit on select change)
this.$form.find('select').on('change', function() {
self.clearPinSelection();
@@ -1480,6 +1549,10 @@
var wasMapUpdate = this.isMapUpdate;
this.isMapUpdate = false;
+ // Capture and clear reset flag
+ var wasResetTriggered = this.isResetTriggered;
+ this.isResetTriggered = false;
+
// Queue the property list request with debounce and cancellation
RequestQueue.queue(
'properties',
@@ -1495,6 +1568,11 @@
self.$results.html(response.data.html);
self.isFirstLoad = false;
+ // If reset was triggered and no results, reset map to initial position
+ if (wasResetTriggered && response.data.found_posts === 0 && PropertyMap.map) {
+ PropertyMap.resetToInitialPosition();
+ }
+
// Update map with new filter params (but not if this was triggered by map move)
if (response.data.filters && !wasMapUpdate) {
PropertyMap.updateFilters(response.data.filters);
@@ -1681,9 +1759,24 @@
/**
* Reset filters
+ * Clears all form fields and triggers reload.
+ * If no results after reset, map resets to initial position.
*/
resetFilters: function() {
+ // Clear all selects
this.$form.find('select').val('');
+ // Clear zip input
+ this.$form.find('input[name="zip"]').val('');
+
+ // Also sync to sticky form
+ if (StickyFilters && StickyFilters.$stickyForm) {
+ StickyFilters.$stickyForm.find('select').val('');
+ StickyFilters.$stickyForm.find('input[name="zip"]').val('');
+ }
+
+ // Set flag for reset-triggered request
+ this.isResetTriggered = true;
+
this.onFilterChange();
},
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 7f9cb292..37a149df 100755
--- a/wp-content/themes/homeproz/template-parts/property/property-filters.scss
+++ b/wp-content/themes/homeproz/template-parts/property/property-filters.scss
@@ -473,19 +473,17 @@
letter-spacing: 0.03em;
}
-.filter-select {
+.filter-select,
+.filter-input {
width: 100%;
- padding: 0.625rem 2rem 0.625rem 0.75rem;
- background-color: var(--color-bg-dark);
+ height: 2.75rem;
+ padding: 0 0.75rem;
+ background-color: #000;
border: 1px solid var(--color-border);
border-radius: 0.25rem;
color: var(--color-text);
font-size: 0.9375rem;
- cursor: pointer;
- appearance: none;
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B0B0B0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
- background-repeat: no-repeat;
- background-position: right 0.75rem center;
+ box-sizing: border-box;
&:focus {
outline: none;
@@ -493,24 +491,20 @@
}
}
-.filter-input {
- width: 100%;
- padding: 0.625rem 0.75rem;
- background-color: var(--color-bg-dark);
- border: 1px solid var(--color-border);
- border-radius: 0.25rem;
- color: var(--color-text);
- font-size: 0.9375rem;
+.filter-select {
+ padding-right: 2rem;
+ cursor: pointer;
+ appearance: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B0B0B0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+ background-repeat: no-repeat;
+ background-position: right 0.75rem center;
+}
+.filter-input {
&::placeholder {
color: var(--color-text-muted);
opacity: 0.7;
}
-
- &:focus {
- outline: none;
- border-color: var(--color-accent);
- }
}
// Zip code filter - narrower width
@@ -571,12 +565,14 @@
.filter-select,
.filter-input {
width: 100%;
- padding: 0.5rem 0.625rem;
+ height: 2.25rem;
+ padding: 0 0.625rem;
font-size: 0.8125rem;
- background-color: var(--color-bg-dark);
+ background-color: #000;
border: 1px solid var(--color-border);
border-radius: 0.25rem;
color: var(--color-text);
+ box-sizing: border-box;
&:focus {
outline: none;
@@ -602,6 +598,19 @@
}
}
+.filters-sticky-reset {
+ display: flex;
+ justify-content: center;
+ margin-top: 0.75rem;
+ padding-top: 0.75rem;
+ border-top: 1px solid var(--color-border);
+
+ .btn {
+ padding: 0.5rem 1.5rem;
+ font-size: 0.8125rem;
+ }
+}
+
// Results loading spinner (only for first load)
.property-results-loading {
display: flex;