feat: LOPS-155: [FE] Select and export CandidateTasks to a new Project (

#186)
HumanSignal · Jun 6, 2023 · 6c32e37 · 6c32e37
1 parent d989b82
commit 6c32e37
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 6 deletions.
diff --git a/src/components/CandidateTaskView/CandidateTaskView.js b/src/components/CandidateTaskView/CandidateTaskView.js
@@ -65,7 +65,7 @@ export const CandidateTaskView = observer(({ item, columns }) => {
         setModified(metadata.updated ? format(new Date(metadata.updated), dateDisplayFormat) : "");
         setSize(`${new Intl.NumberFormat().format(parseInt(metadata.size))} bytes`);
         setBucket(metadata.bucket);
-        setDimensions(Object.values(imgRef.current).map(ref => `${ref.naturalWidth} x ${ref.naturalHeight} px`));
+        setDimensions(Object.values(imgRef.current).map(ref => `${ref?.naturalWidth ?? 0} x ${ref?.naturalHeight ?? 0} px`));
       }
     };
 

diff --git a/src/components/MainView/DataView/DataView.js b/src/components/MainView/DataView/DataView.js
@@ -110,12 +110,10 @@ export const DataView = injector(
     );
 
     const onSelectAll = useCallback(() => {
-      console.log('selected all');
       view.selectAll();
     }, [view]);
 
     const onRowSelect = useCallback((id) => {
-      console.log('selected row');
       view.toggleSelected(id);
     }, [view]);
 

diff --git a/src/stores/DataStores/tasks.js b/src/stores/DataStores/tasks.js
@@ -3,7 +3,7 @@ import { DataStore, DataStoreItem } from "../../mixins/DataStore";
 import { getAnnotationSnapshot } from "../../sdk/lsf-utils";
 import { isDefined } from "../../utils/utils";
 import { Assignee } from "../Assignee";
-import { DynamicModel } from "../DynamicModel";
+import { DynamicModel, registerModel } from "../DynamicModel";
 import { CustomJSON } from "../types";
 import { FF_DEV_2536, FF_LOPS_E_3, isFF } from "../../utils/feature-flags";
 
@@ -102,6 +102,8 @@ export const create = (columns) => {
 
   const TaskModel = types.compose("TaskModel", TaskModelBase, DataStoreItem);
 
+  registerModel("TaskModel", TaskModel);
+
   return DataStore("TasksStore", {
     apiMethod: "tasks",
     listItemType: TaskModel,

diff --git a/src/stores/Tabs/tab_selected_items.js b/src/stores/Tabs/tab_selected_items.js
@@ -1,15 +1,22 @@
 import { getRoot, types } from "mobx-state-tree";
+import { DynamicModel } from "../DynamicModel";
 
 export const TabSelectedItems = types
   .model("TabSelectedItems", {
     all: false,
     list: types.optional(types.array(types.number), []),
+    listObject: types.optional(
+      types.array(
+        types.late(() => DynamicModel.get("TaskModel")),
+      )
+      , []),
   })
   .views((self) => ({
     get snapshot() {
       return {
         all: self.all,
         [self.listName]: Array.from(self.list),
+        listObject: Array.from(self.listObject),
       };
     },
 
@@ -62,37 +69,50 @@ export const TabSelectedItems = types
       }
 
       self.list = [];
+      self.listObject = [];
       self._invokeChangeEvent();
     },
 
     addItem(id) {
+      const item = getRoot(self).taskStore.list.find(rec => rec.id === id);
+
       self.list.push(id);
+      self.listObject = [...self.listObject, item.toJSON()];
       self._invokeChangeEvent();
     },
 
     removeItem(id) {
       self.list.splice(self.list.indexOf(id), 1);
+      self.listObject = self.listObject.filter(rec => rec.id !== id);
       self._invokeChangeEvent();
     },
 
     toggleItem(id) {
+      const item = getRoot(self).taskStore.list.find(rec => rec.id === id);
+
       if (self.list.includes(id)) {
         self.list.splice(self.list.indexOf(id), 1);
+        self.listObject = self.listObject.filter(rec => rec.id !== id);
       } else {
         self.list.push(id);
+        self.listObject = [...self.listObject, item.toJSON()];
       }
       self._invokeChangeEvent();
     },
 
     update(data) {
+      const taskStoreList = getRoot(self).taskStore.list;
+
       self.all = data?.all ?? self.all;
       self.list = data?.[self.listName] ?? self.list;
+      self.listObject = data?.[self.listName] ? data?.[self.listName]?.map(id => taskStoreList.find(rec => rec.id === id)) : self.listObject;
       self._invokeChangeEvent();
     },
 
     clear() {
       self.all = false;
       self.list = [];
+      self.listObject = [];
       self._invokeChangeEvent();
     },
 
@@ -101,8 +121,8 @@ export const TabSelectedItems = types
     },
   }))
   .preProcessSnapshot((sn) => {
-    const { included, excluded, all } = sn ?? {};
-    const result = { all, list: sn.list ?? (all ? excluded : included) };
+    const { included, excluded, all, listObject } = sn ?? {};
+    const result = { all, list: sn.list ?? (all ? excluded : included), listObject };
 
     return result;
   });
diff --git a/src/utils/api-proxy/index.js b/src/utils/api-proxy/index.js
@@ -504,6 +504,11 @@ export class APIProxy {
           json() {
             return Promise.resolve(response);
           },
+          text() {
+            return JSON.stringify(response);
+          },
+          headers: {},
+          status: 200,
         });
       }, this.mockDelay);
     });