src/views/run-process-panel/run-process-inputs-form.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { reduxForm, InjectedFormProps } from 'redux-form';
   7 import { WorkflowResource, CommandInputParameter, CWLType, IntCommandInputParameter, BooleanCommandInputParameter, FileCommandInputParameter } from '~/models/workflow';
   8 import { IntInput } from '~/views/run-process-panel/inputs/int-input';
   9 import { StringInput } from '~/views/run-process-panel/inputs/string-input';
  10 import { StringCommandInputParameter, FloatCommandInputParameter, File } from '../../models/workflow';
  11 import { FloatInput } from '~/views/run-process-panel/inputs/float-input';
  12 import { BooleanInput } from './inputs/boolean-input';
  13 import { FileInput } from './inputs/file-input';
  14 import { connect } from 'react-redux';
  15
  16 const RUN_PROCESS_INPUTS_FORM = 'runProcessInputsForm';
  17
  18 export interface RunProcessInputFormProps {
  19     inputs: CommandInputParameter[];
  20 }
  21
  22 export const RunProcessInputsForm = connect(
  23     (_: any, props: RunProcessInputFormProps) => ({
  24         initialValues: props.inputs.reduce(
  25             (values, input) => ({ ...values, [input.id]: input.default }),
  26             {}),
  27     }))(
  28         reduxForm<any, RunProcessInputFormProps>({
  29             form: RUN_PROCESS_INPUTS_FORM
  30         })((props: InjectedFormProps & RunProcessInputFormProps) =>
  31             <form>
  32                 {props.inputs.map(input => {
  33                     switch (true) {
  34                         case input.type === CWLType.BOOLEAN:
  35                             return <BooleanInput key={input.id} input={input as BooleanCommandInputParameter} />;
  36                         case input.type === CWLType.INT:
  37                         case input.type === CWLType.LONG:
  38                             return <IntInput key={input.id} input={input as IntCommandInputParameter} />;
  39                         case input.type === CWLType.FLOAT:
  40                         case input.type === CWLType.DOUBLE:
  41                             return <FloatInput key={input.id} input={input as FloatCommandInputParameter} />;
  42                         case input.type === CWLType.STRING:
  43                             return <StringInput key={input.id} input={input as StringCommandInputParameter} />;
  44                         case input.type === CWLType.FILE:
  45                             return <FileInput key={input.id} input={input as FileCommandInputParameter} />;
  46                         default:
  47                             return null;
  48                     }
  49                 })}
  50             </form>));