[UI Work] Add Artist, Import Artist, Calendar

frontend/src/Store/Actions/addArtistActionHandlers.js

@@ -0,0 +1,98 @@
+import _ from 'lodash';
+import $ from 'jquery';
+import { batchActions } from 'redux-batched-actions';
+import getNewSeries from 'Utilities/Series/getNewSeries';
+import * as types from './actionTypes';
+import { set, update, updateItem } from './baseActions';
+
+let currentXHR = null;
+let xhrCancelled = false;
+const section = 'addArtist';
+
+const addArtistActionHandlers = {
+  [types.LOOKUP_ARTIST]: function(payload) {
+    return function(dispatch, getState) {
+      dispatch(set({ section, isFetching: true }));
+
+      if (currentXHR) {
+        xhrCancelled = true;
+        currentXHR.abort();
+        currentXHR = null;
+      }
+
+      currentXHR = new window.XMLHttpRequest();
+      xhrCancelled = false;
+
+      const promise = $.ajax({
+        url: '/artist/lookup',
+        xhr: () => currentXHR,
+        data: {
+          term: payload.term
+        }
+      });
+
+      promise.done((data) => {
+        dispatch(batchActions([
+          update({ section, data }),
+
+          set({
+            section,
+            isFetching: false,
+            isPopulated: true,
+            error: null
+          })
+        ]));
+      });
+
+      promise.fail((xhr) => {
+        dispatch(set({
+          section,
+          isFetching: false,
+          isPopulated: false,
+          error: xhrCancelled ? null : xhr
+        }));
+      });
+    };
+  },
+
+  [types.ADD_ARTIST]: function(payload) {
+    return function(dispatch, getState) {
+      dispatch(set({ section, isAdding: true }));
+
+      const foreignArtistId = payload.foreignArtistId;
+      const items = getState().addArtist.items;
+      const newSeries = getNewSeries(_.cloneDeep(_.find(items, { foreignArtistId })), payload);
+
+      const promise = $.ajax({
+        url: '/artist',
+        method: 'POST',
+        contentType: 'application/json',
+        data: JSON.stringify(newSeries)
+      });
+
+      promise.done((data) => {
+        dispatch(batchActions([
+          updateItem({ section: 'series', ...data }),
+
+          set({
+            section,
+            isAdding: false,
+            isAdded: true,
+            addError: null
+          })
+        ]));
+      });
+
+      promise.fail((xhr) => {
+        dispatch(set({
+          section,
+          isAdding: false,
+          isAdded: false,
+          addError: xhr
+        }));
+      });
+    };
+  }
+};
+
+export default addArtistActionHandlers;