import { MPVContainer, MPVPanelContent, MPVPanelState } from 'components/multi-panel-view/multi-panel-view';
import { ProcessIOCard, ProcessIOCardType } from 'views/process-panel/process-io-card';
import { NotFoundView } from 'views/not-found-panel/not-found-panel';
+import { WorkflowProcessesPanel } from './workflow-processes-panel';
-type CssRules = 'root'
+type CssRules =
| 'button'
| 'infoCard'
| 'propertiesCard'
| 'content';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
- root: {
- width: '100%',
- },
button: {
cursor: 'pointer'
},
const { classes, item, inputParams, outputParams, workflowCollection } = this.props;
const panelsData: MPVPanelState[] = [
{ name: "Details" },
- { name: "Inputs" },
+ { name: "Runs" },
{ name: "Outputs" },
- { name: "Files" },
+ { name: "Inputs" },
+ { name: "Definition" },
];
return item
- ? <MPVContainer className={classes.root} spacing={8} direction="column" justify-content="flex-start" wrap="nowrap" panelStates={panelsData}>
+ ? <MPVContainer spacing={8} direction="column" justify-content="flex-start" wrap="nowrap" panelStates={panelsData}>
<MPVPanelContent xs="auto" data-cy='registered-workflow-info-panel'>
<Card className={classes.infoCard}>
<CardHeader
</CardContent>
</Card>
</MPVPanelContent>
- <MPVPanelContent forwardProps xs data-cy="process-inputs">
+ <MPVPanelContent forwardProps xs maxHeight="100%">
+ <WorkflowProcessesPanel />
+ </MPVPanelContent>
+ <MPVPanelContent forwardProps xs data-cy="process-outputs" maxHeight="100%">
<ProcessIOCard
- label={ProcessIOCardType.INPUT}
- params={inputParams}
+ label={ProcessIOCardType.OUTPUT}
+ params={outputParams}
raw={{}}
forceShowParams={true}
/>
</MPVPanelContent>
- <MPVPanelContent forwardProps xs data-cy="process-outputs">
+ <MPVPanelContent forwardProps xs data-cy="process-inputs" maxHeight="100%">
<ProcessIOCard
- label={ProcessIOCardType.OUTPUT}
- params={outputParams}
+ label={ProcessIOCardType.INPUT}
+ params={inputParams}
raw={{}}
forceShowParams={true}
/>
</MPVPanelContent>
- <MPVPanelContent xs>
+ <MPVPanelContent xs maxHeight="100%">
<Card className={classes.filesCard}>
+ <CardHeader title="Workflow Definition" />
<ProcessOutputCollectionFiles isWritable={false} currentItemUuid={workflowCollection} />
</Card>
</MPVPanelContent>