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 panelsData: MPVPanelState[] = [
{ name: "Details" },
{ name: "Runs" },
- { name: "Inputs" },
{ name: "Outputs" },
+ { 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>
+ <MPVPanelContent forwardProps xs maxHeight="100%">
<WorkflowProcessesPanel />
</MPVPanelContent>
- <MPVPanelContent forwardProps xs data-cy="process-inputs">
+ <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} />