Merge branch '19143-project-list-workflows'
[arvados-workbench2.git] / src / views / run-process-panel / run-process-basic-form.tsx
index a5ea75531dbc7f9c1fc6d0ae5037ff0c71970e1d..32a126a458fdcbd666969a95d09b34628889e104 100644 (file)
@@ -2,18 +2,23 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-import * as React from 'react';
+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, 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;
+    owner?: ProjectResource | UserResource;
 }
+
 export const RunProcessBasicForm =
     reduxForm<RunProcessBasicFormData>({
         form: RUN_PROCESS_BASIC_FORM
@@ -23,16 +28,23 @@ export const RunProcessBasicForm =
                 <Grid item xs={12} md={6}>
                     <Field
                         name='name'
-                        component={TextField}
-                        label="Enter a new name for run process"
+                        component={TextField as any}
+                        label="Name for this workflow run"
                         required
                         validate={PROCESS_NAME_VALIDATION} />
                 </Grid>
                 <Grid item xs={12} md={6}>
                     <Field
                         name='description'
-                        component={TextField}
-                        label="Enter a description for run process" />
+                        component={TextField as any}
+                        label="Optional description of this workflow run" />
+                </Grid>
+                <Grid item xs={12} md={6}>
+                    <ProjectInput input={{
+                        id: "owner",
+                        label: "Project where the workflow will run"
+                    } as ProjectCommandInputParameter}
+                        options={{ showOnlyOwned: false, showOnlyWritable: true }} />
                 </Grid>
             </Grid>
         </form>);