#453 Undo/Redo Actions

Author: Adriána Kohanová

js/components/preview/viewerControls/displayControls/editRepresentationMenu.js

@@ -40,11 +40,15 @@ export const EditRepresentationMenu = memo(
     const handleRepresentationPropertyChange = throttle((key, value) => {
       const r = comp.reprList.find(rep => rep.uuid === representation.uuid || rep.uuid === representation.lastKnownID);
       if (r) {
+        let oldValue = oldRepresentation.params[key];
+        let change = { key, value, oldValue };
+
         // update in ngl
         r.setParameters({ [key]: value });
         //update in redux
         oldRepresentation.params[key] = value;
-        dispatch(updateComponentRepresentation(parentKey, oldRepresentation.uuid, oldRepresentation));
+
+        dispatch(updateComponentRepresentation(parentKey, oldRepresentation.uuid, oldRepresentation, change));
       }
     }, 250);
 

js/reducers/ngl/actions.js

@@ -10,11 +10,12 @@ export const deleteNglObject = target => ({
   target
 });
 
-export const updateComponentRepresentation = (objectInViewID, representationID, newRepresentation) => ({
+export const updateComponentRepresentation = (objectInViewID, representationID, newRepresentation, change) => ({
   type: CONSTANTS.UPDATE_COMPONENT_REPRESENTATION,
   representationID,
   newRepresentation,
-  objectInViewID
+  objectInViewID,
+  change
 });
 
 export const addComponentRepresentation = (objectInViewID, newRepresentation) => ({

js/reducers/tracking/dispatchActions.js

@@ -603,6 +603,7 @@ const handleUndoAction = (action, stages) => (dispatch, getState) => {
         dispatch(handleCompoundAction(action, true));
         break;
       case actionType.REPRESENTATION_CHANGED:
+        dispatch(handleChangeRepresentationAction(action, false, majorView));
         break;
       case actionType.REPRESENTATION_ADDED:
         dispatch(handleRepresentationAction(action, false, majorView));
@@ -685,6 +686,7 @@ const handleRedoAction = (action, stages) => (dispatch, getState) => {
         dispatch(handleCompoundAction(action, false));
         break;
       case actionType.REPRESENTATION_CHANGED:
+        dispatch(handleChangeRepresentationAction(action, true, majorView));
         break;
       case actionType.REPRESENTATION_ADDED:
         dispatch(handleRepresentationAction(action, true, majorView));
@@ -728,12 +730,12 @@ const handleCompoundAction = (action, isSelected) => (dispatch, getState) => {
 };
 
 const handleShoppingCartAction = (action, isAdd) => (dispatch, getState) => {
-  const state = getState();
   if (action) {
+    let data = action.item;
     if (isAdd) {
-      //dispatch(appendToBuyList(data));
+      dispatch(appendToBuyList(data));
     } else {
-      //dispatch(removeFromToBuyList(data));
+      dispatch(removeFromToBuyList(data));
     }
   }
 };
@@ -752,7 +754,6 @@ const addRepresentation = (parentKey, representation, nglView) => (dispatch, get
   const oldRepresentation = representation;
   const newRepresentationType = oldRepresentation.type;
   const comp = nglView.stage.getComponentsByName(parentKey).first;
-  // add representation to NGL
   const newRepresentation = assignRepresentationToComp(
     newRepresentationType,
     oldRepresentation.params,
@@ -762,6 +763,26 @@ const addRepresentation = (parentKey, representation, nglView) => (dispatch, get
   dispatch(addComponentRepresentation(parentKey, newRepresentation));
 };
 
+const handleChangeRepresentationAction = (action, isAdd, nglView) => (dispatch, getState) => {
+  if (action) {
+    dispatch(changeRepresentation(isAdd, action.change, action.object_id, action.representation, nglView));
+  }
+};
+
+const changeRepresentation = (isAdd, change, parentKey, representation, nglView) => (dispatch, getState) => {
+  const comp = nglView.stage.getComponentsByName(parentKey).first;
+  const r = comp.reprList.find(rep => rep.uuid === representation.uuid || rep.uuid === representation.lastKnownID);
+  if (r && change) {
+    let key = change.key;
+    let value = isAdd ? change.value : change.oldValue;
+
+    r.setParameters({ [key]: value });
+    representation.params[key] = value;
+
+    dispatch(updateComponentRepresentation(parentKey, representation.uuid, representation));
+  }
+};
+
 const removeRepresentation = (parentKey, representation, nglView) => (dispatch, getState) => {
   const comp = nglView.stage.getComponentsByName(parentKey).first;
   let foundedRepresentation = undefined;

js/reducers/tracking/trackingActions.js

@@ -248,6 +248,7 @@ export const findTruckAction = (action, state) => {
           object_type: actionObjectType.MOLECULE,
           object_name: objectName,
           object_id: objectName,
+          item: action.item,
           text: `${objectType} ${objectName} ${actionDescription.ADDED} ${actionDescription.TO_SHOPPING_CART}`
         };
       }
@@ -263,6 +264,7 @@ export const findTruckAction = (action, state) => {
           object_type: objectType,
           object_name: objectName,
           object_id: objectName,
+          item: action.item,
           text: `${objectType} ${objectName} ${actionDescription.REMOVED} ${actionDescription.FROM_SHOPPING_CART}`
         };
       }
@@ -461,7 +463,8 @@ export const findTruckAction = (action, state) => {
         object_id: action.objectInViewID,
         representation_id: action.representationID,
         representation: action.newRepresentation,
-        text: `${objectType} parameter of ${action.objectInViewID} ${actionDescription.CHANGED}`
+        change: action.change,
+        text: `${objectType} '${action.change?.key}' of ${action.objectInViewID} ${actionDescription.CHANGED} from value: ${action.change?.oldValue} to value: ${action.change?.value}`
       };
     } else if (action.type.includes(nglConstants.ADD_COMPONENT_REPRESENTATION)) {
       let objectType = actionObjectType.REPRESENTATION;
@@ -475,7 +478,7 @@ export const findTruckAction = (action, state) => {
         object_name: representationName,
         object_id: action.objectInViewID,
         representation: action.newRepresentation,
-        text: `${objectType} ${representationName} of ${action.objectInViewID} ${actionDescription.ADDED}`
+        text: `${objectType} '${representationName}' of ${action.objectInViewID} ${actionDescription.ADDED}`
       };
     } else if (action.type.includes(nglConstants.REMOVE_COMPONENT_REPRESENTATION)) {
       let objectType = actionObjectType.REPRESENTATION;
@@ -489,7 +492,7 @@ export const findTruckAction = (action, state) => {
         object_name: representationName,
         object_id: action.objectInViewID,
         representation: action.representation,
-        text: `${objectType} ${representationName} of ${action.objectInViewID} ${actionDescription.REMOVED}`
+        text: `${objectType} '${representationName}' of ${action.objectInViewID} ${actionDescription.REMOVED}`
       };
     }
   }