18219: Adds property edition capabilities to create & update dialogs.
[arvados-workbench2.git] / src / store / projects / project-update-actions.ts
index ba17675380074bf761ceda72e904f596f386955f..e5fc34d8ebe6f3ecc7f5824a0534105e72b42ba0 100644 (file)
@@ -3,23 +3,40 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import { Dispatch } from "redux";
-import { FormErrors, initialize, reset, startSubmit, stopSubmit } from 'redux-form';
+import {
+    change,
+    FormErrors,
+    formValueSelector,
+    initialize,
+    reset,
+    startSubmit,
+    stopSubmit
+} from 'redux-form';
 import { RootState } from "store/store";
 import { dialogActions } from "store/dialog/dialog-actions";
-import { getCommonResourceServiceError, CommonResourceServiceError } from "services/common-service/common-resource-service";
+import {
+    getCommonResourceServiceError,
+    CommonResourceServiceError
+} from "services/common-service/common-resource-service";
 import { ServiceRepository } from "services/services";
 import { projectPanelActions } from 'store/project-panel/project-panel-action';
 import { GroupClass } from "models/group";
 import { Participant } from "views-components/sharing-dialog/participant-select";
+import { ResourcePropertiesFormData } from "views-components/resource-properties-form/resource-properties-form";
+import { addProperty, deleteProperty } from "lib/resource-properties";
+import { ProjectProperties } from "./project-create-actions";
 
 export interface ProjectUpdateFormDialogData {
     uuid: string;
     name: string;
     users?: Participant[];
     description?: string;
+    properties?: ProjectProperties;
 }
 
 export const PROJECT_UPDATE_FORM_NAME = 'projectUpdateFormName';
+export const PROJECT_UPDATE_PROPERTIES_FORM_NAME = 'projectUpdatePropertiesFormName';
+export const PROJECT_UPDATE_FORM_SELECTOR = formValueSelector(PROJECT_UPDATE_FORM_NAME);
 
 export const openProjectUpdateDialog = (resource: ProjectUpdateFormDialogData) =>
     (dispatch: Dispatch, getState: () => RootState) => {
@@ -32,7 +49,13 @@ export const updateProject = (project: ProjectUpdateFormDialogData) =>
         const uuid = project.uuid || '';
         dispatch(startSubmit(PROJECT_UPDATE_FORM_NAME));
         try {
-            const updatedProject = await services.projectService.update(uuid, { name: project.name, description: project.description });
+            const updatedProject = await services.projectService.update(
+                uuid,
+                {
+                    name: project.name,
+                    description: project.description,
+                    properties: project.properties,
+                });
             dispatch(projectPanelActions.REQUEST_ITEMS());
             dispatch(reset(PROJECT_UPDATE_FORM_NAME));
             dispatch(dialogActions.CLOSE_DIALOG({ id: PROJECT_UPDATE_FORM_NAME }));
@@ -45,3 +68,23 @@ export const updateProject = (project: ProjectUpdateFormDialogData) =>
             return ;
         }
     };
+
+export const addPropertyToUpdateProjectForm = (data: ResourcePropertiesFormData) =>
+    (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
+        const properties = { ...PROJECT_UPDATE_FORM_SELECTOR(getState(), 'properties') };
+        const key = data.keyID || data.key;
+        const value =  data.valueID || data.value;
+        dispatch(change(
+            PROJECT_UPDATE_FORM_NAME,
+            'properties',
+            addProperty(properties, key, value)));
+    };
+
+export const removePropertyFromUpdateProjectForm = (key: string, value: string) =>
+    (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
+        const properties = { ...PROJECT_UPDATE_FORM_SELECTOR(getState(), 'properties') };
+        dispatch(change(
+            PROJECT_UPDATE_FORM_NAME,
+            'properties',
+            deleteProperty(properties, key, value)));
+    };