homeflowjs 0.12.18 → 0.12.20

package/actions/properties.actions.js

@@ -151,6 +151,28 @@ export const loadNext = () => (dispatch, getState) => {
     });
 };
 
+export const loadPage = (payload) => (dispatch, getState) => {
+  dispatch(setLoading({ properties: true }));
+  // set page on search to page + 1
+  let newProperties = [...getState().properties.properties];
+  const newSearch = { ...getState().search.currentSearch };
+  newSearch.page = payload;
+  // conduct search ljson
+  return fetch(`/search.ljson?${buildQueryString(newSearch)}`)
+    .then((response) => response.json())
+    .then((json) => {
+      if (json.properties) {
+        // add the page number to each new property for dividing properties into per-page divs
+        const addedProperties = json.properties.map((property) => (
+          { ...property, resultPage: newSearch.page }
+        ));
+        newProperties = [...addedProperties, ...newProperties];
+        dispatch(setProperties(newProperties));
+        dispatch(setLoading({ properties: false }));
+      }
+    });
+};
+
 export const toggleSavedProperty = (payload) => ({
   type: PropertiesActionTypes.TOGGLE_SAVED_PROPERTY,
   payload,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.12.18",
+  "version": "0.12.20",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/properties/properties-map/draggable-map.js

@@ -101,7 +101,7 @@ export default class DraggableMap {
     if (marker.property.geoname_id && marker.property.viewport) {
       this.bounds = this.getViewportBounds(marker.property.viewport);
       this.map.fitBounds(this.bounds, Homeflow.get('custom_map_bounds_padding'));
-      this.onMapDrag();
+      this.onMapDrag({ markerPlaceId: marker.property.geoname_id });
     }
   }
 
@@ -462,7 +462,7 @@ export default class DraggableMap {
   }
 
 
-  onMapDrag() {
+  onMapDrag({ markerPlaceId } = { markerPlaceId: null }) {
     if (Homeflow.get('disable_draggable_map') || this.drawableMapInitialized) return;
 
     let url;
@@ -494,6 +494,10 @@ export default class DraggableMap {
     Homeflow.kickEvent('before_draggable_map_updated');
     url = url + '&zoom_level=' + this.map.getZoom();
 
+    if (markerPlaceId) {
+      url = url + `&marker_place_id=${markerPlaceId}`;
+    }
+
     return fetch(url)
             .then((response) => response.json())
             .then(json => {

package/properties/properties-map/drawable-map.js

@@ -27,9 +27,9 @@ export default class DrawableMap extends DraggableMap {
     }
   }
 
-  onMapDrag() {
+  onMapDrag({ markerPlaceId } = { markerPlaceId: null }) {
     if (this.drawnItems.getLayers().length === 0) {
-      return super.onMapDrag();
+      return super.onMapDrag({ markerPlaceId });
     } else {
       return this.onPolygonDrawn(this.drawnItems.getLayers()[0], false);
     }