homeflowjs 0.13.19 → 0.13.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -652,9 +652,70 @@
|
|
652
652
|
}
|
653
653
|
}
|
654
654
|
|
655
|
+
// Loading
|
655
656
|
.hfjs-instant-val__loader {
|
656
657
|
margin-top: 180px;
|
658
|
+
position: absolute;
|
659
|
+
left: 0;
|
660
|
+
right: 0;
|
661
|
+
margin-left: auto;
|
662
|
+
margin-right: auto;
|
663
|
+
display: inline-block;
|
664
|
+
width: 80px;
|
665
|
+
height: 80px;
|
666
|
+
padding: 4rem;
|
667
|
+
}
|
668
|
+
// Loading
|
669
|
+
.hfjs-instant-val__loader div {
|
670
|
+
position: absolute;
|
671
|
+
top: 33px;
|
672
|
+
width: 13px;
|
673
|
+
height: 13px;
|
674
|
+
border-radius: 50%;
|
675
|
+
background: #888;
|
676
|
+
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
657
677
|
}
|
678
|
+
.hfjs-instant-val__loader div:nth-child(1) {
|
679
|
+
left: 8px;
|
680
|
+
animation: valuation-loader1 0.6s infinite;
|
681
|
+
}
|
682
|
+
.hfjs-instant-val__loader div:nth-child(2) {
|
683
|
+
left: 8px;
|
684
|
+
animation: valuation-loader2 0.6s infinite;
|
685
|
+
}
|
686
|
+
.hfjs-instant-val__loader div:nth-child(3) {
|
687
|
+
left: 32px;
|
688
|
+
animation: valuation-loader2 0.6s infinite;
|
689
|
+
}
|
690
|
+
.hfjs-instant-val__loader div:nth-child(4) {
|
691
|
+
left: 56px;
|
692
|
+
animation: valuation-loader3 0.6s infinite;
|
693
|
+
}
|
694
|
+
@keyframes valuation-loader1 {
|
695
|
+
0% {
|
696
|
+
transform: scale(0);
|
697
|
+
}
|
698
|
+
100% {
|
699
|
+
transform: scale(1);
|
700
|
+
}
|
701
|
+
}
|
702
|
+
@keyframes valuation-loader2 {
|
703
|
+
0% {
|
704
|
+
transform: translate(0, 0);
|
705
|
+
}
|
706
|
+
100% {
|
707
|
+
transform: translate(24px, 0);
|
708
|
+
}
|
709
|
+
}
|
710
|
+
@keyframes valuation-loader3 {
|
711
|
+
0% {
|
712
|
+
transform: scale(1);
|
713
|
+
}
|
714
|
+
100% {
|
715
|
+
transform: scale(0);
|
716
|
+
}
|
717
|
+
}
|
718
|
+
|
658
719
|
|
659
720
|
.instant-valuation__price-label {
|
660
721
|
margin-bottom: 0;
|
package/package.json
CHANGED
@@ -95,7 +95,7 @@ export default class GeonamesMap extends DraggableMap {
|
|
95
95
|
|
96
96
|
if (!this.markersInitialized) {
|
97
97
|
const { geonames, properties } = store.getState().properties
|
98
|
-
if (!properties && !geonames?.length) {
|
98
|
+
if (!properties && !geonames?.length && !this.viewport && !store.getState().search.currentSearch?.place?.polygon) {
|
99
99
|
const place = store.getState().search.currentSearch?.place;
|
100
100
|
const { lat, lng } = place;
|
101
101
|
this.map.setView(new L.LatLng(lat, lng), 14);
|
@@ -118,7 +118,7 @@ export default class GeonamesMap extends DraggableMap {
|
|
118
118
|
|
119
119
|
if (!zoomLevel) zoomLevel = window.lastZoomLevel;
|
120
120
|
|
121
|
-
if (zoomLevel >
|
121
|
+
if (zoomLevel > this.locationPinsMaxZoomLevel) {
|
122
122
|
window.markerType = 'properties';
|
123
123
|
} else {
|
124
124
|
window.markerType = 'geonames';
|
@@ -181,6 +181,8 @@ export default class GeonamesMap extends DraggableMap {
|
|
181
181
|
geonamesInit() {
|
182
182
|
if (!this.map || this.geonamesInitialized) return;
|
183
183
|
|
184
|
+
this.locationPinsMaxZoomLevel = store.getState().app.themePreferences?.locationPinsMaxZoomLevel || 9;
|
185
|
+
|
184
186
|
const { geonames } = store.getState().properties;
|
185
187
|
|
186
188
|
if (geonames && !this.geonames) {
|
@@ -195,14 +197,14 @@ export default class GeonamesMap extends DraggableMap {
|
|
195
197
|
const zoomLevel = this.map.getZoom();
|
196
198
|
|
197
199
|
// If we don't have any geonames we need to show property markers
|
198
|
-
if (!geonames && zoomLevel >
|
200
|
+
if (!geonames && zoomLevel > this.locationPinsMaxZoomLevel) window.markerType = 'properties';
|
199
201
|
|
200
202
|
/**
|
201
203
|
* If we don't have any geonames we need to run onMapDrag
|
202
204
|
* as it doesn't run for open searches otherwise and we need
|
203
205
|
* it to load geonames
|
204
206
|
*/
|
205
|
-
if (!geonames && zoomLevel <
|
207
|
+
if (!geonames && zoomLevel < this.locationPinsMaxZoomLevel) {
|
206
208
|
this.onMapDrag();
|
207
209
|
window.markerType = 'geonames';
|
208
210
|
}
|