Base changes to job upload screen.

client/src/redux/media/media.actions.js

@@ -0,0 +1,18 @@
+import MediaActionTypes from "./media.types";
+
+export const getJobMedia = (jobid) => ({
+  type: MediaActionTypes.GET_MEDIA_FOR_JOB,
+  payload: jobid,
+});
+export const setJobMedia = ({ jobid, media }) => ({
+  type: MediaActionTypes.SET_MEDIA_FOR_JOB,
+  payload: { jobid, media },
+});
+export const addMediaForJob = ({ jobid, media }) => ({
+  type: MediaActionTypes.ADD_MEDIA_FOR_JOB,
+  payload: { jobid, media },
+});
+export const getJobMediaError = ({ error, message }) => ({
+  type: MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR,
+  payload: { error, message },
+});

client/src/redux/media/media.reducer.js

@@ -0,0 +1,24 @@
+import MediaActionTypes from "./media.types";
+
+const INITIAL_STATE = { error: null };
+
+const mediaReducer = (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case MediaActionTypes.SET_MEDIA_FOR_JOB:
+      return { ...state, [action.payload.jobid]: action.payload.media };
+    case MediaActionTypes.GET_MEDIA_FOR_JOB_ERROR:
+      return { ...state, error: action.payload };
+    case MediaActionTypes.ADD_MEDIA_FOR_JOB:
+      return {
+        ...state,
+        [action.payload.jobid]: [
+          ...state[action.payload.jobid],
+          ...(action.payload.media || []),
+        ],
+      };
+    default:
+      return state;
+  }
+};
+
+export default mediaReducer;

client/src/redux/media/media.sagas.js

@@ -0,0 +1,66 @@
+import { all, call, takeLatest, put, select } from "redux-saga/effects";
+import { getJobMediaError, setJobMedia } from "./media.actions";
+import MediaActionTypes from "./media.types";
+import cleanAxios from "../../utils/CleanAxios";
+import normalizeUrl from "normalize-url";
+export function* onSetJobMedia() {
+  yield takeLatest(MediaActionTypes.GET_MEDIA_FOR_JOB, getJobMedia);
+}
+export function* getJobMedia({ payload: jobid }) {
+  try {
+    const localmediaserverhttp = (yield select(
+      (state) => state.user.bodyshop.localmediaserverhttp
+    )).trim();
+
+    if (localmediaserverhttp && localmediaserverhttp !== "") {
+      const imagesFetch = yield cleanAxios.post(
+        `${localmediaserverhttp}/jobs/list`,
+        {
+          jobid,
+        }
+      );
+      const documentsFetch = yield cleanAxios.post(
+        `${localmediaserverhttp}/bills/list`,
+        {
+          jobid,
+        }
+      );
+
+      yield put(
+        setJobMedia({
+          jobid,
+          media: [
+            ...imagesFetch.data.map((d, idx) => {
+              return {
+                ...d,
+                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
+                thumbnail: normalizeUrl(
+                  `${localmediaserverhttp}/${d.thumbnail}`
+                ),
+
+                key: idx,
+              };
+            }),
+            ...documentsFetch.data.map((d, idx) => {
+              return {
+                ...d,
+                src: normalizeUrl(`${localmediaserverhttp}/${d.src}`),
+                thumbnail: normalizeUrl(
+                  `${localmediaserverhttp}/${d.thumbnail}`
+                ),
+
+                key: idx,
+              };
+            }),
+          ],
+        })
+      );
+    }
+  } catch (error) {
+    yield put(getJobMediaError(error));
+  }
+}
+
+export function* mediaSagas() {
+  yield all([call(onSetJobMedia)]);
+}

client/src/redux/media/media.selectors.js

@@ -0,0 +1,5 @@
+import { createSelector } from "reselect";
+
+const selectMedia = (state) => state.media;
+
+export const selectAllMedia = createSelector([selectMedia], (media) => media);

client/src/redux/media/media.types.js

@@ -0,0 +1,10 @@
+const MediaActionTypes = {
+  SET_MEDIA_FOR_JOB: "SET_MEDIA_FOR_JOB",
+  GET_MEDIA_FOR_JOB: "GET_MEDIA_FOR_JOB",
+  GET_MEDIA_FOR_JOB_ERROR: "GET_MEDIA_FOR_JOB_ERROR",
+  ADD_MEDIA_FOR_JOB: "ADD_MEDIA_FOR_JOB",
+  POST_MEDIA_FOR_JOB: "POST_MEDIA_FOR_JOB",
+  POST_MEDIA_FOR_JOB_SUCCESS: "POST_MEDIA_FOR_JOB_SUCCESS",
+  POST_MEDIA_FOR_JOB_ERROR: "POST_MEDIA_FOR_JOB_ERROR",
+};
+export default MediaActionTypes;

client/src/redux/root.reducer.js

@@ -4,6 +4,7 @@ import storage from "redux-persist/lib/storage";
 import { withReduxStateSync } from "redux-state-sync";
 import applicationReducer from "./application/application.reducer";
 import emailReducer from "./email/email.reducer";
+import mediaReducer from "./media/media.reducer";
 import messagingReducer from "./messaging/messaging.reducer";
 import modalsReducer from "./modals/modals.reducer";
 import techReducer from "./tech/tech.reducer";
@@ -29,6 +30,7 @@ const rootReducer = combineReducers({
   modals: modalsReducer,
   application: persistReducer(applicationPersistConfig, applicationReducer),
   tech: techReducer,
+  media: mediaReducer,
 });
 
 export default withReduxStateSync(

client/src/redux/root.saga.js

@@ -6,6 +6,7 @@ import { emailSagas } from "./email/email.sagas";
 import { modalsSagas } from "./modals/modals.sagas";
 import { applicationSagas } from "./application/application.sagas";
 import { techSagas } from "./tech/tech.sagas";
+import { mediaSagas } from "./media/media.sagas";
 
 export default function* rootSaga() {
   yield all([
@@ -15,5 +16,6 @@ export default function* rootSaga() {
     call(modalsSagas),
     call(applicationSagas),
     call(techSagas),
+    call(mediaSagas),
   ]);
 }