New: Project Aphrodite

frontend/src/Store/Actions/Creators/createFetchServerSideCollectionHandler.js

@@ -0,0 +1,67 @@
+import _ from 'lodash';
+import $ from 'jquery';
+import { batchActions } from 'redux-batched-actions';
+import findSelectedFilters from 'Utilities/Filter/findSelectedFilters';
+import getSectionState from 'Utilities/State/getSectionState';
+import { set, updateServerSideCollection } from '../baseActions';
+
+function createFetchServerSideCollectionHandler(section, url, fetchDataAugmenter) {
+  return function(getState, payload, dispatch) {
+    dispatch(set({ section, isFetching: true }));
+
+    const sectionState = getSectionState(getState(), section, true);
+    const page = payload.page || sectionState.page || 1;
+
+    const data = Object.assign({ page },
+      _.pick(sectionState, [
+        'pageSize',
+        'sortDirection',
+        'sortKey'
+      ]));
+
+    if (fetchDataAugmenter) {
+      fetchDataAugmenter(getState, payload, data);
+    }
+
+    const {
+      selectedFilterKey,
+      filters,
+      customFilters
+    } = sectionState;
+
+    const selectedFilters = findSelectedFilters(selectedFilterKey, filters, customFilters);
+
+    selectedFilters.forEach((filter) => {
+      data[filter.key] = filter.value;
+    });
+
+    const promise = $.ajax({
+      url,
+      data
+    });
+
+    promise.done((response) => {
+      dispatch(batchActions([
+        updateServerSideCollection({ section, data: response }),
+
+        set({
+          section,
+          isFetching: false,
+          isPopulated: true,
+          error: null
+        })
+      ]));
+    });
+
+    promise.fail((xhr) => {
+      dispatch(set({
+        section,
+        isFetching: false,
+        isPopulated: false,
+        error: xhr
+      }));
+    });
+  };
+}
+
+export default createFetchServerSideCollectionHandler;