19143: Finally got the data binding to work

[arvados-workbench2.git] / src / views / run-process-panel / run-process-basic-form.tsx

diff --git a/src/views/run-process-panel/run-process-basic-form.tsx b/src/views/run-process-panel/run-process-basic-form.tsx
index 1417c074c0937164fe2d9be5e28b3c1a8f6ac577..a8005ad2943ee4a9fe0ddd823b211e3649c550b5 100644 (file)
--- a/src/views/run-process-panel/run-process-basic-form.tsx
+++ b/src/views/run-process-panel/run-process-basic-form.tsx
@@ -6,16 +6,19 @@ import React from 'react';
 import { reduxForm, Field } from 'redux-form';
 import { Grid } from '@material-ui/core';
 import { TextField } from 'components/text-field/text-field';
-import { ProjectInput } from 'views/run-process-panel/inputs/project-input';
+import { ProjectInput, ProjectCommandInputParameter } from 'views/run-process-panel/inputs/project-input';
 import { PROCESS_NAME_VALIDATION } from 'validators/validators';
+import { ProjectResource } from 'models/project';
+import { UserResource } from 'models/user';
 
 export const RUN_PROCESS_BASIC_FORM = 'runProcessBasicForm';
 
 export interface RunProcessBasicFormData {
     name: string;
     description: string;
-    ownerUuid?: string;
+    owner?: ProjectResource | UserResource;
 }
+
 export const RunProcessBasicForm =
     reduxForm<RunProcessBasicFormData>({
         form: RUN_PROCESS_BASIC_FORM
@@ -37,10 +40,11 @@ export const RunProcessBasicForm =
                         label="Enter a description for run process" />
                 </Grid>
                 <Grid item xs={12} md={6}>
-                    <Field
-                        name='ownerUuid'
-                        component={ProjectInput as any}
-                        label="Project to run the process in" />
+                    <ProjectInput input={{
+                        id: "owner",
+                        label: "Project where the workflow will run"
+                    } as ProjectCommandInputParameter}
+                        options={{ showOnlyOwned: false, showOnlyWritable: true }} />
                 </Grid>
             </Grid>
         </form>);